jekyll-theme-lydde 0.1.2 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 7a55e172d5a897d5688fa8f3bb94a935b0c03b8bde9dbde31c75457513343c87
4
- data.tar.gz: 5099f6a9e8ff744d35167bf95d769f5cf33d3994e7d683eea3417175f06a1aa1
3
+ metadata.gz: cef25622b982e877b243d38ded0f82f4cd0cd54642f11a1a890099fdd638971f
4
+ data.tar.gz: d30a3d7ac60a70c9e8969759976a94d5fef3e3e73997891b0452fc9b48514815
5
5
  SHA512:
6
- metadata.gz: 6c72ab91bbbf9b206f81654b9c92d2d73a551d7a99bc461dffbc2c2da5a668192d6639e354fad677a144c75d300a776d71f54dc01bb234f45a322ca89a859ea8
7
- data.tar.gz: 59bba63820abe7cf3f5b24544bc41f606c3fa682b55d4928d61ea270fa248f047bd881ad627cef91952543eab76d4f7f4f34728278b389c11e92d0628cb6c5ee
6
+ metadata.gz: 353f18201bba21d8af11b444655b2bb8ff98f175d580c617512037a323e2380a1fd6ef29699e533b3d55539bae2bc1e93ffe49bed68639d35cfd74a36d26087c
7
+ data.tar.gz: 6db664a0436f0ac0fa4f38cbd58ef3773ffa6c5870271f1c33090f3d8884c7efa0ba96e09ed0414261d675c1e9bd77d4c63149e5e4dbda83625eb9d014b475dd
data/_config.yml CHANGED
@@ -1,5 +1,116 @@
1
+ # Welcome to YAKA Games Jekyll Theme !
2
+ # Version : 1.0.0
3
+ #
4
+ # This is a bootstrap 5.3 theme for Jekyll engine
5
+ # This config file is meant for settings that affect your whole site
6
+ # Others settings are in /_settings/
7
+ #
8
+ # For technical reasons, this file is *NOT* reloaded automatically when you use
9
+ # 'bundle exec jekyll serve'. If you change this file, please restart the server process.
10
+ #
11
+ # ---
12
+ #
13
+ # Theme
14
+ #
15
+ # theme: jekyll-theme-lydde
16
+ #
17
+ # Site
18
+ #
19
+ # These are used to personalize your new site. If you look in the HTML files,
20
+ # you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
21
+ #
22
+ title: Symphony
23
+ description: "This is a bootstrap 5 theme for Jekyll engine"
24
+ #
25
+ # Brand
26
+ #
27
+ logo: "/assets/logo.png"
28
+ favicon: "assets/icons/favicon.ico"
29
+ tagline: A bootstrap 5 theme for Jekyll
30
+ #
31
+ # Localization
32
+ #
33
+ timezone: Europe/Paris
34
+ language: en
35
+ locale: en_US
36
+ #
37
+ # Hosting
38
+ #
39
+ url: "" # the base hostname & protocol for your site, e.g. http://example.com
40
+ baseurl: "" # the subpath of your site, e.g. /blog
41
+ permalink: /news/:categories/:year/:month/:day/:title # the subpath of your posts, e.g. /news
42
+ #
43
+ # Defaults values
44
+ #
45
+ defaults:
46
+ # all posts
47
+ - scope:
48
+ path: ""
49
+ type: posts
50
+ values:
51
+ layout: post
52
+ image: /assets/images/post.jpeg
53
+ author: author-1
54
+ # all pages
55
+ - scope:
56
+ path: ""
57
+ type: pages
58
+ values:
59
+ layout: page
60
+ image: /assets/images/page.jpeg
61
+ #
62
+ # Theme Settings
63
+ #
1
64
  settings:
