feat(legal): credits page

main.go

@@ -55,15 +55,23 @@ func main() {
 	}
 	g.Templates = append(g.Templates, "templates/base/*.gohtml")
 
-	t := golatt.Template{
+	home := golatt.Template{
 		Golatt: g,
 		Name:   "index",
 		Title:  data.Person.Name,
 		Data:   &data,
 		URL:    "/",
 	}
+	credits := golatt.Template{
+		Golatt: g,
+		Name:   "credits",
+		Title:  "Credits",
+		Data:   &data,
+		URL:    "/credits",
+	}
 
-	g.HandleFunc("/", t.Handle())
+	g.HandleFunc("/", home.Handle())
+	g.HandleFunc("/credits", credits.Handle())
 
 	g.StartServer(":8000")
 }

scss/main.scss

@@ -16,9 +16,13 @@ body {
   color: var(--text-color);
 }
 
+a {
+  color: var(--text-color);
+}
+
 .credits {
   position: absolute;
-  bottom: 1em;
+  bottom: 0;
   display: flex;
   gap: 1em;
   font-size: 16px;
@@ -32,6 +36,18 @@ main {
   padding: 2rem;
   border-radius: 32px;
   box-shadow: 0 0 70px 2px rgba(0,0,0,0.75);
+  & h1, h2, h3 {
+    margin: 0;
+  }
+}
+
+h1, h2, h3 {
+  margin-bottom: 1rem;
+  margin-top: 2rem;
+}
+
+p {
+  margin-bottom: 0.5rem;
 }
 
 h1 {
@@ -42,6 +58,10 @@ h2 {
   font-size: 2rem;
 }
 
+h3 {
+  font-size: 1.5rem;
+}
+
 .presentation {
   position: relative;
   display: flex;
@@ -58,6 +78,9 @@ h2 {
     align-items: center;
     justify-content: center;
     gap: 0.5rem;
+    & p {
+      margin: 0;
+    }
   }
   & figure {
     display: inline;
@@ -104,3 +127,7 @@ h2 {
     }
   }
 }
+
+.credits-legal {
+  width: 70%;
+}

templates/base/base.gohtml

@@ -14,6 +14,7 @@
     <div class="credits">
         <p>Crafted by <a href="https://www.anhgelus.world/" target="_blank">Anhgelus Morhtuuzh</a></p>
         <p><a href="{{ .Data.Legal.LegalInformationLink }}">Legal information</a></p>
+        <p><a href="/credits">Credits</a></p>
     </div>
     <script type="module" src="{{getAssetPath "index.js"}}" defer></script>
     </body>

templates/page/credits.gohtml

@@ -0,0 +1,14 @@
+{{define "body"}}
+    <div class="credits-legal">
+        <h2>Credits</h2>
+        <p>
+            The software behind this website was made by <a href="https://www.anhgelus.world/" target="_blank">Anhgelus Morhtuuzh</a>.
+            It is available on <a href="https://github.com/anhgelus/now">GitHub</a> for free and licensed under the
+            <a href="https://github.com/anhgelus/now/blob/main/LICENSE" target="_blank">AGPL</a> license.
+        </p>
+        <h3>Image credits</h3>
+        {{ range $s := .Legal.ImagesSource }}
+            <p>{{ . }}</p>
+        {{ end }}
+    </div>
+{{end}}