Frontend now built with CSS. Improves about page.

nimforum.nimble

@@ -31,7 +31,8 @@ task backend, "Compiles and runs the forum backend":
 task runbackend, "Runs the forum backend":
   exec "./src/forum"
 
-task frontend, "Builds the necessary JS frontend":
+task frontend, "Builds the necessary JS frontend (with CSS)":
+  exec "nimble c -r src/frontend/buildcss"
   exec "nimble js src/frontend/forum.nim"
   mkDir "public/js"
   cpFile "src/frontend/nimcache/forum.js", "public/js/forum.js"

public/css/nimforum.scss

@@ -243,7 +243,7 @@ $views-color: #545d70;
   }
 }
 
-.posts {
+.posts, .about {
   @extend .grid-md;
   @extend .container;
   margin: 0;
@@ -634,4 +634,9 @@ hr {
   .modal-container .modal-body {
     max-height: 60vh;
   }
+}
+
+.license-text {
+  text-align: left;
+  font-size: 80%;
 }

src/frontend/about.nim

@@ -40,5 +40,5 @@ when defined(js):
 
     result = buildHtml():
       section(class="container grid-xl"):
-        tdiv(id="about"):
+        tdiv(class="about"):
           verbatim(state.content)

src/frontend/buildcss.nim

@@ -0,0 +1,9 @@
+import sass, os
+
+when isMainModule:
+  compileFile(
+    getCurrentDir() / "public" / "css" / "nimforum.scss",
+    getCurrentDir() / "public" / "css" / "nimforum.css"
+  )
+
+  echo("Compiled CSS")

src/frontend/builder.nim

@@ -1,4 +0,0 @@
-import sass
-
-when isMainModule:
-  compileFile("nimforum.scss", "nimforum.css")

src/frontend/signup.nim

@@ -84,4 +84,12 @@ when defined(js):
             button(class="btn",
                    onClick=(ev: Event, n: VNode) =>
                     (state.onLogIn(); state.shown = false)):
-              text "Log in"
+              text "Log in"
+
+            p(class="license-text text-gray"):
+              text "By registering, you agree to the "
+              a(href=makeUri("/about/license"),
+                onClick=(ev: Event, n: VNode) =>
+                    (state.shown = false; anchorCB(ev, n))):
+                text "content license"
+              text "."