2
- - analytics: XXXXX
3
- - demo: xxxx
65
+ # Google Analytics
66
+ analytics: XXXXX
67
+ # Social Networks Information
68
+ social:
69
+ twitter:
70
+ name: Twitter
71
+ username: yakagamestudio
72
+ link: https://twitter.com/yakagamestudio
73
+ image: image-twitter.png
74
+ card: summary
75
+ facebook:
76
+ name: Facebook
77
+ username: yakagamestudio
78
+ link: https://facebook.com/yakagamestudio
79
+ instagram:
80
+ name: Instagram
81
+ username: yakagamestudio
82
+ link: https://instagram.com/yakagamestudio
83
+ linkedin:
84
+ name: LinkedIn
85
+ link: https://www.linkedin.com/showcase/yakagamestudio
86
+ pinterest:
87
+ username: YAKAGameStudio
88
+ link: https://www.pinterest.fr/
89
+ twitch:
90
+ username: yakagamestudio
91
+ link: https://www.twitch.tv/
92
+ youtube:
93
+ link: https://www.youtube.com/channel/UCqhzZEPsQ18xUt0vc1pekCw
4
94
 
5
- analytics: XXXXX
95
+
96
+
97
+ #
98
+ # Plugin
99
+ #
100
+ relative_links:
101
+ collections: true
102
+ #
103
+ # Files excluded
104
+ #
105
+ exclude:
106
+ - readme.md
107
+ - .sass-cache/
108
+ - .jekyll-cache/
109
+ - gemfiles/
110
+ - Gemfile
111
+ - Gemfile.lock
112
+ - node_modules/
113
+ - vendor/bundle/
114
+ - vendor/cache/
115
+ - vendor/gems/
116
+ - vendor/ruby/
@@ -1,39 +1,42 @@
1
1
  {%- comment -%}
2
- The breadcrumb component is used to show the current page's location in the site hierarchy.
3
- It is based on Bootstrap's breadcrumb component.
4
- Each crumb expose the page title (if exist)
2
+ The breadcrumb component is used to show the current page's location in the site hierarchy.
3
+ It is based on Bootstrap's breadcrumb component.
4
+ Each crumb expose the page title (if exist)
5
5
  {%- endcomment -%}
6
- <nav
7
- id="breadcrumb"
8
- aria-label="breadcrumb">
6
+ <nav id="breadcrumb" aria-label="breadcrumb">
9
7
  <ol>
10
8
  <li>
11
- <a href="/">Home</a>
12
- </li>
13
- {%- comment -%}
14
- Hierarchy-Based Breadcrumbs (a.k.a., Location-Based Breadcrumbs)
15
- The most common type of breadcrumbs that tell users where they are in the site structure and how to get back to the homepage.
16
- For example: Home > Resources > Page
17
- {%- endcomment -%}
9
+ <a href="/">
10
+ <i class="bi bi-house-door-fill"></i>
11
+ <span class="visually-hidden">Home</span>
12
+ </a>
13
+ </li>
14
+ {%- comment -%}
15
+ Hierarchy-Based Breadcrumbs (a.k.a., Location-Based Breadcrumbs)
16
+ The most common type of breadcrumbs that tell users where they are in the site structure and how to get back to the homepage.
17
+ For example: Home > Resources > Page
18
+ {%- endcomment -%}
18
19
  {%- assign crumbs = page.url | remove: '/index.html' | split: '/' -%}
19
20
  {%- for crumb in crumbs offset: 1 -%}
20
- {%- unless forloop.last -%}
21
+ {%- if forloop.last -%}
22
+ <li class="active" aria-current="page">{{ page.title }}</li>
23
+ {%- else -%}
21
24
  <li>
22
25
  {%- capture crumb_path -%}
23
26
  {%- assign crumb_limit = forloop.index | plus: 1 -%}
24
27
  {%- for crumb in crumbs limit: crumb_limit -%}{{ crumb | append: '/' }}{%- endfor -%}
25
28
  {%- endcapture -%}
26
29
  <a href="{{ crumb_path }}">
27
- {%- assign aim = site.pages | where:"url", crumb_path | first -%}
28
- {{ aim.title }}
30
+ {%- assign aim = site.pages | where: "url", crumb_path | first -%}
31
+ {{ aim.title }}
29
32
  </a>
