jekyll-theme-lydde 0.1.1 → 0.1.3

data/_includes/seo.liquid

@@ -0,0 +1,148 @@
+{%- assign facebook = site.settings.social.facebook| default: site.data.settings.social.facebook -%}
+{%- assign twitter = site.settings.social.twitter| default: site.data.settings.social.twitter -%}
+{%- assign webmaster = site.settings.webmaster| default: site.data.settings.webmaster -%}
+
+{%- assign title = page.title | default: site.title -%}
+{%- assign description = page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape -%}
+
+{%- assign theme = site.settings.theme | site.data.settings.theme -%}
+
+<!-- Page information -->
+<title>{{ site.title }} | {{ page.title | default: site.tagline }}</title>
+<meta property="og:title" content="{{ title }}" />
+<meta property="twitter:title" content="{{ title }}" />
+
+<meta property="og:site_name" content="{{ site.title }}">
+<meta name="apple-mobile-web-app-title" content="{{ site.title }}">
+<meta name="application-name" content="{{ site.title }}">
+
+<meta name="description" content="{{ description }}">
+<meta property="og:description" content="{{ description }}" />
+
+<meta property="og:locale" content="{{ page.locale | default: site.locale }}" />
+
+<link type="text/plain" rel="author" href="{{ "/humans.txt" | absolute_url }}"/>
+
+<meta name="author" content="{{ site.authors.default.name }}">
+{% if twitter.username %}
+<meta name="twitter:site" content="@{{ twitter.username | remove:'@' }}" />
+{% if page.author.twitter %}
+<meta name="twitter:creator" content="@{{ page.author.twitter | remove:'@' }}" />
+{% endif %}
+{% endif %}
+
+<link rel="canonical" href="{{ page.url | absolute_url }}">
+<meta property="og:url" content="{{ page.url | absolute_url }}" />
+
+{%- if webmaster %}
+<!-- Search Engine & Analytics -->
+{%- if webmaster.verification.google %}
+<meta name="google-site-verification" content="{{ webmaster.verification.google }}" />
+{%- endif %}
+{%- if webmaster.verification.bing %}
+<meta name="msvalidate.01" content="{{ webmaster.verification.bing }}" />
+{%- endif %}
+{%- if webmaster.verification.alexa %}
+<meta name="alexaVerifyID" content="{{ webmaster.verification.alexa }}" />
+{%- endif %}
+{%- if webmaster.verification.yandex %}
+<meta name="yandex-verification" content="{{ webmaster.verification.yandex }}" />
+{%- endif %}
+{%- if webmaster.verification.baidu %}
+<meta name="baidu-site-verification" content="{{ webmaster.verification.baidu }}" />
+{%- endif %}
+{%- if webmaster.verification.facebook %}
+<meta name="facebook-domain-verification" content="{{ webmaster.verification.facebook }}" />
+{%- endif %}
+{%- endif %}
+
+<!-- Browser Config -->
+<link rel="manifest" href="{{ "/site.webmanifest" | absolute_url }}">
+<meta name="msapplication-config" content="{{ "/browserconfig.xml" | absolute_url }}" />
+
+{% assign iconPath = "/assets/icons/" %}
+<link rel="icon" type="image/svg+xml" href="{{ "favicon.svg" | prepend: iconPath | absolute_url }}">
+<link rel="icon" type="image/png" href="{{ "favicon.png" | prepend: iconPath | absolute_url  }}">
+<link rel="icon" type="image/png" sizes="32x32" href="{{ "favicon-32x32.png" | prepend: iconPath | absolute_url  }}">
+<link rel="icon" type="image/png" sizes="16x16" href="{{ "favicon-16x16.png" | prepend: iconPath | absolute_url  }}">
+<link rel="shortcut icon" href="{{ "favicon.ico" | prepend: iconPath | absolute_url }}">
+<link type="image/png" rel="apple-touch-icon" href="{{ "apple-touch-icon-180x180.png" | prepend: iconPath | absolute_url }}" sizes="180x180">
+<link rel="mask-icon" type="image/svg+xml" href="{{ "safari-pinned-tab.svg" | prepend: iconPath | absolute_url  }}" color="{{ theme.color.primary }}">
+
+{%- if theme.color.primary -%}
+<meta name="msapplication-TileColor" content="{{ theme.color.primary }}">
+<meta name="theme-color" content="{{ theme.color.primary }}">
+{%- endif -%}
+
+<!-- Open Graph -->
+{%- if page.layout == "home" -%}
+<meta property="og:type" content="website" />
+{%- else -%}
+<meta property="og:type" content="article" />
+{%- if page.date -%}
+<meta property="article:published_time" content="{{ page.date | date_to_xmlschema }}" />
+<meta property="article:modified_time" content="{{ "now" | date_to_xmlschema }}" />
+{%- endif -%}
+{%- if facebook.link -%}
+<meta property="article:publisher" content="{{ facebook.link }}" />
+{%- endif %}
+{%- if page.author -%}
+<meta property="article:author" content="{{ author.page }}" />
+{%- endif -%}
+{%- endif -%}
+
+{% assign image = page.image %}
+{% if image %}
+    <meta property="og:image" content="{{ page.image | absolute_url }}" />
+    <meta property="twitter:image" content="{{ page.image | absolute_url }}" />
+    <meta name="twitter:card" content="{{ page.twitter.card | default: twitter.card | default: "summary_large_image" }}" />
+    {% if image.height %}
+    <meta property="og:image:height" content="{{ image.height }}" />
+    {% endif %}
+    {% if image.width %}
+    <meta property="og:image:width" content="{{ image.width }}" />
+    {% endif %}
+    {% if image.alt %}
+    <meta property="og:image:alt" content="{{ image.alt }}" />
+    <meta name="twitter:image:alt" content="{{ image.alt }}" />
+    {% endif %}
+{% else %}
+    <meta name="twitter:card" content="summary" />
+{% endif %}
+
+
+{% comment %} 
+    See https://json-ld.org/ 
+    T be updated with https://schema.org/Article
+{% endcomment %}
+
+<script type="application/ld+json">
+    {
+      "@context": "https://schema.org",
+      "@type": "Organization",
+      "url": "{{ site.url }}",
+      "logo": "{{ site.logo }}"
+    }
+</script>
+
+{% comment %} 
+<script type="application/ld+json">
+{
+    "name":        "{{ site.title }}",
+    "description": "{{ description }}",
+    "url":         "{{ page.url | absolute_url }}",
+    "headline":    "{{ page.title }}",
+    "@type":       "WebSite",
+    "@context":    "https://schema.org",
+    "author": {
+        "@type":"Person",
+        "name": "{{ author }}"
+    }
+}
+</script>
+{% endcomment %} 
+
+{% if page.apple %}
+<!-- Apps Store -->
+<meta name="apple-itunes-app" content="app-id=APP_ID,app-argument=SOME_TEXT">
+{% endif %}

