diff --git a/public/logo.png b/public/logo.png new file mode 100644 index 0000000..2cd5263 Binary files /dev/null and b/public/logo.png differ diff --git a/public/style.css b/public/style.css index 900fbb4..85fa05e 100644 --- a/public/style.css +++ b/public/style.css @@ -193,6 +193,7 @@ nav { padding-right: 10px; display: flex; align-items: center; + flex-basis: 920px; height: 50px; } @@ -204,6 +205,26 @@ nav { flex-wrap: wrap; } +.item.right { + text-align: right; + justify-content: flex-end; +} + +.site-logo { + width: 35px; + height: 35px; +} + +.site-about { + font-size: 17px; + padding-right: 2px; + margin-top: -0.75px; +} + +.site-settings { + font-size: 18px; +} + .attachments { margin-top: .35em; display: flex; diff --git a/src/views/general.nim b/src/views/general.nim index a6d496d..ac01672 100644 --- a/src/views/general.nim +++ b/src/views/general.nim @@ -4,6 +4,18 @@ import ../utils 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-settings", href="/settings"): text "⚙" + proc renderMain*(body: VNode; title="Nitter"; titleText=""; desc=""; `type`="article"; video=""; images: seq[string] = @[]): string = let node = buildHtml(html(lang="en")): @@ -29,10 +41,7 @@ proc renderMain*(body: VNode; title="Nitter"; titleText=""; desc=""; meta(property="og:video:secure_url", content=video) body: - nav(id="nav", class="nav-bar container"): - tdiv(class="inner-nav"): - tdiv(class="item"): - a(href="/", class="site-name"): text title + renderNavbar(title) tdiv(id="content", class="container"): body