From 8be2d3eaf8f1fa83d6b3ed4d1c9d1e73b7cbe78b Mon Sep 17 00:00:00 2001
From: Yann Herklotz <git@yannherklotz.com>
Date: Fri, 10 Sep 2021 19:23:22 +0100
Subject: Add new files to theme

---
 layouts/_default/_markup/render-heading.html |   6 ++
 layouts/_default/list.html                   |  21 +++++
 layouts/_default/terms.html                  |  16 ++++
 layouts/blog/list.html                       |  21 -----
 layouts/blog/single.html                     |  18 ++--
 layouts/index.html                           |   3 +-
 layouts/partials/head.html                   |   4 +
 layouts/partials/header.html                 |   2 +-
 layouts/partials/news_all.html               |   9 ++
 layouts/partials/papers.html                 |   2 +-
 layouts/partials/papers_other.html           |   2 +-
 layouts/partials/tagcloud.html               |  21 +++++
 static/css/colours.css                       |   6 ++
 static/css/default.css                       | 136 +++++++++++++++++++++++++--
 14 files changed, 222 insertions(+), 45 deletions(-)
 create mode 100644 layouts/_default/_markup/render-heading.html
 create mode 100644 layouts/_default/terms.html
 delete mode 100644 layouts/blog/list.html
 create mode 100644 layouts/partials/news_all.html
 create mode 100644 layouts/partials/tagcloud.html

diff --git a/layouts/_default/_markup/render-heading.html b/layouts/_default/_markup/render-heading.html
new file mode 100644
index 0000000..5117bf4
--- /dev/null
+++ b/layouts/_default/_markup/render-heading.html
@@ -0,0 +1,6 @@
+<h{{ .Level }} id="{{ .Anchor | safeURL }}">
+    <a class="heading-anchor{{ .Level }}" href="#{{ .Anchor | safeURL }}" style="">
+      {{ strings.Repeat .Level "*" }}
+    </a>
+    {{ .Text | safeHTML }}
+</h{{ .Level }}>
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index e69de29..18cbe9f 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -0,0 +1,21 @@
+{{ define "main" }}
+<main>
+  <div class="container">
+    <div class="left flex">
+    </div>
+    <div class="center flex">
+      <article class="content">
+        <h1>{{ .Title }}</h1>
+
+        {{ .Content }}
+
+        {{ range .RegularPages }}
+          {{ .Render "summary"}}
+        {{ end }}
+      </article>
+    </div>
+    <div class="right flex">
+    </div>
+  </div>
+</main>
+{{ end }}
diff --git a/layouts/_default/terms.html b/layouts/_default/terms.html
new file mode 100644
index 0000000..3bab7d9
--- /dev/null
+++ b/layouts/_default/terms.html
@@ -0,0 +1,16 @@
+{{ define "main" }}
+  <main id="main">
+    <h1>{{ .Title }}</h1>
+    <ul >
+      {{ range .Data.Terms.Alphabetical }}
+        <li>
+          <h2>
+            <a href="{{ .Page.RelPermalink }}">
+              {{ printf "(%d) %s" .Count .Page.Title }}
+            </a>
+          </h2>
+        </li>
+      {{ end }}
+    </ul>
+  </main>
+{{ end }}
diff --git a/layouts/blog/list.html b/layouts/blog/list.html
deleted file mode 100644
index 2749943..0000000
--- a/layouts/blog/list.html
+++ /dev/null
@@ -1,21 +0,0 @@
-{{ define "main" }}
-<main>
-  <div class="container">
-    <div class="left flex">
-    </div>
-    <div class="center flex">
-      <article class="content">
-        <h1>{{ .Title }}</h1>
-
-        {{ .Content }}
-
-        {{ range (where .Site.RegularPages "Section" "blog") }}
-          {{ .Render "summary"}}
-        {{ end }}
-      </article>
-    </div>
-    <div class="right flex">
-    </div>
-  </div>
-</main>
-{{ end }}
diff --git a/layouts/blog/single.html b/layouts/blog/single.html
index b29ed31..2e1bf0d 100644
--- a/layouts/blog/single.html
+++ b/layouts/blog/single.html
@@ -1,17 +1,17 @@
 {{ define "main" }}
 <main>
   <div class="container">
