feat: permalink generator

docs: add adminforge.de

README.md

@@ -22,6 +22,9 @@ This project is super lightweight by design. The UI is simple and the frontend i
 | [overflow.smnz.de](https://overflow.smnz.de)                                    | Germany                 | Operated by [smnz.de](https://smnz.de)                                                           |
 | [anonymousoverflow.esmailelbob.xyz](https://anonymousoverflow.esmailelbob.xyz/) | Canada                  | Operated by [Esmail EL BoB](https://esmailelbob.xyz)                                             |
 | [overflow.lunar.icu](https://overflow.lunar.icu)                                | Germany                 | Operated by [lunar.icu](https://lunar.icu/)                                                      |
+| [overflow.adminforge.de](https://overflow.adminforge.de/)                       | Germany                 | Operated by [adminForge](https://adminforge.de/)                                                 |
+| [ao.foss.wtf](https://ao.foss.wtf)                                              | Germany                 | Operated by [foss.wtf](https://foss.wtf)                                                         |
+| [overflow.hostux.net](https://overflow.hostux.net/)                             | France                  | Operated by [Hostux](https://hostux.net/)                                                        |
 
 ## Other Instances
 

main.go

@@ -55,6 +55,10 @@ func main() {
 		c.Redirect(302, fmt.Sprintf("/questions/%s/placeholder", c.Param("id")))
 	})
 	r.GET("/questions/:id/:title", routes.ViewQuestion)
+	r.GET("/questions/:id/:title/:answerId", func(c *gin.Context) {
+		// redirect user to the answer with the title
+		c.Redirect(302, fmt.Sprintf("/questions/%s/%s#%s", c.Param("id"), c.Param("title"), c.Param("answerId")))
+	})
 
 	r.GET("/proxy", routes.GetImage)
 

public/icons/link.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244" />
+</svg>

public/question.css

@@ -90,6 +90,13 @@ img {
     margin-bottom: 1rem;
     background-color: var(--meta-bg);
     color: var(--text-color);
+    
+    display: flex;
+    justify-content: space-between;
+}
+
+.answer-meta p {
+    margin: 0;
 }
 
 .answer-meta.accepted {

src/routes/question.go

@@ -196,6 +196,7 @@ func ViewQuestion(c *gin.Context) {
 	answers := []types.FilteredAnswer{}
 
 	doc.Find("div.answer").Each(func(i int, s *goquery.Selection) {
+
 		newFilteredAnswer := types.FilteredAnswer{}
 
 		postLayout := s.Find("div.post-layout")
@@ -235,6 +236,9 @@ func ViewQuestion(c *gin.Context) {
 			answerTimestamp = html.EscapeString(s.Find("span.relativetime").Text())
 		})
 
+		answerId, _ := s.Attr("data-answerid")
+		newFilteredAnswer.ID = answerId
+
 		newFilteredAnswer.AuthorName = answerAuthorName
 		newFilteredAnswer.AuthorURL = answerAuthorURL
 		newFilteredAnswer.Timestamp = answerTimestamp

src/types/answer.go

@@ -3,6 +3,8 @@ package types
 import "html/template"
 
 type FilteredAnswer struct {
+	ID string
+
 	Upvotes    string
 	IsAccepted bool
 

templates/question.html

@@ -68,13 +68,20 @@
                 </div>
             </div>
             {{ range $answer := .answers }}
-            <div class="answer">
+            <div class="answer" id="{{ $answer.ID }}">
                 <div
                     class="answer-meta{{ if $answer.IsAccepted }} accepted{{end}}"
                 >
+                <p>
                     {{ if $answer.IsAccepted }} Accepted - {{ end }}
                     {{$answer.Upvotes}} Votes
-                </div>
+                </p>
+                <a href="#{{ $answer.ID }}" class="answer-link">
+                    <div class="icon">
+                        <img src="/static/icons/link.svg" alt="Paperclip icon" />
+                    </div>
+                </a>
+            </div>
                 {{ $answer.Body }}
                 <div class="answer-author-parent">
                     <div class="answer-author">