documentor 0.2.0 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 00e269e315db0d278489d7d7f335135d07c78a0e6860cf9b97509cfcead2c391
-  data.tar.gz: 6b224db6973d288918ad3aba95a795500de021d6b8b4f5090fa52d2e7a385b10
+  metadata.gz: a8588d9bb3bb6224d7eb77896f597b637fa6b76edce376c237907546e3f280aa
+  data.tar.gz: 7cf115a1c5a4ec2f392bb153e20c2b03d7316c9caf0008376a66c7b91109fa80
 SHA512:
-  metadata.gz: e1da26182635c7ab0b8a2629330016e980192d4503dfc329ea929b34d5cf856eec722ea4e48f6160b7906f6b4d7b049e74830df5ded0bacf19edf524bbc94ce3
-  data.tar.gz: a7d543e7e44482378e89838a6cdabec2559971b796acba8be4140ee13307800331a9ab94c1bcb24a7a54b7b7b01f2f4eea2da1a94f2159d9afd7567cd4815f40
+  metadata.gz: 6ea917cdfa9733da45220af036b16ee515ec17f8d3bbb64233c3194d29931b3d91201c7a507b68d863e8d5d9150fcfa8197d36014ea4059fc11c110f84d4e840
+  data.tar.gz: 3ad476ec2f1f728779a12a095dd2ac3d311292a3c85059a73d14f526a6c43a07425b972bcc433ab97dbbdef4d36ae3fe1bc9d66a9073b1e784a6bbfc645690a8

data/_config.yml

@@ -1,6 +1,7 @@
 author_obfuscate_email: false
 author_round_mugshot: true
 index_show_header_latest: false
+index_use_font: menuregular
 short_navigation_ignore: [index, categories, page404]
 style_typewriter: true
 style_dark_bright: auto
@@ -9,6 +10,10 @@ title: YOUR SITE
 collections:
   authors:
     output: true
+  cards:
+    output: true
+  pages:
+    output: true
 
 defaults:
   - scope:
@@ -22,6 +27,12 @@ defaults:
     values:
       layout: "post"
       author: "default_author"
+  - scope:
+      path: ""
+      type: "cards"
+    values:
+      layout: "card"
+      language: "de"
   - scope:
       path: ""
     values:

data/_data/i18n.yml

@@ -3,7 +3,7 @@ author_github: "github: "
 author_image_alt: "image of "
 author_orcid: "orcid: "
 categories_heading: Categories
-default_by: "by "
+default_by: " by "
 default_on: ", on "
 index_aria_latest: Navigate the latest articles
 page404_subtitle: We are looking for this site as well...

data/_includes/short-navigation.html

@@ -1,6 +1,6 @@
 <nav {% if short_navigation_id %}id="{{ short_navigation_id }}" {% endif %}aria-label="{{ site.data.i18n.short_navigation_aria_label }}">
     {% if short_navigation_include_home == true %}
-    <h1><a href="/">{{ site.title }}</a></h1>
+    <h1 {% if site.index_use_font %} class="font-{{ site.index_use_font }}"{% endif %}><a href="/">{{ site.title }}</a></h1>
     {% endif %}
     <ul>
     {% for category in site.categories %}

data/_layouts/index-with-cards.html

@@ -0,0 +1,29 @@
+---
+layout: base
+---
+<main id="front" class="container">
+    <header id="front-with-cards-header">
+        <h1 {% if site.index_use_font %} class="font-{{ site.index_use_font }}"{% endif %}>{{ site.title }}</h1>
+        {% include short-navigation.html %}
+    </header>
+    <nav id="front-cards">
+        <ul class="deck">
+        {% for page in site.cards %}
+            {% if page.url_external %}
+                {% assign url = page.url_external %}
+            {% else %}
+                {% assign url = page.url %}
+            {% endif %}
+            <li><a href="{{ url }}"><article><hgroup>{% if page.image %}<img src="{{ page.image }}"/>{% endif %}<h1>{{ page.title }}</h1></hgroup></article></a></li>
+        {% endfor %}
+        </ul>
+    </nav>
+    <nav id="latest-nav" {% if site.index_show_header_latest %} aria-labelledby="#header-latest"{% else %} aria-label="{{ site.data.i18n.index_aria_latest }}"{% endif %}>
+        {% if site.index_show_header_latest %}<h2 id="header-latest">Latest</h2>{% endif %}
+        <ul>
+            {% for post in site.posts limit:5 %}
+            <li><a href="{{ post.url }}">/ {{ post.date | date: "%Y-%m-%d" }} / {{ post.categories | first }} / {{ post.title }}</a></li>
+            {% endfor %}
+        </ul>
+    </nav>
+</main>

data/_layouts/index.html

@@ -2,16 +2,16 @@
 layout: base
 ---
 <main id="front" class="container">
-        <header>
-            <h1>{{ site.title }}</h1>
-            {% include short-navigation.html %}
-        </header>
-        <nav id="latest-nav" {% if site.index_show_header_latest %} aria-labelledby="#header-latest"{% else %} aria-label="{{ site.data.i18n.index_aria_latest }}"{% endif %}>
-            {% if site.index_show_header_latest %}<h2 id="header-latest">Latest</h2>{% endif %}
-            <ul>
-                {% for post in site.posts limit:5 %}
-                <li><a href="{{ post.url }}">/ {{ post.date | date: "%Y-%m-%d" }} / {{ post.categories | first }} / {{ post.title }}</a></li>
-                {% endfor %}
-            </ul>
-        </nav>
-</main>
+    <header id="front-header">
+        <h1 {% if site.index_use_font %} class="font-{{ site.index_use_font }}"{% endif %}>{{ site.title }}</h1>
+        {% include short-navigation.html %}
+    </header>
+    <nav id="latest-nav" {% if site.index_show_header_latest %} aria-labelledby="#header-latest"{% else %} aria-label="{{ site.data.i18n.index_aria_latest }}"{% endif %}>
+        {% if site.index_show_header_latest %}<h2 id="header-latest">Latest</h2>{% endif %}
+        <ul>
+            {% for post in site.posts limit:5 %}
+            <li><a href="{{ post.url }}">/ {{ post.date | date: "%Y-%m-%d" }} / {{ post.categories | first }} / {{ post.title }}</a></li>
+            {% endfor %}
+        </ul>
+    </nav>
+</main>:

