| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 |
- import karax/[karaxdsl, vdom]
- import ../utils, ../types
- const doctype = "<!DOCTYPE html>\n"
- proc renderNavbar*(title: string): VNode =
- buildHtml(nav(id="nav", class="nav-bar container")):
- tdiv(class="inner-nav"):
- tdiv(class="item"):
- a(class="site-name", href="/"): text title
- a(href="/"): img(class="site-logo", src="/logo.png")
- tdiv(class="item right"):
- a(class="site-about", href="/about"): text "🛈"
- a(class="site-prefs", href="/settings"): text "⚙"
- proc renderMain*(body: VNode; prefs: Prefs; title="Nitter"; titleText=""; desc="";
- `type`="article"; video=""; images: seq[string] = @[]): string =
- let node = buildHtml(html(lang="en")):
- head:
- link(rel="stylesheet", `type`="text/css", href="/style.css")
- title:
- if titleText.len > 0:
- text titleText & " | " & title
- else:
- text title
- meta(property="og:type", content=`type`)
- meta(property="og:title", content=titleText)
- meta(property="og:description", content=desc)
- meta(property="og:site_name", content="Twitter")
- for url in images:
- meta(property="og:image", content=getSigUrl(url, "pic"))
- if video.len > 0:
- meta(property="og:video:url", content=video)
- meta(property="og:video:secure_url", content=video)
- body:
- renderNavbar(title)
- 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", autofocus="", placeholder="Enter usernames...")
- button(`type`="submit"): text "🔎"
- proc renderError*(error: string): VNode =
- buildHtml(tdiv(class="panel")):
- tdiv(class="error-panel"):
- span: text error
- proc showError*(error: string; title: string; prefs: Prefs): string =
- renderMain(renderError(error), prefs, title=title, titleText="Error")
|
