Browse Source

better design for single template

max.mehl 5 months ago
parent
commit
c32b0237a7
No account linked to committer's email address

+ 28
- 9
themes/hugo-sustain/layouts/_default/single.html View File

@@ -8,15 +8,34 @@
8 8
       <div class="container {{ replace (.LinkTitle | lower) " " "_" }}"> <!-- add link title add class -->
9 9
           <h1>{{ .Title }}</h1>
10 10
         {{ if ne .Params.page true }}
11
-        <div>
12
-          <p class="categories">
13
-          {{ .Date.Format "2 January 2006" }}
14
-            &nbsp;&nbsp;
15
-            {{ range .Params.tags }}
16
-              <a class="label label-success" href="/tags/{{ lower . }}">{{ . }}</a>
17
-            {{ end }}
18
-          </p>
19
-        </div>
11
+          <div class="metadata-page">
12
+            <div class="row vertical-align">
13
+              <div class="col-xs-3 col-md-2 text-right">
14
+                <em>Date:</em>
15
+              </div>
16
+              <div class="col-xs-9 col-md-10">
17
+                {{ .Date.Format "2 January 2006" }}
18
+              </div>
19
+            </div>
20
+            <div class="row vertical-align">
21
+              <div class="col-xs-3 col-md-2 text-right">
22
+                <em>Tags:</em>
23
+              </div>
24
+              <div class="col-xs-9 col-md-10">
25
+                {{ range .Params.tags }}
26
+                  <a class="label label-success" href="/tags/{{ lower . }}">{{ . }}</a>
27
+                {{- end -}}
28
+              </div>
29
+            </div>
30
+            <div class="row vertical-align">
31
+              <div class="col-xs-3 col-md-2 text-right">
32
+                <em>RSS Feed:</em>
33
+              </div>
34
+              <div class="col-xs-9 col-md-10">
35
+                <span class="article-rss"><a class="label label-rss" href="/index.xml" title="RSS Feed"><i class="fa fa-rss" aria-hidden="true"></i>  Subscribe</a></span>
36
+              </div>
37
+            </div>
38
+          </div>
20 39
         {{ end }}
21 40
         <div class="panel panel-default">
22 41
           <div class="panel-body">

+ 4
- 1
themes/hugo-sustain/static/css/custom.css View File

@@ -21,9 +21,12 @@ div.footer {
21 21
   color: #FFF;
22 22
 }
23 23
 .container a.label-rss {
24
-  background-color: rgba(242, 101, 34, 0.9);
24
+  background-color: rgba(242, 101, 34, 0.8);
25 25
   color: #FFF;
26 26
 }
27
+.container a.label-rss:hover {
28
+  background-color: rgba(242, 101, 34, 1);
29
+}
27 30
 .container h1 {
28 31
   font-weight: bold;
29 32
   color: #0D76EC;

Loading…
Cancel
Save