Home Explore Help
Sign In
Track3
/
blog
mirror of https://github.com/Track3/blog.git
1
0
Fork 0
Files Issues 0 Wiki
Browse Source

Add site header

Track3 3 years ago
parent
ae61062386
commit
b65798abf0
7 changed files with 60 additions and 1 deletions
Unified View Show Diff Stats
  1. 26 0
      assets/scss/partials/header.scss
  2. 11 1
      assets/scss/style.scss
  3. 1 0
      layouts/_default/baseof.html
  4. 4 0
      layouts/_default/list.html
  5. 4 0
      layouts/_default/single.html
  6. 10 0
      layouts/partials/header.html
  7. 4 0
      layouts/posts/single.html

+ 26 - 0
assets/scss/partials/header.scss
View File 

@@ -0,0 +1,26 @@
 
+#site-header {
 
+  display: none;
 
+  background: var(--c-bg-alt);
 
+  padding: .2em .8em;
 
+}
 
+#site-branding {
 
+  display: inline-block;
 
+  margin-right: 1em;
 
+  font-weight: bold;
 
+  > a {
 
+    border: none;
 
+  }
 
+}
 
+#site-nav {
 
+  display: inline-block;
 
+  font-size: .8em;
 
+  > a {
 
+    margin-right: .2em;
 
+    border: none;
 
+    &::before {
 
+      content: "~/";
 
+      color: var(--c-txt-alt);
 
+      margin-right: .1em;
 
+    }
 
+  }
 
+}

+ 11 - 1
assets/scss/style.scss
View File 

@@ -203,7 +203,7 @@ h1#page-title {
 
 
 
 @import "partials/home.scss", "partials/404.scss";
 
 @import "partials/home.scss", "partials/404.scss";
 
 @import "partials/single.scss", "partials/list.scss";
 
 @import "partials/single.scss", "partials/list.scss";
 
-@import "partials/footer.scss", "partials/comments.scss";
 
+@import "partials/header.scss", "partials/footer.scss", "partials/comments.scss";
 
 
 
 
 
 @media all and (min-width: 550px) {
 
 @media all and (min-width: 550px) {
 
@@ -299,6 +299,16 @@ h1#page-title {
 
   .wrapper {
 
   .wrapper {
 
     margin-left: var(--offset);
 
     margin-left: var(--offset);
 
   }
 
   }
 
+  #home-btn {
 
+    top: .2em;
 
+    right: .8em;
 
+    &>img{
 
+      width: 1.5em;
 
+    }
 
+  }
 
+  #site-header {
 
+    display: block;
 
+  }
 
   #toc-btn {
 
   #toc-btn {
 
     display: none;
 
     display: none;
 
   }
 
   }

+ 1 - 0
layouts/_default/baseof.html
View File 

@@ -31,6 +31,7 @@
 
 
 
 <body>
 
 <body>
 
 	<div id="page" class="{{.Scratch.Get "pageClass"}}">
 
 	<div id="page" class="{{.Scratch.Get "pageClass"}}">
 
+		{{ block "header" . -}}{{ end -}}
 
 		{{ block "main" . -}}{{ end -}}
 
 		{{ block "main" . -}}{{ end -}}
 
 		{{ block "footer" . -}}{{ end }}
 
 		{{ block "footer" . -}}{{ end }}
 
 	</div>
 
 	</div>

+ 4 - 0
layouts/_default/list.html
View File 

@@ -1,3 +1,7 @@
 
+{{ define "header" }}
 
+{{ partialCached "header.html" . }}
 
+{{ end }}
 
+
 
 {{ define "main" }}
 
 {{ define "main" }}
 
 	<main id="site-main" class="wrapper">
 
 	<main id="site-main" class="wrapper">
 
 		<div class="title-area">
 
 		<div class="title-area">

+ 4 - 0
layouts/_default/single.html
View File 

@@ -8,6 +8,10 @@
 
 	{{- end -}}
 
 	{{- end -}}
 
 {{ end }}
 
 {{ end }}
 
 
 
+{{ define "header" }}
 
+{{ partialCached "header.html" . }}
 
+{{ end }}
 
+
 
 {{ define "main" }}
 
 {{ define "main" }}
 
 	<main id="site-main" class="wrapper">
 
 	<main id="site-main" class="wrapper">
 
 		<div class="title-area">
 
 		<div class="title-area">

+ 10 - 0
layouts/partials/header.html
View File 

@@ -0,0 +1,10 @@
 
+	<header id="site-header">
 
+		<div id="site-branding">
 
+			<a href="{{.Site.BaseURL}}">{{ .Site.Title }}</a>
 
+		</div>
 
+		<nav id="site-nav">
 
+			{{- range .Site.Menus.main }}
 
+			<a href="{{ .URL }}">{{ .Name }}</a>
 
+			{{- end }}
 
+		</nav>
 
+	</header>

+ 4 - 0
layouts/posts/single.html
View File 

@@ -8,6 +8,10 @@
 
 	{{- end -}}
 
 	{{- end -}}
 
 {{ end }}
 
 {{ end }}
 
 
 
+{{ define "header" }}
 
+{{ partialCached "header.html" . }}
 
+{{ end }}
 
+
 
 {{ define "main" }}
 
 {{ define "main" }}
 
 	<main id="site-main" class="wrapper">
 
 	<main id="site-main" class="wrapper">
 
 		<article>
 
 		<article>