move top/bottom to sticky nav include with fixed position

gulp/res/css/style.css

@@ -84,7 +84,7 @@ a, a:visited {
 	color: #34345C;
 }
 
-.pages a {
+.pages a, .stickynav a {
 	text-decoration: none;
 }
 
@@ -232,7 +232,15 @@ td, th {
 	align-items: center;
 }
 
-.post-container, .pages, .toggle-summary, .catalog-tile {
+.stickynav {
+	bottom: 5px;
+	right: 5px;
+	position: fixed;
+	z-index: 1;
+	padding: 5px;
+}
+
+.post-container, .stickynav, .pages, .toggle-summary, .catalog-tile {
 	background: #D6DAF0;
 	border: 1px solid #B7C5D9;
 }

views/includes/stickynav.pug

@@ -0,0 +1,4 @@
+nav.stickynav
+	a(href='#bottom') ▼
+	|  
+	a(href='#top') ▲

views/pages/board.pug

@@ -9,10 +9,9 @@ block content
 	br
 	include ../includes/postform.pug
 	br
+	include ../includes/stickynav.pug
 	nav.pages#top 
 		include ../includes/pages.pug
-		a(href='#bottom') [Bottom]
-		| 
 		a(href=`/${board._id}/catalog.html`) [Catalog]
 		|
 	hr(size=1)
@@ -28,8 +27,6 @@ block content
 			hr(size=1)
 		nav.pages#bottom
 			include ../includes/pages.pug
-			a(href='#top') [Top]
-			| 
 			a(href=`/${board._id}/catalog.html`) [Catalog]
 		br
 		include ../includes/actionfooter.pug

views/pages/catalog.pug

@@ -9,9 +9,8 @@ block content
 	br
 	include ../includes/postform.pug
 	br
+	include ../includes/stickynav.pug
 	nav.pages#top
-		a(href='#bottom') [Bottom]
-		| 
 		a(href=`/${board._id}/index.html`) [Return]
 	hr(size=1)
 	if threads.length === 0
@@ -21,6 +20,4 @@ block content
 			+catalogtile(board, thread)
 	hr(size=1)
 	nav.pages#bottom
-		a(href='#top') [Top]
-		| 
 		a(href=`/${board._id}/index.html`) [Return]

views/pages/thread.pug

@@ -4,9 +4,9 @@ include ../mixins/post.pug
 block head
 	title /#{board._id}/ - #{thread.subject||thread.postId}
 	meta(property='og:site_name', value=openGraph.siteName)
-	meta(property='og:title', content=thread.subjct)
+	meta(property='og:title', content=thread.subject)
 	meta(property='og:url', content=openGraph.url)
-	meta(property='og:description', content=thread.message.substring(0,200))
+	meta(property='og:description', content=thread.message)
 	if thread.files.length > 0
 		if thread.spoiler
 			meta(property='og:image', content='/img/spoiler.png')
@@ -20,9 +20,8 @@ block content
 	br
 	include ../includes/postform.pug
 	br
+	include ../includes/stickynav.pug
 	nav.pages#top
-		a(href='#bottom') [Bottom]
-		| 
 		a(href=`/${board._id}/index.html`) [Return]
 		| 
 		a(href=`/${board._id}/catalog.html`) [Catalog]
@@ -34,8 +33,6 @@ block content
 				+post(post)
 		hr(size=1)
 		nav.pages#bottom
-			a(href='#top') [Top]
-			| 
 			a(href=`/${board._id}/index.html`) [Return]
 			| 
 			a(href=`/${board._id}/catalog.html`) [Catalog]