30
33
  </li>
31
- {%- endunless -%}
34
+ {%- endif -%}
32
35
  {%- endfor -%}
33
- {% comment %}
34
- Attribute-Based Breadcrumbs
35
- This is commonly used on ecommerce sites to show what attributes the user has clicked.
36
- For example: Home > Shoes > Hiking > Womens
37
- {% endcomment %}
36
+ {% comment %}
37
+ Attribute-Based Breadcrumbs
38
+ This is commonly used on ecommerce sites to show what attributes the user has clicked.
39
+ For example: Home > Shoes > Hiking > Womens
40
+ {% endcomment %}
38
41
  </ol>
39
42
  </nav>
@@ -8,7 +8,7 @@
8
8
  <!-- Footer Top -->
9
9
  <div id="footer-top"></div>
10
10
 
11
- <!-- Footer Main-->
11
+ <!-- Footer Main -->
12
12
  {% if social or menus %}
13
13
  <div id="footer-main" class="row pt-3 border-bottom">
14
14
  {% if social %}
@@ -17,7 +17,7 @@
17
17
  <h2 class="h5">Let's Connect</h2>
18
18
  <p>Follow us on your favorite platform</p>
19
19
  <div>
20
- {% include social.liquid class = "nav pb-3" %}
20
+ {% include social.liquid class = "pb-3" %}
21
21
  </div>
22
22
  </div>
23
23
  {% endif %}
@@ -54,7 +54,7 @@
54
54
  </div>
55
55
  <div id="disclaimer" class="col-sm-6 text-center text-lg-end">
56
56
  <a href="https://lydde.com">
57
- <img src="{{ '/assets/lydde.png' | absolute_url }}"alt="{%- if company -%}{{ company }} is {%- endif -%}a subsidiary of LYDDE Group">
57
+ <img src="{{ '/assets/lydde.png' | absolute_url }}" alt="{%- if company -%}{{ company }} is {%- endif -%}a subsidiary of LYDDE Group">
58
58
  </a>
59
59
  </div>
60
60
  </div>
@@ -1,9 +1,9 @@
1
1
  {%- comment -%}
2
- The header is based on Bootstrap 5 Navbar component
3
- The structure is composed of 3 parts:
4
- - Header Top: Social Network
5
- - Header Main: Site Menu
6
- - Header Bottom: links
2
+ The header is based on Bootstrap 5 Navbar component
3
+ The structure is composed of 3 parts:
4
+ - Header Top: Social Network
5
+ - Header Main: Site Menu
6
+ - Header Bottom: links
7
7
  {%- endcomment -%}
8
8
  {%- assign company = authors.default.name | site.title | default: 'Theme' | escape -%}
9
9
  {%- assign menus = site.settings.menus.header | default: site.data.settings.menus.header -%}
@@ -17,137 +17,92 @@
17
17
  {%- endif -%}
18
18
  {%- endfor -%}
19
19
 
20
- {%- if page.header != false -%}
21
- <header id="header">
22
- <div class="container">
23
-
24
- <!-- Header Top: Social Network -->
25
- {%- if social -%}
26
- <div id="header-top">
27
- <div class="d-lg-none spacer">&nbsp;</div>
28
- <div class="d-none d-lg-block">
29
- <!-- Social Network -->
30
- {% include social.liquid class = "nav justify-content-end" %}
20
+ {%- if page.header != false %}
21
+ <!-- Header -->
22
+ <header id="header">
23
+ <div>
24
+ {%- if social %}
25
+ <!-- Header Top: Social Network -->
26
+ <div id="header-top">
27
+ <div id="header-top-left">&nbsp;</div>
28
+ <div id="header-top-right">
29
+ {% include social.liquid %}
30
+ </div>
31
31
  </div>
32
- </div>
33
- {%- endif -%}
32
+ {%- endif %}
34
33
 
35
- <!-- Header Main: Site Menu -->
36
- <nav id="header-main" class="navbar navbar-expand-lg">
37
- <div class="container-fluid">
34
+ <!-- Header Main: Site Menu -->
35
+ <nav id="header-main">
36
+ <div>
38
37
  <!-- Logo -->