-    <div class="left flex">
-    </div>
     <div class="center flex">
-        <h1>{{ .Title }}</h1>
-        <section class="post-meta">Posted on {{ .Date.Format "January 2, 2006" }}</section>
-        <article>
-          {{ .Content }}
-        </article>
-    </div>
-    <div class="right flex">
+      <h1>{{ .Title }}</h1>
+      <section class="post-meta">Posted on {{ .Date.Format "January 2, 2006" }}</section>
+      <article>
+        {{ .Content }}
+      </article>
     </div>
+    <aside class="right flex">
+      <b id="TableOfContentsTitle">Table of Contents</b>
+      {{ .TableOfContents }}
+    </aside>
   </div>
 </main>
 {{ end }}
diff --git a/layouts/index.html b/layouts/index.html
index 2ecb52a..2ec9013 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,8 +1,6 @@
 {{ define "main" }}
 <main>
   <div class="container">
-    <div class="left flex">
-    </div>
     <div class="center flex">
       <article class="content">
 
@@ -29,6 +27,7 @@
       </article>
     </div>
     <div class="right flex">
+      {{ partial "tagcloud.html" . }}
     </div>
   </div>
 </main>
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 1891408..e742a0d 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -27,4 +27,8 @@
   <link rel="stylesheet" href="/css/default.css" />
 
   <link rel="preload" href="/fonts/woff2/iosevka-extrabold.woff2">
+
+  {{ if .Site.Params.offen }}
+  <script async src="https://offen.ymhg.org/script.js" data-account-id="1791576c-7fc1-437f-9d4b-1d5d5c282ce7"></script>
+  {{ end }}
 </head>
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 079cbde..89aa99e 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -2,7 +2,7 @@
   <div class="logo">
     <a href="/">Yann Herklotz</a>
   </div>
-  <nav>
+  <nav id="navbar">
     <span><a href="/blog/">Blog</a></span>
     <span><a href="/photos/">Photos</a></span>
   </nav>
diff --git a/layouts/partials/news_all.html b/layouts/partials/news_all.html
new file mode 100644
index 0000000..92d255e
--- /dev/null
+++ b/layouts/partials/news_all.html
@@ -0,0 +1,9 @@
+<table class="news">
+  <tbody>
+    {{ range $.Site.Data.news }}
+    {{ range . }}
+    <tr><td class="news-date">{{ .date.Format "2006-01-02" }}</td><td>{{ safeHTML .event }}</td></tr>
+    {{ end }}
+    {{ end }}
+  </tbody>
+</table>
diff --git a/layouts/partials/papers.html b/layouts/partials/papers.html
index ed212fa..e9523af 100644
--- a/layouts/partials/papers.html
+++ b/layouts/partials/papers.html
@@ -15,7 +15,7 @@
  Formal verification of high-level synthesis.
  volume&nbsp;5, New York, NY, USA, 11 2021. Association for Computing
   Machinery.<br />
-<b>&nbsp;<a href="/papers/fvhls_oopsla21.pdf">pdf</a>&nbsp;</b>
+[&nbsp;<a href="/papers/fvhls_oopsla21.pdf">pdf</a>&nbsp;]
 
 </dd>
 
diff --git a/layouts/partials/papers_other.html b/layouts/partials/papers_other.html
index 82b8448..6d995c2 100644
--- a/layouts/partials/papers_other.html
+++ b/layouts/partials/papers_other.html
@@ -15,7 +15,7 @@
  High-level synthesis tools should be proven correct.
  In <em>Workshop on Languages, Tools, and Techniques for Accelerator
   Design</em>, 2021.<br />