data/_includes/social.liquid

@@ -0,0 +1,14 @@
+{% if social -%}
+  <ul class="social {{ include.class }}">
+    {%- for item in social -%}
+      {%- assign key = item | first -%}
+      {% if social[key].link %}
+        <li>
+          <a href="{{ social[key].link }}" title="Follow us on {{ social[key].title | default: key | capitalize }}">
+            <i class="bi bi-{{ key | downcase }}"></i>
+          </a>
+        </li>
+      {% endif %}
+    {%- endfor -%}
+  </ul>
+{%- endif %}

data/_includes/structure.liquid

@@ -0,0 +1,63 @@
+{% assign pages = site.pages | where_exp: 'page', 'page.title != nil' | where_exp: 'page', 'page.url != "/404.html" and page.url != "/"' | sort: 'path'
+%}
+<div>
+  <ul>
+    {% for page in pages %}
+      {% assign level = page.url | split: '/' | size | minus: 1 %}
+      {% if level == 1 %}
+        {% assign subpages = pages | where_exp: 'subpage', 'subpage.url contains page.url and subpage.url != page.url' %}
+        {% assign size = subpages.size %}
+        <li
+          {% if size > 0 %}
+          class="dropdown"
+          {% endif %}>
+          <a
+            href="{{ page.url }}"
+            {% if size > 0 %}
+            class="dropdown-toggle"
+            role="button"
+            data-bs-toggle="dropdown"
+            data-bs-auto-close="outside"
+            {% endif %}>{{ page.title }}</a>
+          {% if size > 0 %}
+            <ul class="dropdown-menu">
+              {% for subpage in subpages %}
+                {% assign level = subpage.url | split: '/' | size | minus: 1 %}
+                {% if level == 2 %}
+                  {% assign lastpages = pages | where_exp: 'lastpage', 'lastpage.url contains subpage.url and lastpage.url != subpage.url' %}
+                  {% assign size = lastpages.size %}
+                  <li
+                    {% if size > 0 %}
+                    class="dropdown dropend"
+                    {% endif %}>
+                    <a
+                      href="{{ subpage.url }}"
+                      {% if size == 0 %}
+                      class="dropdown-item"
+                      {% else %}
+                      class="dropdown-toggle"
+                      role="button"
+                      data-bs-toggle="dropdown"
+                      {% endif %}>{{ subpage.title }}</a>
+                    {% if size > 0 %}
+                      <ul class="dropdown-menu">
+                        {% for lastpage in lastpages %}
+                          {% assign level = lastpage.url | split: '/' | size | minus: 1 %}
+                          {% if level == 3 %}
+                            <li>
+                              <a href="{{ lastpage.url }}" class="dropdown-item">{{ lastpage.title }}</a>
+                            </li>
+                          {% endif %}
+                        {% endfor %}
+                      </ul>
+                    {% endif %}
+                  </li>
+                {% endif %}
+              {% endfor %}
+            </ul>
+          {% endif %}
+        </li>
+      {% endif %}
+    {% endfor %}
+  </ul>
+</div>