data/_layouts/page404.html

@@ -2,12 +2,14 @@
 layout: base
 ---
 <main id="page404" class="container">
-    <header>
+    <header id="page404-header">
         <hgroup>
-            <h1>404</h1>
+            <h1 {% if site.index_use_font %} class="font-{{ site.index_use_font }}"{% endif %}>404</h1>
             <p>{{ site.data.i18n.page404_subtitle }}</p>
         </hgroup>
         <p>{{ site.data.i18n.page404_text }}</p>
+        {% assign short_navigation_id = 'short-navigation' %}
+        {% assign short_navigation_include_home = true %}
         {% include short-navigation.html %}
     </header>
 </main>

data/assets/css/main.css

@@ -76,7 +76,7 @@
 }
 @font-face {
     font-family: 'BoticRegular';
-    src: url('../fonts/pixeldroidBoticRegular/pixeldroidBoticRegular.otf'), '../fonts/pixeldroidBoticRegular/pixeldroidBoticRegular.ttf') format('truetype'), url('../fonts/pixeldroidMenuRegular/pixeldroidMenuRegular-64.fnt') format('fnt');
+    src: url('../fonts/pixeldroidBoticRegular/pixeldroidBoticRegular.otf'), '../fonts/pixeldroidBoticRegular/pixeldroidBoticRegular.ttf') format('truetype'), url('../fonts/pixeldroidBoticRegular/pixeldroidBoticRegular-64.fnt') format('fnt');
     font-weight: normal;
     font-style: normal;
 }
@@ -136,6 +136,31 @@ body, .container {
     }
 }
 
+/**
+ * Fonts
+ */
+
+.font-menuregular {
+    font-family: MenuRegular !important;
+}
+
+.font-boticregular {
+    font-family: BoticRegular !important;
+}
+
+.font-serif {
+    font-family: serif !important;
+}
+
+.font-sans {
+    font-family: sans !important;
+}
+
+.font-mono {
+    font-family: mono !important;
+}
+
+
 /**
  * Front Page / 404
  */
@@ -160,8 +185,19 @@ body, .container {
         font-weight: bold;
     }
 
-    header {
+    #front-header {
+        grid-area: main;
+    }
+
+    #front-with-cards-header {
+        grid-area: header;
+    }
+
+    #front-cards {
         grid-area: main;
+    }
+
+    #front-header, #front-with-cards-header, #page404-header {
         align-content: center;
 
         text-align: center;
@@ -174,10 +210,9 @@ body, .container {
 }
 
 #front {
-    h1 {
+    &>header h1 {
         margin-bottom: 0;
         font-size: clamp(2rem, 10vw, 9rem);
-        font-family: MenuRegular;
         text-transform: none;
     }
 
@@ -189,18 +224,54 @@ body, .container {
 }
 
 #page404 {
-    h1 {
-        font-size: clamp(2rem, 20vw, 9rem);
-        margin-bottom: 0;
+    hgroup {
+        font-size: clamp(2rem, 6vw, 6rem);
+        margin-bottom: 3rem;
+
+        h1 {
+            font-size: clamp(2rem, 20vw, 9rem);
+            margin-bottom: 0;
+        }
+    }
+}
+
+#front-with-cards-header {
+    margin-bottom: 3rem;
+}
+
+.deck {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    justify-content: center;
+    justify-items: stretch;
+    grid-auto-flow: row;
+    gap: 1rem 1rem;
+
+    li {
+        display: block;
+        margin: 0;
+        padding: 0;
     }
 
     hgroup {
-        font-size: clamp(2rem, 10vw, 9rem);
-        margin-bottom: 3rem;
+        display: grid;
+        grid-template-areas:
+            "image"
+            "header";
+        grid-template-rows: 1fr auto;
+        border-style: solid;
+        border-width: calc(1rem / 16);
     }
 
-    h1, hgroup {
-        font-family: MenuRegular;
+    img {
+        grid-area: image;
+    }
+
+    h1 {
+        grid-area: header;
+        text-align: center;
+        margin: 0;
+        padding: 1rem;
     }
 }
 
@@ -212,7 +283,7 @@ body, .container {
     h1 {
         display: inline;
         a {
-            font-family: MenuRegular;
+            font-family: inherit;
         }
     }
 
@@ -300,7 +371,6 @@ body, .container {
         border-width: 0 0 0 calc(1rem / 16);
         font-family: mono;
         width: calc(var(--width-page-vw) - var(--width-padding));
-        /*width: 300px;*/
         overflow-x: auto;
     }
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: documentor
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.3.0
 platform: ruby
 authors:
 - randomchars42
@@ -40,6 +40,7 @@ files:
 - _layouts/base.html
 - _layouts/categories.html
 - _layouts/default.html
+- _layouts/index-with-cards.html
 - _layouts/index.html
 - _layouts/page.html
 - _layouts/page404.html