a new start

_includes/templates/animation.html

@@ -0,0 +1,8 @@
+<template id="_animation-template">
+  <div class="animation-main fixed-top">
+    {% unless site.pivoine.no_breadcrumbs %}{% include body/breadcrumbs.html url="/" %}{% endunless %}
+    <div class="content">
+      <div class="page"></div>
+    </div>
+  </div>
+</template>

_includes/templates/dark-mode.html

@@ -0,0 +1,6 @@
+<template id="_dark-mode-template">
+  <button id="_dark-mode" class="nav-btn no-hover" >
+    <span class="sr-only">{{ site.data.strings.dark_mode | default:"Dark Mode" }}</span>
+    <span class="icon-brightness-contrast"></span>
+  </button>
+</template>

_includes/templates/error.html

@@ -0,0 +1,10 @@
+<template id="_error-template">
+  <div class="page">
+    <h1 class="page-title">{{ strings.error.title | default:"Error" }}</h1>
+    {% capture link %}<a class="this-link" href=""></a>{% endcapture %}
+    {% assign text = strings.error.message | default:"Sorry, an error occurred while loading: <!--link-->." %}
+    <p class="lead">
+      {{ text | replace:"<!--link-->",link }}
+    </p>
+  </div>
+</template>

_includes/templates/index.html

@@ -0,0 +1,15 @@
+<div hidden>
+  {% assign strings = site.data.strings %}
+  <h2 class="sr-only">{{ strings.templates | default: "Templates"}}{{ strings.colon | default:":" }}</h2>
+
+  {% include templates/animation.html %}
+  {% include templates/loading.html %}
+  {% include templates/error.html %}
+  {% include templates/permalink.html %}
+  {% if site.pivoine.dark_mode.icon %}
+    {% include templates/dark-mode.html %}
+  {% endif %}
+  {% if site.pivoine.search.icon %}
+    {% include templates/search.html %}
+  {% endif %}
+</div>

_includes/templates/loading.html

@@ -0,0 +1,6 @@
+<template id="_loading-template">
+  <div class="loading nav-btn fr">
+    <span class="sr-only">{{ strings.loading | default:"Loading…" }}</span>
+    <span class="icon-cog"></span>
+  </div>
+</template>

_includes/templates/permalink.html

@@ -0,0 +1,6 @@
+<template id="_permalink-template">
+  <a href="#" class="permalink">
+    <span class="sr-only">{{ strings.permalink | default:"Permalink" }}</span>
+    <span class="{{ strings.permalink_icon | default:"content-hash" }}"></span>
+  </a>
+</template>

_includes/templates/search.html

@@ -0,0 +1,6 @@
+<template id="_search-template">
+  <button id="_search" class="nav-btn no-hover" >
+    <span class="sr-only">{{ site.data.strings.search | default:"Search" }}</span>
+    <span class="icon-search"></span>
+  </button>
+</template>