data/_includes/todo/hierachy.liquid

@@ -0,0 +1,22 @@
+{% comment %}
+    Display the menu from the configuration file (site or data) if it exists
+    Overwise, display the default menu based on the page hierarchy
+{% endcomment %}
+{%- if site.data.menu -%}
+    {% comment %}
+        Ignore
+    {% endcomment %}
+{%- else -%}
+    {%- assign paths = site.pages |  map: "path" | sort -%}
+    {%- for path in paths %}
+        {%- assign item = site.pages | where: "path", path | first -%}
+        {%- if item.title and item.layout == "page" -%}
+            {%- assign levels = item.url | split: '/' -%}
+            {{ path }} - {{levels.size}}
+            {%- for level in levels -%}
+
+            {%- endfor -%}
+
+        {%- endif -%}
+    {%- endfor -%}
+{%- endif -%}

data/_layouts/default.html

@@ -1,6 +1,24 @@
+{%- comment -%} 
+    Default layout for all pages in the website.
+    - Based on the lastest bootstrap
+    - Includes the following partials:
+    In HTML head
+        - seo.liquid - Manage all SEO tags
+        - analytics.liquid - Manage all analytics tags
+    In HTML body
+        - header.liquid - Manage the NavBarMenu
+        - hero.liquid - Manage the hero section with carousel and call to action
+        - breadcrumb.liquid - Manage the breadcrumb navigation
+        - footer.liquid - Manage the footer links
+        - scripts.liquid - Manage all scripts
+{%- endcomment -%}
+
 {%- assign language = page.language | default: site.language | default: "en" -%}
+{%- assign stylesheet = "/assets/styles/main.css" | absolute_url -%}
+
 <!doctype html>
 <html 
+    xmlns="http://www.w3.org/1999/xhtml"
     lang="{{ language }}" 
     data-bs-theme="auto">
     <head>
@@ -8,25 +26,41 @@
         <meta 
             name="viewport"
             content="width=device-width, initial-scale=1">
+        
+        <title>{{ site.title }} | {{ page.title | default: site.tagline }}</title>
 
-        <!-- Style -->
-        <link rel="stylesheet" type="text/css" href="{{ "/assets/styles/main.css" | absolute_url }}">
+        {% if jekyll.environment == 'production' %}
+        <!-- SEO -->
+        {%- include seo.liquid -%}
+        {% endif %}
 
+        <!-- Style -->
+        <link rel="stylesheet" type="text/css" href="{{ stylesheet }}">
+        
+        {% if jekyll.environment == 'production' %}
+        <!-- Analytics -->
+        {%- include analytics.liquid -%}
+        {% endif %}
+        
     </head>
     <body>
         <a href="#main" class="visually-hidden">Skip to main content</a>
-        <!-- Header -->
+
         {%- include header.liquid -%}
+
+        <!-- Hero -->
+        {%- include hero.liquid -%}
+
         <!-- Content -->
-        <main class="container">
-            <!-- Page Title -->
-            <H1 class="pt-5">{{ page.title }}</H1>
-            <!-- Breadcrumbs -->
-            {% include breadcrumb.liquid %}
-            {{ content }}
+        {%- unless page.content == "" or page.content == nil -%}
+        <main>
+        {{ content }}
         </main>
+        {%- endunless -%}
+
         <!-- Footer -->
         {%- include footer.liquid -%}
+        
         <!-- Scripts -->
         {%- include scripts.liquid -%}
     </body>

data/_layouts/home.html

