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
ba25b91d94
hugo-theme-bootstrap4-blog/layouts/partials/sidebar.html

29 lines
843 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">
Allow optional configuration of "About" block in sidebar Add something like the following to your config to enable the about block in the sidebar: [params.sidebar] about = "*My site* is really cool. Adios!" Can be formatted in Markdown.
2016-09-07 15:41:04 +02:00
{{ if isset .Site.Params.sidebar "about" }}
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 sidebar-module-inset">
layouts: Add indentation to sidebar
2016-08-28 21:41:52 +02:00
<h4>About</h4>
Allow optional configuration of "About" block in sidebar Add something like the following to your config to enable the about block in the sidebar: [params.sidebar] about = "*My site* is really cool. Adios!" Can be formatted in Markdown.
2016-09-07 15:41:04 +02:00
<p>{{ .Site.Params.sidebar.about | markdownify }}</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>
Allow optional configuration of "About" block in sidebar Add something like the following to your config to enable the about block in the sidebar: [params.sidebar] about = "*My site* is really cool. Adios!" Can be formatted in Markdown.
2016-09-07 15:41:04 +02:00
{{ end }}
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