Browse Source

Improve accessibility, add Mastodon and Hugo+Hyde mention

brendan 6 years ago
parent
commit
844edac92f
3 changed files with 10 additions and 2 deletions
  1. 1
    1
      layouts/_default/single.html
  2. 4
    1
      layouts/partials/sidebar.html
  3. 5
    0
      static/css/hyde.css

+ 1
- 1
layouts/_default/single.html View File

9
 <h2>Comments</h2>
9
 <h2>Comments</h2>
10
 {{ template "_internal/disqus.html" . }}
10
 {{ template "_internal/disqus.html" . }}
11
 {{- end }}
11
 {{- end }}
12
-{{- end }}
12
+{{- end }}

+ 4
- 1
layouts/partials/sidebar.html View File

1
 <div class="sidebar">
1
 <div class="sidebar">
2
   <div class="container sidebar-sticky">
2
   <div class="container sidebar-sticky">
3
     <div class="sidebar-about">
3
     <div class="sidebar-about">
4
-      <a href="{{ .Site.BaseURL }}"><img src="{{ .Site.BaseURL }}images/logo.png" /></a>
4
+	    <a href="{{ .Site.BaseURL }}"><img src="{{ .Site.BaseURL }}images/logo.png" alt="{{ .Site.Title }} logo" /></a>
5
       <p class="lead">
5
       <p class="lead">
6
       {{ with .Site.Params.description }} {{.}} {{ else }}An elegant open source and mobile first theme for <a href="http://hugo.spf13.com">hugo</a> made by <a href="http://twitter.com/mdo">@mdo</a>. Originally made for Jekyll.{{end}}
6
       {{ with .Site.Params.description }} {{.}} {{ else }}An elegant open source and mobile first theme for <a href="http://hugo.spf13.com">hugo</a> made by <a href="http://twitter.com/mdo">@mdo</a>. Originally made for Jekyll.{{end}}
7
       </p>
7
       </p>
11
       <li><i class="fas fa-home"></i> <a href="{{ .Site.BaseURL }}">Home</a> </li>
11
       <li><i class="fas fa-home"></i> <a href="{{ .Site.BaseURL }}">Home</a> </li>
12
       <li><i class="fas fa-rss-square"></i> <a href="{{ .Site.RSSLink }}">RSS Feed</a></li>
12
       <li><i class="fas fa-rss-square"></i> <a href="{{ .Site.RSSLink }}">RSS Feed</a></li>
13
       <li><i class="fab fa-twitter-square"></i> <a href="https://twitter.com/{{ .Site.Params.twitter }}">{{ .Site.Params.twitter }}</a></li>
13
       <li><i class="fab fa-twitter-square"></i> <a href="https://twitter.com/{{ .Site.Params.twitter }}">{{ .Site.Params.twitter }}</a></li>
14
+      <li><i class="fab fa-mastodon"></i> <a href="https://{{ .Site.Params.mastodon.instance }}/@{{ .Site.Params.mastodon.username }}">{{ .Site.Params.mastodon.username }}</a></li>
14
       <li><i class="fab fa-github-square"></i> <a href="https://github.com/{{ .Site.Params.github }}">{{ .Site.Params.github }}</a></li>
15
       <li><i class="fab fa-github-square"></i> <a href="https://github.com/{{ .Site.Params.github }}">{{ .Site.Params.github }}</a></li>
15
       <li><i class="fas fa-envelope"></i> <a href=mailto:{{ .Site.Params.email }}>{{ .Site.Params.email }}</a></li>
16
       <li><i class="fas fa-envelope"></i> <a href=mailto:{{ .Site.Params.email }}>{{ .Site.Params.email }}</a></li>
16
       <li><i class="fas fa-key"></i> <a href="https://{{ .Site.Params.keyserver }}/pks/lookup?op=get&search=0x{{ replace .Site.Params.pgp " " "" }}">{{ .Site.Params.pgp }}</a></li>
17
       <li><i class="fas fa-key"></i> <a href="https://{{ .Site.Params.keyserver }}/pks/lookup?op=get&search=0x{{ replace .Site.Params.pgp " " "" }}">{{ .Site.Params.pgp }}</a></li>
20
     </ul>
21
     </ul>
21
 
22
 
22
     <p><a href="https://creativecommons.org/licenses/{{ .Site.Params.creativeCommons }}/4.0/"><img src="{{ .Site.BaseURL}}images/cc/{{ .Site.Params.creativeCommons }}.png" alt="CC {{ .Site.Params.creativeCommons }}" class="inline" /></a> {{ .Site.Params.author }}</p>
23
     <p><a href="https://creativecommons.org/licenses/{{ .Site.Params.creativeCommons }}/4.0/"><img src="{{ .Site.BaseURL}}images/cc/{{ .Site.Params.creativeCommons }}.png" alt="CC {{ .Site.Params.creativeCommons }}" class="inline" /></a> {{ .Site.Params.author }}</p>
24
+
25
+    <p class="small">Built with <a href="https://gohugo.io/">Hugo</a>, powered by <a href="https://github.com/babolivier/hyde">Hyde</a></p>
23
   </div>
26
   </div>
24
 </div>
27
 </div>

+ 5
- 0
static/css/hyde.css View File

81
   color: #fff;
81
   color: #fff;
82
 }
82
 }
83
 
83
 
84
+/* Sidebar small text */
85
+.sidebar p.small {
86
+  font-size: 80%;
87
+}
88
+
84
 /* About section */
89
 /* About section */
85
 .sidebar-about h1 {
90
 .sidebar-about h1 {
86
   color: #fff;
91
   color: #fff;