Beginnings with karax.

2018-05-09 14:54:32 +01:00 · 2018-05-09 14:54:32 +01:00 · 9e61224b2c
commit 9e61224b2c
parent 07e8af644e
2 changed files with 46 additions and 0 deletions
--- a/redesign/forum.nim
+++ b/redesign/forum.nim
@ -0,0 +1,24 @@
+include karax/prelude
+
+
+proc genHeader(): VNode =
+  result = buildHtml(header(id="main-navbar")):
+    tdiv(class="navbar container grid-xl"):
+      section(class="navbar-section"):
+        a(href="/"):
+          img(src="images/crown.png", id="img-logo") # TODO: Customisable.
+      section(class="navbar-section"):
+        tdiv(class="input-group input-inline"):
+          input(class="form-input input-sm", `type`="text", placeholder="search")
+        button(class="btn btn-primary btn-sm"):
+          italic(class="fas fa-user-plus")
+          text " Sign up"
+        button(class="btn btn-primary btn-sm"):
+          italic(class="fas fa-sign-in-alt")
+          text " Log in"
+
+proc createDom(): VNode =
+  result = buildHtml(tdiv()):
+    genHeader()
+
+setRenderer createDom
--- a/redesign/karax.html
+++ b/redesign/karax.html
@ -0,0 +1,22 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <title>The Nim programming language forum</title>
+
+  <link rel="stylesheet" href="nimforum.css">
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.12/css/all.css" integrity="sha384-G0fIWCsCzJIMAVNQPfjH08cyYaUtMwjJwqiRKxxE/rx96Uroj1BtIQ6MLJuheaO9" crossorigin="anonymous">
+  <link rel="icon" href="images/favicon.png">
+</head>
+
+<body>
+
+  <div id="ROOT" />
+
+  <script type="text/javascript" src="nimcache/forum.js"></script>
+</body>
+</html>