feeat: add support for single page contents

the author can provide different pages for projects or publications.

2 files changed, 43 insertions, 12 deletions

diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 3f7a645..989906b 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,15 +1,26 @@
 {{ define "main" }}
 
-    <div class="header">
-        {{ if (fileExists "logo.png") -}}
-            <img src="logo.png" class="logo">
-        {{- else }}
-            <img src={{ "images/default_publications.png" | absURL }} class="logo">
-        {{- end }}
-    </div>
-
-    <div class="content wrapper">
-        {{ .Content | markdownify }}
-    </div>
+{{ $projectLogo := "logo.png" | printf "%s%s" .Dir }}
+
+{{ if fileExists $projectLogo -}}
+<div class="header">
+  <img src="logo.png" class="logo">
+</div>
+{{- end}}
+
+<div class="header wrapper">
+  <span class="page_title">
+    {{ title .Title }}
+  </span>
+  <ul class="flat">
+    <li class="page_meta">{{ .Date.Format "January 2, 2006" }}</li>
+  </ul>
+  <a href="{{ .Site.BaseURL }}" title="Home" class="page_meta">Return Home</a>
+</div>
+
+
+<div class="content wrapper">
+  {{ .Content | markdownify }}
+</div>
 
 {{end}}
diff --git a/static/css/main.css b/static/css/main.css
index 556272e..15f2192 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -276,12 +276,32 @@ ul {
 /* header for projects */
 .header .logo {
   display: block;
+  margin-top: 2%;
+  margin-bottom: -2%;
   margin-left: auto;
   margin-right: auto;
-  max-width: 15%;
+  max-width: 10%;
   height: auto;
 }
 
+.page_title {
+  font-family: Ubuntu;
+  font-weight: bolder;
+  font-size: 1.5em;
+  margin-top: 10%;
+  display: block;
+}
+
+.page_meta {
+  display: block;
+  font-family: "Ubuntu Mono";
+  font-size: 14px;
+}
+
+.page_meta_icon {
+  font-weight: .5em;
+}
+
 .email {
   /* color: #a00; */
   font-size: 16px;