Top buttons in Karax.

redesign/forum.nim

@@ -6,7 +6,7 @@ proc genHeader(): VNode =
     tdiv(class="navbar container grid-xl"):
       section(class="navbar-section"):
         a(href="/"):
-          img(src="images/crown.png", id="img-logo") # TODO: Customisable.
+          img(src="images/crown.png", id="img-logo") # TODO: Customisation.
       section(class="navbar-section"):
         tdiv(class="input-group input-inline"):
           input(class="form-input input-sm", `type`="text", placeholder="search")
@@ -17,8 +17,26 @@ proc genHeader(): VNode =
           italic(class="fas fa-sign-in-alt")
           text " Log in"
 
+proc genTopButtons(): VNode =
+  result = buildHtml():
+    section(class="navbar container grid-xl", id="main-buttons"):
+      section(class="navbar-section"):
+        tdiv(class="dropdown"):
+          a(href="#", class="btn dropdown-toggle"):
+            text "Filter "
+            italic(class="fas fa-caret-down")
+          ul(class="menu"):
+            li: text "community"
+            li: text "dev"
+        button(class="btn btn-primary"): text "Latest"
+        button(class="btn btn-link"): text "Most Active"
+        button(class="btn btn-link"): text "Categories"
+      section(class="navbar-section")
+
+
 proc createDom(): VNode =
   result = buildHtml(tdiv()):
     genHeader()
+    genTopButtons()
 
 setRenderer createDom