-<b>&nbsp;<a href="/papers/hlsspc_latte2021.pdf">pdf</a>&nbsp;</b>
+[&nbsp;<a href="/papers/hlsspc_latte2021.pdf">pdf</a>&nbsp;]
 
 </dd>
 
diff --git a/layouts/partials/tagcloud.html b/layouts/partials/tagcloud.html
new file mode 100644
index 0000000..0326dc9
--- /dev/null
+++ b/layouts/partials/tagcloud.html
@@ -0,0 +1,21 @@
+<div class="tagcloud">
+  {{ if ne (len $.Site.Taxonomies.tags) 0 }}
+  {{ $largestFontSize := 1.4 }}
+  {{ $smallestFontSize := 1.0 }}
+  {{ $fontSpread := sub $largestFontSize $smallestFontSize }}
+  {{ $max := add (len (index $.Site.Taxonomies.tags.ByCount 0).Pages) 1 }}
+  {{ $min := len (index $.Site.Taxonomies.tags.ByCount.Reverse 0).Pages }}
+  {{ $spread := sub $max $min }}
+  {{ $fontStep := div $fontSpread $spread }}
+  {{ range $name, $taxonomy := $.Site.Taxonomies.tags }}
+  {{ $tagCount := len $taxonomy.Pages }}
+  {{ $currentFontSize := (add $smallestFontSize (mul (sub $tagCount $min) $fontStep) ) }}
+  {{ $weigth := div (sub (math.Log $tagCount) (math.Log $min)) (sub (math.Log $max) (math.Log $min)) }}
+  {{ $currentFontSize := (add $smallestFontSize (mul (sub $largestFontSize $smallestFontSize) $weigth)) }}
+  <a href="{{ "/tags/" | relURL }}{{ $name | urlize }}"
+     class="tagcloud-item" style="font-size: {{ $currentFontSize }}rem;">
+    {{ $name }}<sup>{{ $tagCount }}</sup>
+  </a>
+  {{ end }}
+  {{ end }}
+</div>
diff --git a/static/css/colours.css b/static/css/colours.css
index 74bdb84..12f6529 100644
--- a/static/css/colours.css
+++ b/static/css/colours.css
@@ -37,6 +37,10 @@ th {
   color: #505561;
 }
 