@@ -3,4 +3,8 @@ layout: default
 splash: true
 ---
 
-{{ content }}
+{%- unless page.content == "" or page.content == nil -%}
+<section id="page">
+    {{ content }}
+</section>
+{%- endunless -%}

data/_layouts/page.html

@@ -1,10 +1,18 @@
 ---
 layout: default
 ---
-<section class="py-3">
-    <header></header>
-    <main id="main-content">
-        <article>{{ content }}</article>
-    </main>
-    <footer></footer>
-</section>
+<div id="page">
+    <article id="main-content">
+        {%- if page.hero == false -%}
+        <header>
+            {%- if page.title -%}
+            <!-- Page Title -->
+            <h1 class="pt-2">{{ page.title }}</h1>
+            {%- endif -%}
+            <!-- Breadcrumbs -->
+            {%- include breadcrumb.liquid -%}
+        </header>
+        {%- endif -%}
+        {{ content }}
+    </article>
+</div>

data/_layouts/post.html

@@ -2,8 +2,8 @@
 layout: default
 ---
 {% assign item = page %}
-<div id="post" class="row">
-    <section class="col-lg-9 mb-2 mb-sm-0 pb-sm-5">
+<section id="post" class="row">
+    <div class="col-lg-9 mb-2 mb-sm-0 pb-sm-5">
         <header>
             <div class="border-bottom py-3 mb-3 row">
                 <div class="col-12 col-sm-6">
@@ -15,14 +15,14 @@ layout: default
 
             </div>
         </header>
-        <main>
-            <article data-bs-spy="scroll" data-bs-target="#tocSpyScroll" data-bs-smooth-scroll="true" class="scrollspy-example-2" tabindex="0">{{ content }}</article>
-        </main>
+        <article data-bs-spy="scroll" data-bs-target="#tocSpyScroll" data-bs-smooth-scroll="true" class="scrollspy-example-2" tabindex="0">
+            {{ content }}
+        </article>
         <footer>
             {%- include post-share.liquid -%}
             {%- include post-author.liquid -%}
         </footer>
-    </section>
+    </div>
     <aside class="col-lg-3">
         <section class="sticky-top pt-3">
             {%- include post-categories.liquid -%}
@@ -30,4 +30,4 @@ layout: default
             {%- include post-toc.liquid title="Content" html=content id="tocScrollSpy" class="nav nav-pills flex-column" item_class="nav-item" anchor_class="nav-link" submenu_class="nav flex-column"  -%}
         </section>
     </aside>
-</div>
+</section>

data/_sass/variables.scss

@@ -15,9 +15,10 @@ $primary: #6f42c1;
 $secondary: #ffc107;
 
 //
-// Icons
+// Bootstrap components
 //
-$fa-font-path: "../fonts";
+$breadcrumb-divider: quote(">");
+
 
 //
 // Fonts

data/_sass/website.scss

@@ -7,25 +7,183 @@
  */
 
 /*
-    Apply to Theme
+ *
+ *  Default Website structure
+ *  header - Manage the Navigation
+ *  hero - Manage the hero section with carousel and call to action
+ *  breadcrumb - Manage the breadcrumb navigation
+ *  footer - Manage the footer links
+ *
 */
-#header {
+//
+// Header
+//
+#header 
+{
     @extend .border-bottom;
     @extend .text-muted;
 }
-#header > div {
+#header > div 
+{
     @extend .container;
 }
+#header-top
+{
 
-#header-main {
+    @extend .flex-wrap;
+    @extend .d-none;
+    @extend .d-xl-flex;
+}
+#header-top-left
+{
+    @extend .nav;
+    @extend .me-auto;
+}
+#header-top-right
+{
+    @extend .nav;
+}
+#header-top-right > ul
+{
+    @extend .nav;
+    @extend .justify-content-end;
+}
+#header-top-right > ul > li
+{
+    @extend .nav-item;
+}
+#header-top-right > ul > li > a
+{
+    @extend .nav-link;
+}
+#header-main 
+{
     @extend .navbar;
     @extend .navbar-expand-lg;
 }
+#header-main > div 
+{
+    @extend .container-fluid;
+}
+#header-main > #logo > a
+{
+    @extend .navbar-brand;
+}
+//
+// NavBar
+//
+#navbarContent
+{
+    @extend .collapse;
+    @extend .navbar-collapse;
+    @extend .p-2;
+    @extend .pt-5;    
+    @extend .p-lg-0;
+}
+#navbarContent > div > ul
+{
+    @extend .navbar-nav;
+    @extend .nav-pills;
+}
+#navbarContent > div > ul > li
+{
+    @extend .nav-item;
+}
+#navbarContent > div > ul a
+{
+    @extend .nav-link;
+}
+
 
