added indieweb headers and h tags to some pages

5 years ago · f399e8f3ba
8 changed files with 34 additions and 25 deletions
--- a/themes/anatole/layouts/_default/baseof.html
+++ b/themes/anatole/layouts/_default/baseof.html
@ -1,17 +1,15 @@
 <!DOCTYPE html>
 <html lang="{{- site.Language.Lang -}}">
    {{- partial "head.html" . -}}
-      <input type="checkbox" id="theme-switch" class="theme-switch" autocomplete="on">
    <body>
+      <input type="checkbox" id="theme-switch" class="theme-switch" autocomplete="on">
+
      <div id="page">
          {{- partial "sidebar.html" . -}}
-        <div class="main">
            {{ partial "navbar.html" . }}
-            <div class="autopagerize_page_element">
+        <div class="main">
          <div class="content">
             {{- block "main" . }}{{- end }}
          </div>
        </div>
-        </div>
        {{- partial "footer.html" . -}}
-      </div>
--- a/themes/anatole/layouts/_default/list.html
+++ b/themes/anatole/layouts/_default/list.html
@ -1,5 +1,5 @@
 {{ define "main" }}
-<div class="archive animated fadeInDown">
+<div class="archive">
   <div class="list-title">{{if not (eq .Name "Blog")}}{{ .Name }}{{ end }}{{if eq .Name "Blog"}}All Blogs{{ end }} <a href="{{ .Permalink }}/index.xml"><i class="fa fa-rss fa-2x fa-fw" aria-hidden="true" title="{{ .Name }} RSS feed"></i></a></div>
    <ul class="list-with-title">
      {{ range .Data.Pages.GroupByDate "2006" }}
--- a/themes/anatole/layouts/_default/list.jp.html
+++ b/themes/anatole/layouts/_default/list.jp.html
@ -1,5 +1,5 @@
 {{ define "main" }}
-<div class="archive animated fadeInDown">
+<div class="archive">
   <div class="list-title">{{if not (eq .Name "Blog" "Categories" "Tags") }}{{ .Name }}{{ end }}{{if eq .Name "Blog"}}全部のブログ{{ end }}{{if eq .Name "Categories"}}カテゴリー{{ end }}{{if eq .Name "Tags"}}タグ{{ end }}
      <a href="{{ .Permalink }}/index.xml"><i class="fa fa-rss fa-2x fa-fw" aria-hidden="true" title="{{ .Name }} RSSフィード"></i></a></div>
    <ul class="list-with-title">
--- a/themes/anatole/layouts/_default/single.html
+++ b/themes/anatole/layouts/_default/single.html
@ -1,19 +1,18 @@
  {{ define "main" }}
-<div class="post animated fadeInDown">
-    <div class="post-content">
-      {{ with .Page.Params.Image }}{{ partial "taxonomy/image.html" . }}{{ end }}
-      <div class="post-title">
-        <h3>{{ .Title }}</h3>
+<article class="post h-entry entry">
+  <div class="h-card p-author" style="display: none;">
+    <a rel="author" class= "p-name u-url" href="https://jk.nipponalba.scot">JK</a>
+    <img class="u-photo" src="/images/profile.jpg" />
+  </div>
+    <div class="post-content">{{ with .Page.Params.Image }}{{ partial "taxonomy/image.html" . }}{{ end }}<h3 class="post-title p-name entry-title">{{ .Title }}</h3>
        {{ if eq .Type "post"}}
        <div class="info">
-          <i class="fa fa-sun"></i><span class="date">{{ .Date.Format "Mon, Jan 2, 2006" }}</span>
+          <i class="fa fa-sun"></i><span class="date"><time class="dt-published" datetime="{{ .Date.Format "2 Jan 2006 15:04 GMT" }}">{{ .Date.Format "Mon, Jan 2, 2006" }}</time></span>
          <i class="fa fa-clock"></i><span class="reading-time">{{ .ReadingTime }}-minute read</span>
-        </div>
        {{ end }}
        </div>
+<div class="e-content">{{ .Content }}</div>

-    {{ .Content }}
-    </div>
    <div class="post-footer">
      <div class="info">
        {{ with .Page.Params.Blog }}{{ partial "taxonomy/blog.html" . }}{{ end }}
@ -31,5 +30,5 @@
    {{- end }}
    {{ end }}
 </div>
-
+</article>
 {{ end }}
--- a/themes/anatole/layouts/index.html
+++ b/themes/anatole/layouts/index.html
@ -1,14 +1,14 @@
 {{ define "main" }}

-<div class="about animated fadeInDown">
+<div class="about">
  <h1>Recent posts</h1>
    {{ range first 5 .Site.RegularPages }}
        {{ if eq .Type "post"}}
-        <div>
+        <article class="h-entry entry">
            <h3><a href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
            <h4 class="decription"><a href="{{ .RelPermalink }}">{{ .Description }}</a></h4>
            {{ .Summary }}
-          </div>
+          </article>
          {{ if .Truncated }}
          <!-- This <div> includes a read more link, but only if the summary is truncated... -->
          <div class="readmore">
--- a/themes/anatole/layouts/partials/footer.html
+++ b/themes/anatole/layouts/partials/footer.html
@ -1,4 +1,8 @@
-
+<p class="h-card vcard" style="display:none;">
+  <img class="u-photo" src="/images/profile.jpg" />
+  <a class="u-url p-author p-name url" href="https://jk.nipponalba.scot" rel="me">JK</a>
+  <a class="u-email" rel="me" href="mailto:jk@nipponalba.scot">jk</a>
+</p>

    <script>
      // This code is only used to remember theme selection between page loads
--- a/themes/anatole/layouts/partials/head.html
+++ b/themes/anatole/layouts/partials/head.html
@ -7,6 +7,14 @@
    <link rel="stylesheet" href="{{ `css/style.css` | absURL }}" type="text/css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.7/css/fork-awesome.min.css" integrity="sha256-gsmEoJAws/Kd3CjuOQzLie5Q3yshhvmo7YNtBG7aaEY=" crossorigin="anonymous">
    <base href="{{ .Site.BaseURL }}">
+    <!-- indieweb stuff -->
+    <link rel="me" href="https://social.nipponalba.scot/users/jk" />
+    <link rel="me" href="http://px.nipponalba.scot/jk" />
+    <link rel="me" href="mailto:jk@nipponalba.scot" />
+    <link rel="authorization_endpoint" href="https://indieauth.com/auth">
+    <link rel="token_endpoint" href="https://tokens.indieauth.com/token">
+    <link rel="webmention" href="https://webmention.io/jk.nipponalba.scot/webmention" />
+    <link rel="pingback" href="https://webmention.io/jk.nipponalba.scot/xmlrpc" />
    <!-- Favicons -->
    <link rel="shortcut icon" href="{{ .Site.Params.favicon | absURL }}favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon" sizes="180x180" href="{{ .Site.Params.favicon | absURL }}apple-touch-icon.png">
--- a/themes/anatole/static/css/style.css
+++ b/themes/anatole/static/css/style.css
@ -35,7 +35,7 @@ html { font-family: 'Inter', sans-serif; height:100%;}
 }

 /* Switched mode */
-
+.theme-switch:checked ~ *,
 .theme-switch:checked + *,
 .theme-switch:checked + * + *{
  --text-colour:var(--light-text);