alanorth/hugo-theme-bootstrap4-blog
1
0
Fork 0
mirror of https://github.com/alanorth/hugo-theme-bootstrap4-blog.git synced 2024-11-15 00:37:05 +01:00
Code Releases Activity
a68bac5ebf
hugo-theme-bootstrap4-blog/layouts/partials/sidebar.html

27 lines
892 B
HTML
Raw Normal View History

Use HTML5 aside and section tags for sidebar 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
2016-09-02 09:18:18 +02:00
<aside class="col-sm-3 offset-sm-1 blog-sidebar">
<section class="sidebar-module sidebar-module-inset">
layouts: Add indentation to sidebar
2016-08-28 21:41:52 +02:00
<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>
Use HTML5 aside and section tags for sidebar 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
2016-09-02 09:18:18 +02:00
</section>
layouts: Allow specifying number of "Recent Posts" to display in the sidebar Set the following param in your config: [params.sidebar] num_recent_posts = 5 Alternatively, delete or comment out the variable to disable showing of recents. I should probably allow setting it to "0" to disable.
2016-08-28 21:44:18 +02:00
{{ if isset .Site.Params.sidebar "num_recent_posts" }}
Use HTML5 aside and section tags for sidebar 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
2016-09-02 09:18:18 +02:00
<section class="sidebar-module">
layouts: Allow specifying number of "Recent Posts" to display in the sidebar Set the following param in your config: [params.sidebar] num_recent_posts = 5 Alternatively, delete or comment out the variable to disable showing of recents. I should probably allow setting it to "0" to disable.
2016-08-28 21:44:18 +02:00
<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>
Use HTML5 aside and section tags for sidebar 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
2016-09-02 09:18:18 +02:00
</section>
layouts: Allow specifying number of "Recent Posts" to display in the sidebar Set the following param in your config: [params.sidebar] num_recent_posts = 5 Alternatively, delete or comment out the variable to disable showing of recents. I should probably allow setting it to "0" to disable.
2016-08-28 21:44:18 +02:00
{{ end }}
Use HTML5 aside and section tags for sidebar 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
2016-09-02 09:18:18 +02:00
<section class="sidebar-module">
layouts: Add indentation to sidebar
2016-08-28 21:41:52 +02:00
<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>
Use HTML5 aside and section tags for sidebar 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
2016-09-02 09:18:18 +02:00
</section>
</aside><!-- /.blog-sidebar -->
Copy Permalink