1
0
mirror of https://github.com/zedeus/nitter.git synced 2025-12-06 03:55:36 -05:00

New navigation bar

This commit is contained in:
Zed
2019-08-12 22:57:43 +02:00
parent 64f9af28e0
commit 1a3ba05bc0
3 changed files with 34 additions and 4 deletions

BIN
public/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

View File

@@ -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;

View File

@@ -4,6 +4,18 @@ import ../utils
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-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