formatting tweaks

layouts/_default/section.html

@@ -8,7 +8,7 @@
                   <a rel="author" class= "u-author" href="https://jk.nipponalba.scot"><img class="u-photo" src="/images/profile.jpg" /></a>
                 </div>
                 <aside>
-                  {{if eq .Type "article" }}<a href="{{ .RelPermalink }}" class="link u-url"><h4 class="">{{ .Title }}</h4></a><b>{{ .Description }}</b>{{ end }}
+                  {{if eq .Type "article" }}<a href="{{ .RelPermalink }}" class="link u-url"><h3 class="">{{ .Title }}</h3></a><b>{{ .Description }}</b>{{ end }}
                   <div class="e-content">
                     {{ .Content }}
                   </div>

themes/anatole/layouts/_default/single.html

@@ -1,8 +1,9 @@
   {{ define "main" }}
-<article class="post h-entry entry">
+<article class="post h-entry entry contents">
+<div class="{{.Type}}" data-post-type="{{.Type }}"><div class="author" style="display:none;"><a rel="author" class="u-author p-author h-card" href="{{ .RelPermalink }}"><img class="u-photo" src="/images/profile.jpg" /></a></div>
     <div class="post-content">{{ with .Page.Params.Image }}{{ partial "taxonomy/image.html" . }}{{ end }}<h3 class="post-title p-name entry-title">{{ .Title }}</h3>
+      <aside>
           <div class="info">
-          <a rel="author" class="p-author h-card" href="{{ .RelPermalink }}" style="display:none;"><img class="u-photo" src="/images/profile.png" />{{ .Site.Params.Title }}</a>
         <i class="fa fa-sun"></i><a class="u-url" href="{{ .RelPermalink }}"><span class="date"><time class="dt-published" datetime="{{ .Date.Format "2 Jan 2006 15:04 GMT" }}">{{ .Date.Format "Mon, Jan 2, 2006" }}</time></span></a>
           {{ if eq .Type "article" }}<i class="fa fa-clock"></i><span class="reading-time">{{ .ReadingTime }}-minute read</span>{{end}}
         </div>
@@ -25,7 +26,9 @@
     </div>
     {{- end }}
     {{ end }}
+    </aside></div>
 </div>
+
 </article>
 
 

themes/anatole/static/css/style.css

@@ -344,7 +344,7 @@ width:95%;
 .post .post-content a:hover, .h-entry a:hover {
   color: var(--link-colour);
 }
-.post .post-content h3 {
+.post .post-content h3,section aside h3 {
   color: var(--text-colour);
   font-size: 22px;
   font-weight: 600;
@@ -721,7 +721,7 @@ a.btn {
 }
 
 .contents aside time{
-  font-size:11px;
+  font-size:12px;
 }
 
 .pagination {
@@ -773,7 +773,7 @@ a.btn {
   .page-top .language-selector i{
    padding:0 5px;
   }
-  .post-title h3 {
+  .post-title h3, section aside h3 {
     line-height: 1.6;
   }