39
38
  <div id="logo">
40
39
  <a
41
40
  id="brand"
42
- class="navbar-brand"
43
41
  href="{{ '/' | absolute_url }}"
44
42
  title="{{ company }}"
45
43
  rel="author">
46
- {%- if logoExist -%}
47
- <img src="{{ logo | absolute_url }}" alt="{{ company }}" />
48
- {%- else -%}
44
+ {%- if logoExist -%}
45
+ <img src="{{ logo | absolute_url }}" alt="{{ company }}">
46
+ {%- else -%}
49
47
  {{ company }}
50
- {%- endif -%}
48
+ {%- endif -%}
51
49
  </a>
52
50
  </div>
53
51
 
54
- <!-- Responsive Toggle Button -->
55
- <button
56
- class="navbar-toggler"
57
- type="button"
58
- data-bs-toggle="collapse"
59
- data-bs-target="#navbarContent"
60
- aria-controls="navbarContent"
61
- aria-expanded="false"
62
- aria-label="Toggle navigation menu">
63
- <span class="navbar-toggler-icon"></span>
64
- </button>
65
-
66
- <!-- Navigation -->
67
- <div id="navbarContent" class="collapse navbar-collapse p-2 pt-5 p-lg-0">
68
- {% comment %}
69
- Display the menu from the configuration file (site or data) if it exists
70
- Overwise, display the default menu based on the page hierarchy
71
- {% endcomment %}
72
- {%- if menus -%}
73
- {% for menu in menus %}
74
- <!-- Site -->
75
- <div id="{{ menu.title | slugify }}" {% if menu.position == 'left' %}class="me-auto"{% endif %}>
76
- <ul class="navbar-nav nav-pills">
77
- {% for item in menu.links %}
78
- <li class="nav-item">
79
- <a class="nav-link px-3{%- if page.url == item.link -%} active{%- endif -%}" {%- if page.url == item.link -%}aria-current="page"{%- endif -%}href="{{ item.link | absolute_url }}"title="{{ item.title }}">
80
- {%- if item.icon -%}
81
- <i class="{{ item.icon }}"></i>
82
- {%- endif -%}
83
- {{ item.title | escape }}
84
- </a>
85
- </li>
86
- {% endfor %}
87
- </ul>
88
- </div>
89
- <hr/>
90
- {% endfor %}
91
- {%- else -%}
92
- <!-- Default Navigation -->
93
- <ul class="navbar-nav justify-content-lg-center">
94
- {% comment %}
95
- Extract all pages and sort them by path
96
- {% endcomment %}
97
- {%- assign paths = site.pages | map: "path" | sort -%}
98
- {%- for path in paths -%}
99
- {%- assign item = site.pages | where: "path", path | first -%}
100
- {%- if item.title and item.path contains "resources/pages" -%}
101
- {%- assign resources = true -%}
102
- {%- break -%}
103
- {%- endif -%}
104
- {%- endfor -%}
52
+ <!-- Responsive Toggle Button -->
53
+ <button
54
+ class="navbar-toggler"
55
+ type="button"
56
+ data-bs-toggle="collapse"
57
+ data-bs-target="#navbarContent"
58
+ aria-controls="navbarContent"
59
+ aria-expanded="false"
60
+ aria-label="Toggle navigation menu">
61
+ <span class="navbar-toggler-icon"></span>
62
+ </button>
105
63
 
