general.nim 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. import uri, strutils
  2. import karax/[karaxdsl, vdom]
  3. import renderutils
  4. import ../utils, ../types, ../prefs, ../formatters
  5. import jester
  6. const doctype = "<!DOCTYPE html>\n"
  7. proc renderNavbar*(title, rss: string; req: Request): VNode =
  8. let path = $(parseUri(req.path) ? filterParams(req.params))
  9. let twitterPath = getTwitterLink(req.path, req.params)
  10. buildHtml(nav):
  11. tdiv(class="inner-nav"):
  12. tdiv(class="nav-item"):
  13. a(class="site-name", href="/"): text title
  14. a(href="/"): img(class="site-logo", src="/logo.png")
  15. tdiv(class="nav-item right"):
  16. icon "search", title="Search", href="/search"
  17. if rss.len > 0:
  18. icon "rss-feed", title="RSS Feed", href=rss
  19. icon "bird", title="Open in Twitter", href=twitterPath
  20. icon "info-circled", title="About", href="/about"
  21. iconReferer "cog", "/settings", path, title="Preferences"
  22. proc renderMain*(body: VNode; req: Request; title="Nitter"; titleText=""; desc="";
  23. rss=""; `type`="article"; video=""; images: seq[string] = @[]): string =
  24. let prefs = getPrefs(req.cookies.getOrDefault("preferences"))
  25. let node = buildHtml(html(lang="en")):
  26. head:
  27. link(rel="stylesheet", `type`="text/css", href="/css/style.css")
  28. link(rel="stylesheet", `type`="text/css", href="/css/fontello.css")
  29. link(rel="apple-touch-icon", sizes="180x180", href="/apple-touch-icon.png")
  30. link(rel="icon", type="image/png", sizes="32x32", href="/favicon-32x32.png")
  31. link(rel="icon", type="image/png", sizes="16x16", href="/favicon-16x16.png")
  32. link(rel="manifest", href="/site.webmanifest")
  33. link(rel="mask-icon", href="/safari-pinned-tab.svg", color="#ff6c60")
  34. if rss.len > 0:
  35. link(rel="alternate", `type`="application/rss+xml", href=rss, title="RSS feed")
  36. if prefs.hlsPlayback:
  37. script(src="/js/hls.light.min.js")
  38. script(src="/js/hlsPlayback.js")
  39. title:
  40. if titleText.len > 0:
  41. text titleText & " | " & title
  42. else:
  43. text title
  44. meta(name="viewport", content="width=device-width, initial-scale=1.0")
  45. meta(property="og:type", content=`type`)
  46. meta(property="og:title", content=titleText)
  47. meta(property="og:description", content=desc)
  48. meta(property="og:site_name", content="Nitter")
  49. for url in images:
  50. meta(property="og:image", content=getPicUrl(url))
  51. if video.len > 0:
  52. meta(property="og:video:url", content=video)
  53. meta(property="og:video:secure_url", content=video)
  54. body:
  55. renderNavbar(title, rss, req)
  56. tdiv(class="container"):
  57. body
  58. result = doctype & $node
  59. proc renderError*(error: string): VNode =
  60. buildHtml(tdiv(class="panel-container")):
  61. tdiv(class="error-panel"):
  62. span: text error
  63. template showError*(error, title: string): string =
  64. renderMain(renderError(error), request, title, "Error")