| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146 |
- # SPDX-License-Identifier: AGPL-3.0-only
- import uri, strutils, strformat
- import karax/[karaxdsl, vdom]
- import renderutils
- import ../utils, ../types, ../prefs, ../formatters
- import jester
- const
- doctype = "<!DOCTYPE html>\n"
- lp = readFile("public/lp.svg")
- proc toTheme(theme: string): string =
- theme.toLowerAscii.replace(" ", "_")
- proc renderNavbar(cfg: Config; req: Request; rss, canonical: string): VNode =
- var path = req.params.getOrDefault("referer")
- if path.len == 0:
- path = $(parseUri(req.path) ? filterParams(req.params))
- if "/status/" in path: path.add "#m"
- buildHtml(nav):
- tdiv(class="inner-nav"):
- tdiv(class="nav-item"):
- a(class="site-name", href="/"): text cfg.title
- a(href="/"): img(class="site-logo", src="/logo.png", alt="Logo")
- tdiv(class="nav-item right"):
- icon "search", title="Search", href="/search"
- if cfg.enableRss and rss.len > 0:
- icon "rss-feed", title="RSS Feed", href=rss
- icon "bird", title="Open in Twitter", href=canonical
- a(href="https://liberapay.com/zedeus"): verbatim lp
- icon "info", title="About", href="/about"
- icon "cog", title="Preferences", href=("/settings?referer=" & encodeUrl(path))
- proc renderHead*(prefs: Prefs; cfg: Config; req: Request; titleText=""; desc="";
- video=""; images: seq[string] = @[]; banner=""; ogTitle="";
- rss=""; canonical=""): VNode =
- var theme = prefs.theme.toTheme
- if "theme" in req.params:
- theme = req.params["theme"].toTheme
-
- let ogType =
- if video.len > 0: "video"
- elif rss.len > 0: "object"
- elif images.len > 0: "photo"
- else: "article"
- let opensearchUrl = getUrlPrefix(cfg) & "/opensearch"
- buildHtml(head):
- link(rel="stylesheet", type="text/css", href="/css/style.css?v=13")
- link(rel="stylesheet", type="text/css", href="/css/fontello.css?v=2")
- if theme.len > 0:
- link(rel="stylesheet", type="text/css", href=(&"/css/themes/{theme}.css"))
- link(rel="apple-touch-icon", sizes="180x180", href="/apple-touch-icon.png")
- link(rel="icon", type="image/png", sizes="32x32", href="/favicon-32x32.png")
- link(rel="icon", type="image/png", sizes="16x16", href="/favicon-16x16.png")
- link(rel="manifest", href="/site.webmanifest")
- link(rel="mask-icon", href="/safari-pinned-tab.svg", color="#ff6c60")
- link(rel="search", type="application/opensearchdescription+xml", title=cfg.title,
- href=opensearchUrl)
- if canonical.len > 0:
- link(rel="canonical", href=canonical)
- if cfg.enableRss and rss.len > 0:
- link(rel="alternate", type="application/rss+xml", href=rss, title="RSS feed")
- if prefs.hlsPlayback:
- script(src="/js/hls.light.min.js", `defer`="")
- script(src="/js/hlsPlayback.js", `defer`="")
- if prefs.infiniteScroll:
- script(src="/js/infiniteScroll.js", `defer`="")
- title:
- if titleText.len > 0:
- text titleText & " | " & cfg.title
- else:
- text cfg.title
- meta(name="viewport", content="width=device-width, initial-scale=1.0")
- meta(name="theme-color", content="#1F1F1F")
- meta(property="og:type", content=ogType)
- meta(property="og:title", content=(if ogTitle.len > 0: ogTitle else: titleText))
- meta(property="og:description", content=stripHtml(desc))
- meta(property="og:site_name", content="Nitter")
- meta(property="og:locale", content="en_US")
- if banner.len > 0:
- let bannerUrl = getPicUrl(banner)
- link(rel="preload", type="image/png", href=bannerUrl, `as`="image")
- for url in images:
- let suffix = if "400x400" in url or url.endsWith("placeholder.png"): ""
- else: "?name=small"
- let preloadUrl = getPicUrl(url & suffix)
- link(rel="preload", type="image/png", href=preloadUrl, `as`="image")
- let image = getUrlPrefix(cfg) & getPicUrl(url)
- meta(property="og:image", content=image)
- meta(property="twitter:image:src", content=image)
- if rss.len > 0:
- meta(property="twitter:card", content="summary")
- else:
- meta(property="twitter:card", content="summary_large_image")
- if video.len > 0:
- meta(property="og:video:url", content=video)
- meta(property="og:video:secure_url", content=video)
- meta(property="og:video:type", content="text/html")
- # this is last so images are also preloaded
- # if this is done earlier, Chrome only preloads one image for some reason
- link(rel="preload", type="font/woff2", `as`="font",
- href="/fonts/fontello.woff2?21002321", crossorigin="anonymous")
- proc renderMain*(body: VNode; req: Request; cfg: Config; prefs=defaultPrefs;
- titleText=""; desc=""; ogTitle=""; rss=""; video="";
- images: seq[string] = @[]; banner=""): string =
- let canonical = getTwitterLink(req.path, req.params)
- let node = buildHtml(html(lang="en")):
- renderHead(prefs, cfg, req, titleText, desc, video, images, banner, ogTitle,
- rss, canonical)
- body:
- renderNavbar(cfg, req, rss, canonical)
- tdiv(class="container"):
- body
- result = doctype & $node
- proc renderError*(error: string): VNode =
- buildHtml(tdiv(class="panel-container")):
- tdiv(class="error-panel"):
- span: verbatim error
|