106
- {%- for path in paths -%}
107
- {%- assign item = site.pages | where: "path", path | first -%}
108
- {%- if resources == true -%}
109
- {%- if item.title and item.path contains "resources/pages" -%}
110
- <li>
111
- <a
112
- class="nav-link"
113
- href="{{ item.url | absolute_url }}"
114
- title="{{ item.title }}">{{ item.title }}</a>
115
- </li>
116
- {%- endif -%}
117
- {%- else -%}
118
- {% comment %}
119
- Create a hiearchy of pages but exclude resources
120
- {% endcomment %}
121
-
122
- {%- unless item.path contains "resources" -%}
123
- {%- if item.title and item.layout == "page" -%}
124
- <li>
64
+ <!-- Navigation -->
65
+ <div id="navbarContent">
66
+ {% comment %}
67
+ Display the menu from the configuration file (site or data) if it exists
68
+ Overwise, display the default menu based on the file structure
69
+ {% endcomment %}
70
+ {%- if menus -%}
71
+ {% for menu in menus %}
72
+ <div
73
+ id="{{ menu.title | slugify }}"
74
+ {% if menu.position == 'left' %}
75
+ class="me-auto"
76
+ {% endif %}>
77
+ <ul>
78
+ {% for item in menu.links %}
79
+ <li class="nav-item">
125
80
  <a
126
- class="nav-link"
127
- href="{{ item.url | absolute_url }}"
128
- title="{{ item.title }}">{{ item.title }}</a>
81
+ class="nav-link px-3{%- if page.url == item.link -%} active{%- endif -%}"
82
+ {%- if page.url == item.link -%}
83
+ aria-current="page"
84
+ {%- endif -%}
85
+ href="{{ item.link | absolute_url }}"
86
+ title="{{ item.title }}">
87
+ {%- if item.icon -%}
88
+ <i class="{{ item.icon }}"></i>
89
+ {%- endif -%}
90
+ {{ item.title | escape }}
91
+ </a>
129
92
  </li>
130
-
131
- {%- endif -%}
132
- {%- endunless -%}
133
- {%- endif -%}
134
- {%- endfor -%}
135
- </ul>
136
- {%- endif -%}
137
- {%- if social -%}
138
- <hr/>
139
- <!-- Social Network -->
140
- <div class="d-lg-none border-top">
141
- <h4>Follow us</h4>
142
- {% include social.liquid class = "nav justify-content-center" %}
143
- </div>
144
- {%- endif -%}
93
+ {% endfor %}
94
+ </ul>
95
+ </div>
96
+ {% endfor %}
97
+ {%- else -%}
98
+ {% include structure.liquid %}
99
+ {%- endif -%}
100
+ </div>
145
101
  </div>
146
- </div>
147
- </nav>
102
+ </nav>
148
103
 
149
- <!-- Header Bottom -->
150
- <div id="header-bottom"></div>
151
- </div>
152
- </header>
104
+ <!-- Header Bottom -->
105
+ <div id="header-bottom"></div>
106
+ </div>
107
+ </header>
153
108
  {%- endif -%}
