diff options
Diffstat (limited to 'src/templates')
-rw-r--r-- | src/templates/article.tmpl | 8 | ||||
-rw-r--r-- | src/templates/header.tmpl | 4 | ||||
-rw-r--r-- | src/templates/hid.tmpl | 1 | ||||
-rw-r--r-- | src/templates/index.tmpl | 4 | ||||
-rw-r--r-- | src/templates/left.tmpl | 24 | ||||
-rw-r--r-- | src/templates/likes.tmpl | 19 | ||||
-rw-r--r-- | src/templates/tag.tmpl | 25 |
7 files changed, 68 insertions, 17 deletions
diff --git a/src/templates/article.tmpl b/src/templates/article.tmpl index d67f34a..cd87f39 100644 --- a/src/templates/article.tmpl +++ b/src/templates/article.tmpl @@ -1,14 +1,18 @@ <!DOCTYPE html> -<html lang="fr"> +<html lang="{{lang}}"> {{> header }} <body> <div class="decal_panel"> <div class="marge"></div> <article class="post" id="{{domTitle}}_article"> + <div class="tags">{{# metaData.tags }}<a href="/{{ lang }}/tag/{{{ . }}}" class="tag">{{{ . }}}</a>{{/ metaData.tags }}</div> + <div class="pubdate">{{ metaData.pubDateISO }}</div> {{{ content }}} + {{> likesButton }} </article> <div class="sidenotes"></div> </div> - {{> leftPanel }} + {{>leftPanel }} + {{>hid }} </body> </html> diff --git a/src/templates/header.tmpl b/src/templates/header.tmpl index 433b130..e92da4a 100644 --- a/src/templates/header.tmpl +++ b/src/templates/header.tmpl @@ -1,6 +1,6 @@ <head> <meta charset="utf-8" /> - <title>{{ title }}</title> + <title>{{ page_title }}</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="canonical" href="{{{ canonical }}}"/> <link href="/s/css/style.css" rel="stylesheet"/> @@ -8,6 +8,6 @@ <link href="/s/css/katex.css" rel="stylesheet"/> </noscript> <script src="/s/js/main.js" defer></script> - <meta name= "description" content="ache: {{ description }} " /> + <meta name= "description" content="{{ description }} " /> <link rel="alternate" type="application/rss+xml" href="/rss.xml"> </head> diff --git a/src/templates/hid.tmpl b/src/templates/hid.tmpl new file mode 100644 index 0000000..7f0ab78 --- /dev/null +++ b/src/templates/hid.tmpl @@ -0,0 +1 @@ +<div id="hid">{{# alt_lang }}<span role=button tabindex=0 class="alt-lang" aria-label="{{ description }}" title="{{ description }}"><a href="{{ url }}">{{ lang }}</a></span>{{/ alt_lang }}<div role=button tabindex=0 class=sun aria-label="light mode">{{{svg.sun}}}</div><div role=button tabindex=0 class=moon aria-label="dark mode">{{{svg.moon}}}</div></div> diff --git a/src/templates/index.tmpl b/src/templates/index.tmpl index db117c9..5ed2ed4 100644 --- a/src/templates/index.tmpl +++ b/src/templates/index.tmpl @@ -1,6 +1,5 @@ - <!DOCTYPE html> -<html lang="fr"> +<html lang="{{lang}}"> {{>header }} <body> {{#articles}} @@ -13,5 +12,6 @@ </div> {{/articles}} {{> leftPanel }} + {{>hid }} </body> </html> diff --git a/src/templates/left.tmpl b/src/templates/left.tmpl index 985f356..c82c692 100644 --- a/src/templates/left.tmpl +++ b/src/templates/left.tmpl @@ -1,26 +1,28 @@ -<nav tabindex="0" id="harr" class="hide_arrow" role="button"> - {{{ svg.lt }}} +<nav tabindex="0" id="harr" class="hide_arrow" role="button" aria-labe="switch on/off panel"> + {{{ svg.lt }}} </nav> <aside id="side-bar"> + <a href="/{{ lang }}/" class="button"> {{{ svg.ache }}} - <h2> Ache </h2> - <div id="desc"><div id="desc_intro">Éternel étudiant en Math-Info.<br><span class="about">Autodidacte passionné,<br><div class="type_wrap"><span class="type">désormais ingénieur.</span></div></span></div><br> <span class="about">GNU\Linux, C, C++, Python, Math, autohébergement, décentralisation, P2P, commun, ... <br> </span><br></div> + </a> + <h2 id="ache"><a href="/{{ lang}}/">Ache</a></h2> + <div id="desc"><div id="desc_intro">{{{ intro.description }}}<br><span class="about">{{{ intro.about }}}</span></div><br><span class="about">{{{ intro.about_tags }}}</span><br></div> <nav> <ul> - <li class="sommaire_blien"><a href="/" title="L'accueil">home</a> - </li><li class="sommaire_blien"><a href="http://git.ache.one/" title="Dépôt git personnel">git</a> - </li> + <li class="sommaire_blien"><a href="/{{ lang }}" title="{{ title.home }}">home</a> + </li><li class="sommaire_blien"><a href="http://git.ache.one/" title="{{ title.git }}">git</a> + </li> </ul> </nav> <nav id="ontheweb"> <ul> - <li class="about_bar"><a href="https://twitter.com/arobase_che" title="Mon twitter abandonné"> - {{{ svg.twitter }}} + <li class="about_bar"><a rel="me" href="https://mastodon.xyz/@ache" title="{{ title.mosto }}"> + {{{ svg.mastodon }}} </a></li> - <li class="about_bar"><a href="http://git.ache.one" title="Dépôt git personnel"> + <li class="about_bar"><a href="https://git.ache.one" title="{{ title.git }}"> {{{ svg.git }}} </a></li> - <li class="about_bar"><a href="/rss.xml" title="Flux RSS"> + <li class="about_bar"><a href="/{{ lang }}/rss.xml" title="Flux RSS"> {{{ svg.rss }}} </a></li> </ul> diff --git a/src/templates/likes.tmpl b/src/templates/likes.tmpl new file mode 100644 index 0000000..c81d936 --- /dev/null +++ b/src/templates/likes.tmpl @@ -0,0 +1,19 @@ +<section class="likes" style="display: none"> + <span class="likesBox"> + <div class="layout"> + <div class="icon"> + <svg class="heart-main" viewBox="0 0 512 512" title="heart" z-index="1" height="100"> + <path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z" class=""></path> + </svg> + <svg class="heart-background" viewBox="0 0 512 512" title="heart" z-index="1" height="100"> + <path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z" class=""></path> + </svg> + <div class="nbLikes"><div></div></div> + </div> + </div> + <div> + <span class="likesTitle">{{ like_title }}</span> + <p class="likesText">{{{ like_text }}}</p> + </div></span> + + </section> diff --git a/src/templates/tag.tmpl b/src/templates/tag.tmpl new file mode 100644 index 0000000..f73365d --- /dev/null +++ b/src/templates/tag.tmpl @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html lang="{{lang}}"> + {{>header }} + <body> + <div class="decal_panel"> + <div class="marge"></div> + <article class="post" id="{{domTitle}}_article"> + <h1><a class="anchor" href="{{ canonical }}">Tag: {{ tag }}</a></h1> + <br> + <ul class="articleList"> + {{# articles}} + <li><a href="{{ url }}"><span class="pubYear">{{ pubYear }}</span>{{ title }}</a> + {{# metaData.tags }} + <a href="/{{ lang }}/tag/{{{ . }}}" class="inline-tag">{{{ . }}}</a> + {{/ metaData.tags }} + </li> + {{/ articles}} + </ul> + </article> + <div class="sidenotes"></div> + </div> + {{> leftPanel }} + <div id="hid"><div class="sun">{{{svg.sun}}}</div><div class="moon">{{{svg.moon}}}</div></div> + </body> +</html> |