kevin
/
semantic-indieweb
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
semantic-indieweb/layouts/_default/baseof.html

81 lines
2.6 KiB
HTML
Raw Permalink Normal View History

(chore) Initial commit hugo new theme basic-theme
2019-11-19 04:37:11 +00:00
<!DOCTYPE html>
<html>
Create basic layout structure Create basic layout structure by following along with the documentation from gohugo.io. In particular: * Basic Templates and Blocks (https://gohugo.io/templates/base/) * Content View Templates (https://gohugo.io/templates/views/) * Homepage Template (https://gohugo.io/templates/homepage/)
2019-11-19 04:39:28 +00:00
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Add IndieWeb Identity partial to <head>
2019-12-03 03:57:55 +00:00
{{- partial "identity.html" . }}
Move majority of semantic tags to baseof.html In order to improve the semantic layout of the page(s) in the site, the bulk of the semantic elements have been explicitly moved to the baseof file. Additional Hugo blocks have been defined to allow layouts to supply or override things like section menus, the site menu, etc.
2019-11-21 04:38:53 +00:00
<title>{{- block "title" . -}}
Create basic layout structure Create basic layout structure by following along with the documentation from gohugo.io. In particular: * Basic Templates and Blocks (https://gohugo.io/templates/base/) * Content View Templates (https://gohugo.io/templates/views/) * Homepage Template (https://gohugo.io/templates/homepage/)
2019-11-19 04:39:28 +00:00
{{ .Site.Title }}
Move majority of semantic tags to baseof.html In order to improve the semantic layout of the page(s) in the site, the bulk of the semantic elements have been explicitly moved to the baseof file. Additional Hugo blocks have been defined to allow layouts to supply or override things like section menus, the site menu, etc.
2019-11-21 04:38:53 +00:00
{{- end -}}</title>
Create author card using h-card microformats * Update baseof to add block for styling * Default styles block to link in layout.css and style.css * Update baseof to add block for importing icons from a CSS font library * Update baseof to add an aside block to the main content to put author card in * Create author card with a photo, author name, and general locale * Create beginning of a social network link ribbon
2019-12-07 03:02:44 +00:00
{{ block "styles" . }}
<link rel="stylesheet" href={{ "css/layout.css" | absURL }} />
<link rel="stylesheet" href={{ "css/style.css" | absURL }} />
{{ end }}
{{ block "icons" . }}
{{ partial "icons.html" . }}
{{ end }}
Add support for favicons See https://favicon.io/favicon-converter for generating a favicon and the link references to add to the `head` of the HTML template.
2020-11-28 16:11:08 +00:00
{{ if (fileExists "static/apple-touch-icon.png") -}}
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
{{- end }}
{{ if (fileExists "static/favicon-32x32.png") -}}
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
{{- end }}
{{ if (fileExists "static/favicon-16x16.png") -}}
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
{{- end }}
{{ if (fileExists "static/site.webmanifest") -}}
<link rel="manifest" href="/site.webmanifest">
{{- end }}
Create basic layout structure Create basic layout structure by following along with the documentation from gohugo.io. In particular: * Basic Templates and Blocks (https://gohugo.io/templates/base/) * Content View Templates (https://gohugo.io/templates/views/) * Homepage Template (https://gohugo.io/templates/homepage/)
2019-11-19 04:39:28 +00:00
</head>
<body>
Move majority of semantic tags to baseof.html In order to improve the semantic layout of the page(s) in the site, the bulk of the semantic elements have been explicitly moved to the baseof file. Additional Hugo blocks have been defined to allow layouts to supply or override things like section menus, the site menu, etc.
2019-11-21 04:38:53 +00:00
<header>
{{- block "site-header" . -}}
<!-- Code that all your templates share, like a header -->
{{ partial "header.html" . }}
{{- end }}
Style the site-menu * Remove the list item bullets * Put some padding between the list items * Style the navigation area to be a flex box, with item wrapping * Add a decorative border to the navigation area
2019-12-10 02:23:24 +00:00
<nav class="site-menu">
Move majority of semantic tags to baseof.html In order to improve the semantic layout of the page(s) in the site, the bulk of the semantic elements have been explicitly moved to the baseof file. Additional Hugo blocks have been defined to allow layouts to supply or override things like section menus, the site menu, etc.
2019-11-21 04:38:53 +00:00
{{ block "site-menu" . -}}
{{ partial "site-menu.html" . }}
{{- end }}
</nav>
</header>
Use h-feed for section, taxonomy, and taxonomyTerm
2019-12-08 02:48:06 +00:00
<main {{ if eq .Kind "page" }}class="h-entry"{{ else if in (slice "section" "taxonomy" "taxonomyTerm" ) .Kind }}class="h-feed"{{ end }}>
Create two column layout for wide screen browsers
2019-12-12 03:36:32 +00:00
<div class="content-box">
<header>
{{- block "content-header" . -}}
{{- end -}}
</header>
<section>
{{- block "content" . -}}
<!-- The part of the page that begins to differ between templates -->
{{ end }}
</section>
<footer>
{{- block "content-footer" . -}}
{{- end -}}
</footer>
</div>
<div class="asides-box">
<aside>
{{ block "author-card" . }}
{{ partial "author-card.html" . }}
{{ end }}
</aside>
Move majority of semantic tags to baseof.html In order to improve the semantic layout of the page(s) in the site, the bulk of the semantic elements have been explicitly moved to the baseof file. Additional Hugo blocks have been defined to allow layouts to supply or override things like section menus, the site menu, etc.
2019-11-21 04:38:53 +00:00
<nav>
{{- block "content-menu" . -}}
{{- end -}}
</nav>
Create two column layout for wide screen browsers
2019-12-12 03:36:32 +00:00
</div>
Move majority of semantic tags to baseof.html In order to improve the semantic layout of the page(s) in the site, the bulk of the semantic elements have been explicitly moved to the baseof file. Additional Hugo blocks have been defined to allow layouts to supply or override things like section menus, the site menu, etc.
2019-11-21 04:38:53 +00:00
</main>
<footer>
{{- block "footer" . -}}
<!-- More shared code, perhaps a footer but that can be overridden if need be in -->
{{- partial "footer.html" . -}}
{{- end -}}
</footer>
Create basic layout structure Create basic layout structure by following along with the documentation from gohugo.io. In particular: * Basic Templates and Blocks (https://gohugo.io/templates/base/) * Content View Templates (https://gohugo.io/templates/views/) * Homepage Template (https://gohugo.io/templates/homepage/)
2019-11-19 04:39:28 +00:00
</body>
Add support for favicons See https://favicon.io/favicon-converter for generating a favicon and the link references to add to the `head` of the HTML template.
2020-11-28 16:11:08 +00:00
</html>