@@ -0,0 +1,14 @@
1
+ {% if social -%}
2
+ <ul class="social {{ include.class }}">
3
+ {%- for item in social -%}
4
+ {%- assign key = item | first -%}
5
+ {% if social[key].link %}
6
+ <li>
7
+ <a href="{{ social[key].link }}" title="Follow us on {{ social[key].title | default: key | capitalize }}">
8
+ <i class="bi bi-{{ key | downcase }}"></i>
9
+ </a>
10
+ </li>
11
+ {% endif %}
12
+ {%- endfor -%}
13
+ </ul>
14
+ {%- endif %}
@@ -0,0 +1,63 @@
1
+ {% assign pages = site.pages | where_exp: 'page', 'page.title != nil' | where_exp: 'page', 'page.url != "/404.html" and page.url != "/"' | sort: 'path'
2
+ %}
3
+ <div>
4
+ <ul>
5
+ {% for page in pages %}
6
+ {% assign level = page.url | split: '/' | size | minus: 1 %}
7
+ {% if level == 1 %}
8
+ {% assign subpages = pages | where_exp: 'subpage', 'subpage.url contains page.url and subpage.url != page.url' %}
9
+ {% assign size = subpages.size %}
10
+ <li
11
+ {% if size > 0 %}
12
+ class="dropdown"
13
+ {% endif %}>
14
+ <a
15
+ href="{{ page.url }}"
16
+ {% if size > 0 %}
17
+ class="dropdown-toggle"
18
+ role="button"
19
+ data-bs-toggle="dropdown"
20
+ data-bs-auto-close="outside"
21
+ {% endif %}>{{ page.title }}</a>
22
+ {% if size > 0 %}
23
+ <ul class="dropdown-menu">
24
+ {% for subpage in subpages %}
25
+ {% assign level = subpage.url | split: '/' | size | minus: 1 %}
26
+ {% if level == 2 %}
27
+ {% assign lastpages = pages | where_exp: 'lastpage', 'lastpage.url contains subpage.url and lastpage.url != subpage.url' %}
28
+ {% assign size = lastpages.size %}
29
+ <li
30
+ {% if size > 0 %}
31
+ class="dropdown dropend"
32
+ {% endif %}>
33
+ <a
34
+ href="{{ subpage.url }}"
35
+ {% if size == 0 %}
36
+ class="dropdown-item"
37
+ {% else %}
38
+ class="dropdown-toggle"
39
+ role="button"
40
+ data-bs-toggle="dropdown"
41
+ {% endif %}>{{ subpage.title }}</a>
42
+ {% if size > 0 %}
43
+ <ul class="dropdown-menu">
44
+ {% for lastpage in lastpages %}
45
+ {% assign level = lastpage.url | split: '/' | size | minus: 1 %}
46
+ {% if level == 3 %}
47
+ <li>
48
+ <a href="{{ lastpage.url }}" class="dropdown-item">{{ lastpage.title }}</a>
49
+ </li>
50
+ {% endif %}
51
+ {% endfor %}
52
+ </ul>
53
+ {% endif %}
54
+ </li>
55
+ {% endif %}
56
+ {% endfor %}
57
+ </ul>
58
+ {% endif %}
59
+ </li>
60
+ {% endif %}
61
+ {% endfor %}
62
+ </ul>
63
+ </div>
@@ -18,6 +18,7 @@
18
18
 
19
19
  <!doctype html>
20
20
  <html
21
+ xmlns="http://www.w3.org/1999/xhtml"
21
22
  lang="{{ language }}"
22
23
  data-bs-theme="auto">
23
24
  <head>
@@ -26,6 +27,8 @@
26
27
  name="viewport"
27
28
  content="width=device-width, initial-scale=1">
28
29
 
30
+ <title>{{ site.title }} | {{ page.title | default: site.tagline }}</title>
31
+
29
32
  {% if jekyll.environment == 'production' %}
30
33
  <!-- SEO -->
31
34
  {%- include seo.liquid -%}
@@ -43,7 +46,6 @@
43
46
  <body>
44
47
  <a href="#main" class="visually-hidden">Skip to main content</a>
45
48
 
46
- <!-- Header -->
47
49
  {%- include header.liquid -%}
48
50
 
49
51
  <!-- Hero -->
@@ -52,15 +54,7 @@
52
54
  <!-- Content -->
53
55
  {%- unless page.content == "" or page.content == nil -%}
54
56
  <main>
55
- {%- if page.hero == false -%}
56
- {%- if page.title -%}
57
- <!-- Page Title -->
58
- <h1 class="pt-2">{{ page.title }}</h1>
59
- {%- endif -%}
60
- <!-- Breadcrumbs -->
61
- {%- include breadcrumb.liquid -%}
62
- {%- endif -%}
63
- {{ content }}
57
+ {{ content }}
64
58
  </main>
65
59
  {%- endunless -%}
66
60
 
data/_layouts/home.html CHANGED
@@ -3,4 +3,8 @@ layout: default
3
3
  splash: true
4
4
  ---
5
5
 
6
- {{ content }}
6
+ {%- unless page.content == "" or page.content == nil -%}
7
+ <section id="page">
8
+ {{ content }}
9
+ </section>
10
+ {%- endunless -%}
data/_layouts/page.html CHANGED
@@ -1,10 +1,18 @@
1
1
  ---
2
2
  layout: default
3
3
  ---
