import karax/[karaxdsl, vdom] import ../utils, ../types const doctype = "\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")