diff options
-rw-r--r-- | layouts/_default/_markup/render-heading.html | 6 | ||||
-rw-r--r-- | layouts/_default/list.html | 21 | ||||
-rw-r--r-- | layouts/_default/terms.html | 16 | ||||
-rw-r--r-- | layouts/blog/list.html | 21 | ||||
-rw-r--r-- | layouts/blog/single.html | 18 | ||||
-rw-r--r-- | layouts/index.html | 3 | ||||
-rw-r--r-- | layouts/partials/head.html | 4 | ||||
-rw-r--r-- | layouts/partials/header.html | 2 | ||||
-rw-r--r-- | layouts/partials/news_all.html | 9 | ||||
-rw-r--r-- | layouts/partials/papers.html | 2 | ||||
-rw-r--r-- | layouts/partials/papers_other.html | 2 | ||||
-rw-r--r-- | layouts/partials/tagcloud.html | 21 | ||||
-rw-r--r-- | static/css/colours.css | 6 | ||||
-rw-r--r-- | static/css/default.css | 136 |
14 files changed, 222 insertions, 45 deletions
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 5, New York, NY, USA, 11 2021. Association for Computing Machinery.<br /> -<b> <a href="/papers/fvhls_oopsla21.pdf">pdf</a> </b> +[ <a href="/papers/fvhls_oopsla21.pdf">pdf</a> ] </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> <a href="/papers/hlsspc_latte2021.pdf">pdf</a> </b> +[ <a href="/papers/hlsspc_latte2021.pdf">pdf</a> ] </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; } |