mirror of
https://github.com/alanorth/hugo-theme-bootstrap4-blog.git
synced 2024-12-26 04:04:29 +01:00
Alan Orth
6059f6cbea
The HTML5 aside tag is for content that is tangentially related to the content around the aside tag, but is considered separate from that content. Section tags are semantic HTML5 elements that inform computers about content structure, as opposed to div tags which can be used for structure OR style. See: http://diveinto.html5doctor.com/semantics.html
44 lines
1.5 KiB
HTML
44 lines
1.5 KiB
HTML
<aside class="col-sm-3 offset-sm-1 blog-sidebar">
|
|
<section class="sidebar-module sidebar-module-inset">
|
|
<h4>About</h4>
|
|
<p>Etiam porta <em>sem malesuada magna</em> mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.</p>
|
|
</section>
|
|
|
|
{{ if isset .Site.Params.sidebar "num_recent_posts" }}
|
|
<section class="sidebar-module">
|
|
<h4>Recent Posts</h4>
|
|
<ol class="list-unstyled">
|
|
{{ range first .Site.Params.sidebar.num_recent_posts .Site.Pages }}
|
|
<li><a href="{{.RelPermalink}}">{{.Title}}</a></li>
|
|
{{ end }}
|
|
</ol>
|
|
</section>
|
|
{{ end }}
|
|
|
|
<section class="sidebar-module">
|
|
<h4>Archives</h4>
|
|
<ol class="list-unstyled">
|
|
<li><a href="#">March 2014</a></li>
|
|
<li><a href="#">February 2014</a></li>
|
|
<li><a href="#">January 2014</a></li>
|
|
<li><a href="#">December 2013</a></li>
|
|
<li><a href="#">November 2013</a></li>
|
|
<li><a href="#">October 2013</a></li>
|
|
<li><a href="#">September 2013</a></li>
|
|
<li><a href="#">August 2013</a></li>
|
|
<li><a href="#">July 2013</a></li>
|
|
<li><a href="#">June 2013</a></li>
|
|
<li><a href="#">May 2013</a></li>
|
|
<li><a href="#">April 2013</a></li>
|
|
</ol>
|
|
</section>
|
|
<section class="sidebar-module">
|
|
<h4>Elsewhere</h4>
|
|
<ol class="list-unstyled">
|
|
<li><a href="#">GitHub</a></li>
|
|
<li><a href="#">Twitter</a></li>
|
|
<li><a href="#">Facebook</a></li>
|
|
</ol>
|
|
</section>
|
|
</aside><!-- /.blog-sidebar -->
|