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 +4 -4
- data/_config.yml +114 -3
- data/_includes/breadcrumb.liquid +25 -22
- data/_includes/footer.liquid +3 -3
- data/_includes/header.liquid +75 -120
- data/_includes/social.liquid +14 -0
- data/_includes/structure.liquid +63 -0
- data/_layouts/default.html +4 -10
- data/_layouts/home.html +5 -1
- data/_layouts/page.html +15 -7
- data/_layouts/post.html +7 -7
- data/_sass/variables.scss +3 -2
- data/_sass/website.scss +92 -1
- data/assets/styles/main.scss +5 -0
- metadata +4 -3
- data/_includes/menu.liquid +0 -26
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: cef25622b982e877b243d38ded0f82f4cd0cd54642f11a1a890099fdd638971f
|
4
|
+
data.tar.gz: d30a3d7ac60a70c9e8969759976a94d5fef3e3e73997891b0452fc9b48514815
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
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
|
-
|
3
|
-
|
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
|
-
|
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/
|
data/_includes/breadcrumb.liquid
CHANGED
@@ -1,39 +1,42 @@
|
|
1
1
|
{%- comment -%}
|
2
|
-
|
3
|
-
|
4
|
-
|
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="/">
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
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
|
-
{%-
|
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
|
-
|
28
|
-
|
30
|
+
{%- assign aim = site.pages | where: "url", crumb_path | first -%}
|
31
|
+
{{ aim.title }}
|
29
32
|
</a>
|
30
33
|
</li>
|
31
|
-
|
34
|
+
{%- endif -%}
|
32
35
|
{%- endfor -%}
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
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>
|
data/_includes/footer.liquid
CHANGED
@@ -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 = "
|
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>
|
data/_includes/header.liquid
CHANGED
@@ -1,9 +1,9 @@
|
|
1
1
|
{%- comment -%}
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
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
|
-
|
22
|
-
<
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
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"> </div>
|
28
|
+
<div id="header-top-right">
|
29
|
+
{% include social.liquid %}
|
30
|
+
</div>
|
31
31
|
</div>
|
32
|
-
|
33
|
-
{%- endif -%}
|
32
|
+
{%- endif %}
|
34
33
|
|
35
|
-
|
36
|
-
|
37
|
-
|
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
|
-
|
47
|
-
<img src="{{ logo | absolute_url }}" alt="{{ company }}"
|
48
|
-
|
44
|
+
{%- if logoExist -%}
|
45
|
+
<img src="{{ logo | absolute_url }}" alt="{{ company }}">
|
46
|
+
{%- else -%}
|
49
47
|
{{ company }}
|
50
|
-
|
48
|
+
{%- endif -%}
|
51
49
|
</a>
|
52
50
|
</div>
|
53
51
|
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
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
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
{
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
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
|
-
|
128
|
-
|
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
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
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
|
-
</
|
147
|
-
</nav>
|
102
|
+
</nav>
|
148
103
|
|
149
|
-
|
150
|
-
|
151
|
-
|
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>
|
data/_layouts/default.html
CHANGED
@@ -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
|
-
|
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
data/_layouts/page.html
CHANGED
@@ -1,10 +1,18 @@
|
|
1
1
|
---
|
2
2
|
layout: default
|
3
3
|
---
|
4
|
-
<
|
5
|
-
<
|
6
|
-
|
7
|
-
<
|
8
|
-
|
9
|
-
|
10
|
-
</
|
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
|
-
<
|
6
|
-
<
|
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
|
-
<
|
19
|
-
|
20
|
-
</
|
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
|
-
</
|
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
|
-
</
|
33
|
+
</section>
|
data/_sass/variables.scss
CHANGED
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
|
-
|
179
|
+
#page, #post
|
89
180
|
{
|
90
181
|
@extend .container;
|
91
182
|
@extend .pt-3;
|
data/assets/styles/main.scss
CHANGED
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.
|
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:
|
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
|
data/_includes/menu.liquid
DELETED
@@ -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>
|