+#header-bottom
+{
+    @extend .d-lg-none;
+}
+//
+// Hero
+//
+#hero 
+{
+    @extend .position-relative;
+    @extend .bg-primary;
+    overflow: hidden;
+    z-index: 0;
+    height: 640px;
+}
+#hero .background 
+{
+    z-index: 1;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    opacity:0.8;
+}
+#hero-content
+{
+    @extend .container;
+    @extend .position-absolute;
+    @extend .top-50;
+    @extend .start-50;
+    @extend .translate-middle;
 
+    z-index: 2;
+    background:rgba(255, 255, 255, 0.8);
+    padding:5rem;
+    border:1px solid rgba(255, 255, 255, 0.1);
+    border-radius:5px;
+}
+#hero-content > div 
+{
+    @extend .row;
+    @extend .align-items-center;
+}
+//
+// Breadcrumb
+//
+#breadcrumb > ol
+{
+    @extend .breadcrumb;
+}
+#breadcrumb > ol > li
+{
+    @extend .breadcrumb-item;
+}
+#breadcrumb a
+{
+    @extend .link-body-emphasis;
+    @extend .fw-semibold;
+    @extend .text-decoration-none;
+}
+//
+// Social
+// 
+.social
+{
+    @extend .nav;
+}
+.social > li
+{
+    @extend .nav-item;
+}
+.social > li > a
+{
+    @extend .nav-link;
+    @extend .link-dark;
+    @extend .link-opacity-50;
+    @extend .link-opacity-100-hover;
+}
+//
+// Main
+//
+#page, #post
+{
+    @extend .container;
+    @extend .pt-3;
+}
 /*
     Post
     - header
     - main
     - footer
-*/
+*/

data/assets/resources/site/debug.json

@@ -0,0 +1,5 @@
+---
+layout: null
+permalink: "/debug.json"
+---
+{{ site.pages | jsonify }}

data/assets/resources/site/humans.txt

@@ -4,28 +4,28 @@ permalink: "/humans.txt"
 ---
 {%- assign company = authors.default.name | default: site.title | escape  -%}
 {%- assign social = site.settings.social -%}
-
 {% if company %}
-    Site: {{ company }}
-    {{ site.description }}
-    {% if social %}
-    ***
-    Social Information
-        {%- for item in social -%}
-        {%- assign key = item | first -%}
-            {%- if social[key].link -%}
-            {{ social[key].title | default: key | capitalize }}:       {{ social[key].link }}{{ social[key].username }}
-            {% endif %}
-        {%- endfor -%}
-    {% endif %}
+Site: {{ company }}
+{{ site.description }}
+{% if social %}
+***
+Social Information
+    {%- for item in social -%}
+    {%- assign key = item | first -%}
+        {%- if social[key].link -%}
+        {{ social[key].title | default: key | capitalize }}:       {{ social[key].link }}{{ social[key].username }}
+        {% endif %}
+    {%- endfor -%}
+{% endif %}
 {% else %}
 This site is not fully setup
 {% endif %}
 ***
 Technical information
+***
 Website:        {{ site.url }}
 Last update:    {{ site.time }}
 Standards:      HTML5, CSS3, Javascript
-Components:     Bootstrap 3.5.0, Jekyll
+Components:     Bootstrap 3.5.2, Jekyll
 Software:       GitHub / Visual Studio Code
 Hosting:        GitHub Pages

data/assets/resources/site/{sitemap.md → sitemap.markdown}

@@ -21,9 +21,8 @@ permalink: "/sitemap.html"
 <!-- Collections -->
 {% assign collections = site.collections | where_exp:'collection','collection.output != false' %}
 {%- if collections -%}
-## Collections
 {% for collection in collections %}
-<h3>{{ collection.label | capitalize }}</h3>
+<h2>{{ collection.label | capitalize }}</h2>
   {% assign docs = collection.docs | where_exp:'doc','doc.sitemap != false' %}
   <ul>
   {% for doc in docs %}

data/assets/styles/main.scss

@@ -14,6 +14,11 @@
 // Bootstrap 5.3.0
 //
 @import "bootstrap/5.3.2/bootstrap";
+//
+// Bootstrap Icons 1.11.3
+//
+@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
+
 
 //
 // Jekyll Theme