alanorth/hugo-theme-bootstrap4-blog
1
0
Fork 0
mirror of https://github.com/alanorth/hugo-theme-bootstrap4-blog.git synced 2024-11-24 21:20:17 +01:00
Code Releases Activity
d6d94ff087
hugo-theme-bootstrap4-blog/layouts/partials/sidebar.html

31 lines
893 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
Allow configuration of recent posts on sidebar By default it shows the latest five posts, but you can set this property in your config to override it: [params.sidebar] num_recent_posts = 7 Still no way to disable it, as I don't understand golang's HTML templating stuff yet. The Hugo docs are a bit confusing, but it seems like conditionals are a bit tricky because both false and 0 return a boolean false... hmm. See: https://gohugo.io/templates/go-templates/
2016-09-07 22:54:55 +02:00
{{ $num_recent_posts := (index .Site.Params.sidebar "num_recent_posts" | default 5) }}
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">
layouts/partials/sidebar.html: Use "Type" instead of "Section" Both work similarly here, but "Type" is more obvious to me.
2016-09-17 15:56:27 +02:00
{{ range first $num_recent_posts (where .Site.Pages "Type" "post") }}
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
<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
Allow configuration of optional sidebar links Add something like the following to your config: [[menu.sidebar]] name = "Link 1" url = "https://link1.com" [[menu.sidebar]] name = "Link 2" url = "https://link2.com" See the Hugo docs for more examples: https://gohugo.io/extras/menus/
2016-09-08 14:00:23 +02:00
{{ with .Site.Menus.sidebar }}
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">
Allow configuration of optional sidebar links Add something like the following to your config: [[menu.sidebar]] name = "Link 1" url = "https://link1.com" [[menu.sidebar]] name = "Link 2" url = "https://link2.com" See the Hugo docs for more examples: https://gohugo.io/extras/menus/
2016-09-08 14:00:23 +02:00
<h4>Links</h4>
layouts: Add indentation to sidebar
2016-08-28 21:41:52 +02:00
<ol class="list-unstyled">
Allow configuration of optional sidebar links Add something like the following to your config: [[menu.sidebar]] name = "Link 1" url = "https://link1.com" [[menu.sidebar]] name = "Link 2" url = "https://link2.com" See the Hugo docs for more examples: https://gohugo.io/extras/menus/
2016-09-08 14:00:23 +02:00
{{ range . }}
<li><a href="{{ .URL | absURL }}">{{ .Name }}</a></li>
{{ end }}
layouts: Add indentation to sidebar
2016-08-28 21:41:52 +02:00
</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>
Allow configuration of optional sidebar links Add something like the following to your config: [[menu.sidebar]] name = "Link 1" url = "https://link1.com" [[menu.sidebar]] name = "Link 2" url = "https://link2.com" See the Hugo docs for more examples: https://gohugo.io/extras/menus/
2016-09-08 14:00:23 +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
</aside><!-- /.blog-sidebar -->
Copy Permalink