mirror of
https://github.com/zedeus/nitter.git
synced 2024-12-16 21:16:29 +00:00
36 lines
1 KiB
Nim
36 lines
1 KiB
Nim
|
import karax/[karaxdsl, vdom]
|
||
|
|
|
||
|
|
const doctype = "<!DOCTYPE html>\n"
|
||
|
|
|
||
|
|
proc renderMain*(body: VNode; title="Nitter"): string =
|
||
|
|
let node = buildHtml(html(lang="en")):
|
||
|
|
head:
|
||
|
|
title: text title
|
||
|
|
link(rel="stylesheet", `type`="text/css", href="/style.css")
|
||
|
|
|
||
|
|
body:
|
||
|
|
nav(id="nav", class="nav-bar container"):
|
||
|
|
tdiv(class="inner-nav"):
|
||
|
|
tdiv(class="item"):
|
||
|
|
a(href="/", class="site-name"): text "nitter"
|
||
|
|
|
||
|
|
tdiv(id="content", class="container"):
|
||
|
|
body
|
||
|
|
|
||
|
|
result = doctype & $node
|
||
|
|
|
||
|
|
proc renderSearch*(): VNode =
|
||
|
|
buildHtml(tdiv(class="panel")):
|
||
|
|
tdiv(class="search-panel"):
|
||
|
|
form(`method`="post", action="search"):
|
||
|
|
input(`type`="text", name="query", placeholder="Enter username...")
|
||
|
|
button(`type`="submit"): text "🔎"
|
||
|
|
|
||
|
|
proc renderError*(error: string): VNode =
|
||
|
|
buildHtml(tdiv(class="panel")):
|
||
|
|
tdiv(class="error-panel"):
|
||
|
|
span: text error
|
||
|
|
|
||
|
|
proc showError*(error: string): string =
|
||
|
|
renderMain(renderError(error), title = "Error | Nitter")
|