4
- <section class="py-3">
5
- <header></header>
6
- <main id="main-content">
7
- <article>{{ content }}</article>
8
- </main>
9
- <footer></footer>
10
- </section>
4
+ <div id="page">
5
+ <article id="main-content">
6
+ {%- if page.hero == false -%}
7
+ <header>
8
+ {%- if page.title -%}
9
+ <!-- Page Title -->
10
+ <h1 class="pt-2">{{ page.title }}</h1>
11
+ {%- endif -%}
12
+ <!-- Breadcrumbs -->
13
+ {%- include breadcrumb.liquid -%}
14
+ </header>
15
+ {%- endif -%}
16
+ {{ content }}
17
+ </article>
18
+ </div>
data/_layouts/post.html CHANGED
@@ -2,8 +2,8 @@
2
2
  layout: default
3
3
  ---
4
4
  {% assign item = page %}
5
- <div id="post" class="row">
6
- <section class="col-lg-9 mb-2 mb-sm-0 pb-sm-5">
5
+ <section id="post" class="row">
6
+ <div class="col-lg-9 mb-2 mb-sm-0 pb-sm-5">
7
7
  <header>
8
8
  <div class="border-bottom py-3 mb-3 row">
9
9
  <div class="col-12 col-sm-6">
@@ -15,14 +15,14 @@ layout: default
15
15
 
16
16
  </div>
17
17
  </header>
18
- <main>
19
- <article data-bs-spy="scroll" data-bs-target="#tocSpyScroll" data-bs-smooth-scroll="true" class="scrollspy-example-2" tabindex="0">{{ content }}</article>
20
- </main>
18
+ <article data-bs-spy="scroll" data-bs-target="#tocSpyScroll" data-bs-smooth-scroll="true" class="scrollspy-example-2" tabindex="0">
19
+ {{ content }}
20
+ </article>
21
21
  <footer>
22
22
  {%- include post-share.liquid -%}
23
23
  {%- include post-author.liquid -%}
24
24
  </footer>
25
- </section>
25
+ </div>
26
26
  <aside class="col-lg-3">
27
27
  <section class="sticky-top pt-3">
28
28
  {%- include post-categories.liquid -%}
