New navigation bar
This commit is contained in:
		
							parent
							
								
									64f9af28e0
								
							
						
					
					
						commit
						1a3ba05bc0
					
				
										
											Binary file not shown.
										
									
								
							| 
		 After Width: | Height: | Size: 2.9 KiB  | 
| 
						 | 
				
			
			@ -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;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in New Issue