Show board dir in page header along with board name

html/css/global/img.css

@@ -1,8 +1,3 @@
-#board-title {
-	font-size:50px;
-	text-align:center;
-}
-
 #boardmenu-bottom {
 	margin-top:16px;
 }
@@ -97,11 +92,15 @@ table#pages td {
 	position:absolute;
 }
 
-#top-pane {
-	margin-top:32px;
+header {
+	margin-top:50px;
 	text-align:center;
-	width:100%;
-	z-index:1;
+	
+}
+
+header h1 {
+	font-size:30px;
+	margin: 0px;
 }
 
 #topbar {
@@ -243,7 +242,6 @@ hr {
 	clear:both;
 }
 
-
 .upload {
 	float:left;
 	max-width: 100%;

html/css/pipes/img.css

@@ -53,7 +53,7 @@ body {
 ul.staffmenu li:hover {
   background: #404040; }
 
-#board-title {
+header h1 {
   color: #e1b400; }
 
 img.thumbnail {

templates/img_header.html

@@ -7,7 +7,7 @@
 	{{else}}{{if stringNeq $op.MessageHTML ""}}
 		<title>/{{$board.Dir}}/ - {{truncateString $op.MessageText 20 true}}</title>
 	{{end}}{{end}}
-	<title>/{{$board.Dir}} - {{$board.Title}}</title>
+	<title>/{{$board.Dir}}/ - {{$board.Title}}</title>
 	<script type="text/javascript" src="/javascript/jquery-3.3.1.min.js"></script>
 	<script type="text/javascript">
 		var styles = [{{range $ii, $style := $config.Styles_img}}{{if gt $ii  0}}, {{end}}"{{$style}}"{{end}}];
@@ -30,8 +30,8 @@
 			<a href="/{{$board.Dir}}/" class="topbar-item">/{{$board.Dir}}/</a>
 {{end}}
 	</div>
-	<div id="top-pane">
-		<span id="board-title">{{$board.Title}}</span><br />
-		<span id="board-subtitle">{{$board.Subtitle}}</span>
-	</div>
+	<header>
+		<h1>/{{$board.Dir}}/ - {{$board.Title}}</h1>
+		<div id="board-subtitle">{{$board.Subtitle}}</div>
+	</header>
 	<hr />