@@ -30,4 +30,4 @@ layout: default
30
30
  {%- 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" -%}
31
31
  </section>
32
32
  </aside>
33
- </div>
33
+ </section>
data/_sass/variables.scss CHANGED
@@ -15,9 +15,10 @@ $primary: #6f42c1;
15
15
  $secondary: #ffc107;
16
16
 
17
17
  //
18
- // Icons
18
+ // Bootstrap components
19
19
  //
20
- $fa-font-path: "../fonts";
20
+ $breadcrumb-divider: quote(">");
21
+
21
22
 
22
23
  //
23
24
  // Fonts
data/_sass/website.scss CHANGED
@@ -27,11 +27,78 @@
27
27
  {
28
28
  @extend .container;
29
29
  }
30
+ #header-top
31
+ {
32
+
33
+ @extend .flex-wrap;
34
+ @extend .d-none;
35
+ @extend .d-xl-flex;
36
+ }
37
+ #header-top-left
38
+ {
39
+ @extend .nav;
40
+ @extend .me-auto;
41
+ }
42
+ #header-top-right
43
+ {
44
+ @extend .nav;
45
+ }
46
+ #header-top-right > ul
47
+ {
48
+ @extend .nav;
49
+ @extend .justify-content-end;
50
+ }
51
+ #header-top-right > ul > li
52
+ {
53
+ @extend .nav-item;
54
+ }
55
+ #header-top-right > ul > li > a
56
+ {
57
+ @extend .nav-link;
58
+ }
30
59
  #header-main
31
60
  {
32
61
  @extend .navbar;
33
62
  @extend .navbar-expand-lg;
34
63
  }
64
+ #header-main > div
65
+ {
66
+ @extend .container-fluid;
67
+ }
68
+ #header-main > #logo > a
69
+ {
70
+ @extend .navbar-brand;
71
+ }
72
+ //
73
+ // NavBar
74
+ //
75
+ #navbarContent
76
+ {
77
+ @extend .collapse;
78
+ @extend .navbar-collapse;
79
+ @extend .p-2;
80
+ @extend .pt-5;
81
+ @extend .p-lg-0;
82
+ }
83
+ #navbarContent > div > ul
84
+ {
85
+ @extend .navbar-nav;
86
+ @extend .nav-pills;
87
+ }
88
+ #navbarContent > div > ul > li
89
+ {
90
+ @extend .nav-item;
91
+ }
92
+ #navbarContent > div > ul a
93
+ {
94
+ @extend .nav-link;
95
+ }
96
+
97
+
98
+ #header-bottom
99
+ {
100
+ @extend .d-lg-none;
101
+ }
35
102
  //
36
103
  // Hero
37
104
  //
@@ -82,10 +149,34 @@
82
149
  {
83
150
  @extend .breadcrumb-item;
84
151
  }
152
+ #breadcrumb a
153
+ {
154
+ @extend .link-body-emphasis;
155
+ @extend .fw-semibold;
156
+ @extend .text-decoration-none;
157
+ }
158
+ //
159
+ // Social
160
+ //
161
+ .social
162
+ {
163
+ @extend .nav;
164
+ }
165
+ .social > li
166
+ {
167
+ @extend .nav-item;
168
+ }
169
+ .social > li > a
170
+ {
171
+ @extend .nav-link;
172
+ @extend .link-dark;
173
+ @extend .link-opacity-50;
174
+ @extend .link-opacity-100-hover;
175
+ }
85
176
  //
86
177
  // Main
87
178
  //
88
- body > main
179
+ #page, #post
89
180
  {
90
181
  @extend .container;
91
182
  @extend .pt-3;
@@ -14,6 +14,11 @@
14
14
  // Bootstrap 5.3.0
15
15
  //
16
16
  @import "bootstrap/5.3.2/bootstrap";
17
+ //
18
+ // Bootstrap Icons 1.11.3
19
+ //
20
+ @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
21
+
17
22
 
18
23
  //
19
24
  // Jekyll Theme
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-lydde
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.2
4
+ version: 0.1.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - MrKoubyak
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2023-12-13 00:00:00.000000000 Z
11
+ date: 2024-01-04 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -40,7 +40,6 @@ files:
40
40
  - _includes/header.liquid
41
41
  - _includes/hero.liquid
42
42
  - _includes/info.liquid
43
- - _includes/menu.liquid
44
43
  - _includes/post-author.liquid
45
44
  - _includes/post-categories.liquid
46
45
  - _includes/post-share.liquid
@@ -48,6 +47,8 @@ files:
48
47
  - _includes/post-toc.liquid
49
48
  - _includes/scripts.liquid
50
49
  - _includes/seo.liquid
50
+ - _includes/social.liquid
51
+ - _includes/structure.liquid
51
52
  - _includes/todo/hierachy.liquid
52
53
  - _layouts/default.html
53
54
  - _layouts/home.html
@@ -1,26 +0,0 @@
1
- {% assign pages = site.pages | where_exp: 'doc', 'doc.url != "/404.html"' | where_exp: 'doc', 'doc.title' %}
2
- {% assign i = 1 %}
3
-
4
- <ul>
5
- {%- for page in pages -%}
6
-
7
- {% assign crumbs = page.url | remove: '/index.html' | split: '/' %}
8
- {% assign size = crumbs | size | minus: 1 %}
9
-
10
- {% assign orderedPages = crumbs[i] | group %}
11
- {{ crumbs[i] }}
12
-
13
-
14
- {% capture myLoop %}
15
- <li>{{ page.title }} - {{ size }} - {{ page.url }}</li>
16
- {% endcapture %}
17
-
18
-
19
- {% for crumb in crumbs %}
20
- {% unless crumb == "" %}
21
- {{ myLoop }}
22
- {% endunless %}
23
- {% endfor %}
24
-
25
- {%- endfor -%}
26
- </ul>