+h1:hover > .heading-anchor1, h2:hover > .heading-anchor2, h3:hover > .heading-anchor3, h4:hover > .heading-anchor4, h5:hover > .heading-anchor5, h6:hover > .heading-anchor6 { color: #00c266; }
+
+//.heading-anchor1, .heading-anchor2, .heading-anchor3, .heading-anchor4, .heading-anchor5, .heading-anchor6 { color: #fffff8; }
+
 @media (prefers-color-scheme: dark) {
   body {
     background-color: #171d30;
@@ -63,4 +67,6 @@ th {
   .post-meta {
     color: #fffff8;
   }
+
+//  .heading-anchor1, .heading-anchor2, .heading-anchor3, .heading-anchor4, .heading-anchor5, .heading-anchor6 { color: #171d30; }
 }
diff --git a/static/css/default.css b/static/css/default.css
index 77a4bad..70612b2 100644
--- a/static/css/default.css
+++ b/static/css/default.css
@@ -27,7 +27,7 @@ header {
   border-bottom: 0.3rem solid #00c266;
 }
 
-nav {
+#navbar {
   text-align: right;
 }
 
@@ -120,14 +120,14 @@ th, td {
   text-align: left;
 }
 
-nav a, .logo a {
+#navbar a, .logo a {
   font-family: 'Iosevka Web', monospace;
   font-size: 1.3rem;
   font-weight: 800;
   text-decoration: none;
 }
 
-nav span {
+#navbar span {
   padding-left: 2em;
 }
 
@@ -150,6 +150,122 @@ nav span {
   font-size: 6rem;
 }
 
+.heading-anchor1 {
+  text-decoration: none;
+  float: left;
+  padding-right: 0.2em;
+  margin-left: -1.5em;
+  line-height: 1;
+}
+
+.heading-anchor1:hover {
+  text-decoration: underline;
+}
+
+.heading-anchor2 {
+  text-decoration: none;
+  float: left;
+  padding-right: 0.5em;
+  margin-left: -1.5em;
+  margin-top: 0.4em;
+  line-height: 1;
+}
+
+.heading-anchor2:hover {
+  text-decoration: underline;
+}
+
+.heading-anchor3 {
+  text-decoration: none;
+  float: left;
+  padding-right: 0.5em;
+  margin-left: -2em;
+  margin-top: 0.4em;
+  line-height: 1;
+}
+
+.heading-anchor3:hover {
+  text-decoration: underline;
+}
+
+.heading-anchor4 {
+  text-decoration: none;
+  float: left;
+  padding-right: 0.5em;
+  margin-left: -2em;
+  margin-top: 0.4em;
+  line-height: 1;
+}
+
+.heading-anchor4:hover {
+  text-decoration: underline;
+}
+
+.heading-anchor5 {
+  text-decoration: none;
+  float: left;
+  padding-right: 0.5em;
+  margin-left: -2em;
+  margin-top: 0.4em;
+  line-height: 1;
+}
+
+.heading-anchor5:hover {
+  text-decoration: underline;
+}
+
+.heading-anchor6 {
+  text-decoration: none;
+  float: left;
+  padding-right: 0.5em;
+  margin-left: -2em;
+  margin-top: 0.4em;
+  line-height: 1;
+}
+
+.heading-anchor6:hover {
+  text-decoration: underline;
+}
+
+#TableOfContents {
+  line-height: 1;
+  margin-left: 1em;
+}
+
+#TableOfContents a {
+  font-size: 0.8em;
+}
+
+#TableOfContents ul {
+  padding-left: 1.5em;
+}
+
+#TableOfContents > ul {
+    list-style-type: "** ";
+}
+
+#TableOfContents > ul > li > ul {
+    list-style-type: "*** ";
+}
+
+#TableOfContents > ul > li > ul > li > ul {
+    list-style-type: "**** ";
+}
+
+#TableOfContents li {
+  margin-bottom: 0.3em;
+  margin-top: 0.3em;
+}
+
+#TableOfContentsTitle {
+  margin-left: 1em;
+  font-family: 'Iosevka Web', sans-serif;
+}
+
+.tagcloud {
+  margin-left: 1em;
+}
+
 .codeblock {
   border-radius: 10px;
   margin: 0;
@@ -233,7 +349,7 @@ nav span {
     margin: 4.2rem 0;
   }
 
-  nav {
+  #navbar {
     margin: 0 auto 3rem;
     text-align: center;
   }
@@ -267,7 +383,7 @@ nav span {
     font-size: 2.0rem;
   }
 
-  nav a {
+  #navbar a {
     display: inline;
     margin: 0 0.6rem;
   }
@@ -288,7 +404,7 @@ nav span {
   .gallery-2 { display: none; }
   .gallery-4 { display: none; }
 
-  nav span {
+  #navbar span {
     padding-left: 0;
   }
 
@@ -319,12 +435,12 @@ nav span {
     padding: 1.2rem 0;
   }
 
-  nav {
+  #navbar {
     margin: 0;
     text-align: right;
   }
 
-  nav a {
+  #navbar a {
     margin: 0 0 0 1.2rem;
     display: inline;
   }
@@ -392,12 +508,12 @@ nav span {
     padding: 1.2rem 0;
   }
 
-  nav {
+  #navbar {
     margin: 0;
     text-align: right;
   }
 
-  nav a {
+  #navbar a {
     margin: 0 0 0 1.2rem;
     display: inline;
   }
-- 
cgit