jekyll-theme-lydde 0.1.1 → 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 +116 -0
- data/_includes/analytics.liquid +12 -0
- data/_includes/breadcrumb.liquid +39 -17
- data/_includes/footer.liquid +48 -44
- data/_includes/header.liquid +90 -106
- data/_includes/hero.liquid +39 -0
- data/_includes/scripts.liquid +2 -2
- data/_includes/seo.liquid +148 -0
- data/_includes/social.liquid +14 -0
- data/_includes/structure.liquid +63 -0
- data/_includes/todo/hierachy.liquid +22 -0
- data/_layouts/default.html +43 -9
- 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 +163 -5
- data/assets/resources/site/debug.json +5 -0
- data/assets/resources/site/humans.txt +14 -14
- data/assets/resources/site/{sitemap.md → sitemap.markdown} +1 -2
- data/assets/styles/main.scss +5 -0
- data/assets/videos/demo.mp4 +0 -0
- metadata +13 -5
- data/_includes/menu.liquid +0 -26
- /data/assets/resources/site/{404.md → 404.markdown} +0 -0
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
ADDED
|
@@ -0,0 +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
|
+
#
|
|
64
|
+
settings:
|
|
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
|
|
94
|
+
|
|
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/
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
{%- assign analytics = site.data.settings.analytics | default: site.analytics -%}
|
|
2
|
+
{% if analytics %}
|
|
3
|
+
<!-- Global Google Site Tag -->
|
|
4
|
+
<script async src="https://www.googletagmanager.com/gtag/js?id={{ analytics }}"></script>
|
|
5
|
+
<script>
|
|
6
|
+
window.dataLayer = window.dataLayer || [];
|
|
7
|
+
function gtag(){dataLayer.push(arguments);}
|
|
8
|
+
gtag('js', new Date());
|
|
9
|
+
|
|
10
|
+
gtag('config', '{{ analytics }}');
|
|
11
|
+
</script>
|
|
12
|
+
{% endif %}
|
data/_includes/breadcrumb.liquid
CHANGED
|
@@ -1,20 +1,42 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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)
|
|
5
|
+
{%- endcomment -%}
|
|
6
|
+
<nav id="breadcrumb" aria-label="breadcrumb">
|
|
7
|
+
<ol>
|
|
8
|
+
<li>
|
|
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 -%}
|
|
19
|
+
{%- assign crumbs = page.url | remove: '/index.html' | split: '/' -%}
|
|
20
|
+
{%- for crumb in crumbs offset: 1 -%}
|
|
21
|
+
{%- if forloop.last -%}
|
|
22
|
+
<li class="active" aria-current="page">{{ page.title }}</li>
|
|
23
|
+
{%- else -%}
|
|
24
|
+
<li>
|
|
25
|
+
{%- capture crumb_path -%}
|
|
26
|
+
{%- assign crumb_limit = forloop.index | plus: 1 -%}
|
|
27
|
+
{%- for crumb in crumbs limit: crumb_limit -%}{{ crumb | append: '/' }}{%- endfor -%}
|
|
28
|
+
{%- endcapture -%}
|
|
29
|
+
<a href="{{ crumb_path }}">
|
|
30
|
+
{%- assign aim = site.pages | where: "url", crumb_path | first -%}
|
|
31
|
+
{{ aim.title }}
|
|
32
|
+
</a>
|
|
16
33
|
</li>
|
|
17
|
-
{
|
|
18
|
-
{
|
|
34
|
+
{%- endif -%}
|
|
35
|
+
{%- endfor -%}
|
|
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 %}
|
|
19
41
|
</ol>
|
|
20
42
|
</nav>
|
data/_includes/footer.liquid
CHANGED
|
@@ -1,60 +1,64 @@
|
|
|
1
1
|
{%- assign company = authors.default.name | default: site.title | escape -%}
|
|
2
2
|
{%- assign menus = site.settings.menus.footer | default: site.data.settings.menus.footer -%}
|
|
3
|
-
{%- assign social = site.settings.social| default: site.data.settings.social -%}
|
|
3
|
+
{%- assign social = site.settings.social | default: site.data.settings.social -%}
|
|
4
4
|
|
|
5
5
|
{%- if page.footer != false -%}
|
|
6
|
-
<footer id="footer" class="border-top text-muted">
|
|
6
|
+
<footer id="footer" class="border-top text-muted">
|
|
7
7
|
<div class="container">
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
<!-- Footer Top -->
|
|
9
|
+
<div id="footer-top"></div>
|
|
10
10
|
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
<!-- Footer Main -->
|
|
12
|
+
{% if social or menus %}
|
|
13
13
|
<div id="footer-main" class="row pt-3 border-bottom">
|
|
14
|
-
|
|
14
|
+
{% if social %}
|
|
15
15
|
<!-- Social Media -->
|
|
16
16
|
<div id="social" class="col-sm-12 col-lg-6">
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
17
|
+
<h2 class="h5">Let's Connect</h2>
|
|
18
|
+
<p>Follow us on your favorite platform</p>
|
|
19
|
+
<div>
|
|
20
|
+
{% include social.liquid class = "pb-3" %}
|
|
21
|
+
</div>
|
|
22
22
|
</div>
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
23
|
+
{% endif %}
|
|
24
|
+
{% if menus %}
|
|
25
|
+
<!-- Links -->
|
|
26
|
+
{%- for menu in menus -%}
|
|
27
|
+
<div id="{{ menu.title | slugify }}" class="col-lg-3 col-sm-6">
|
|
28
|
+
<h2 class="h5">{{ menu.title }}</h2>
|
|
29
|
+
<div>
|
|
30
|
+
<ul class="nav flex-column pb-3">
|
|
31
|
+
{% for item in menu.links %}
|
|
32
|
+
<li class="nav-item mb-2">
|
|
33
|
+
<a
|
|
34
|
+
class="nav-link p-0 text-muted"
|
|
35
|
+
href="{{ item.link | absolute_url }}"
|
|
36
|
+
title="{{ menu.title }}: {{ item.title }}">{{ item.title }}</a>
|
|
37
|
+
</li>
|
|
38
|
+
{% endfor %}
|
|
39
|
+
</ul>
|
|
38
40
|
</div>
|
|
39
|
-
|
|
40
|
-
{%-
|
|
41
|
+
</div>
|
|
42
|
+
{%- endfor -%}
|
|
43
|
+
{%- endif -%}
|
|
41
44
|
</div>
|
|
42
|
-
|
|
45
|
+
{% endif %}
|
|
43
46
|
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
47
|
+
<!-- Footer Bottom: Website information -->
|
|
48
|
+
<div id="footer-bottom">
|
|
49
|
+
<div class="row py-3">
|
|
50
|
+
<div id="copyright" class="col-sm-6">
|
|
51
|
+
<p>© Copyright {{ "now" | date: "%Y" }}{% if company %}
|
|
52
|
+
- {{ company }}{%- endif -%}
|
|
53
|
+
</p>
|
|
54
|
+
</div>
|
|
55
|
+
<div id="disclaimer" class="col-sm-6 text-center text-lg-end">
|
|
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">
|
|
58
|
+
</a>
|
|
59
|
+
</div>
|
|
57
60
|
</div>
|
|
61
|
+
</div>
|
|
58
62
|
</div>
|
|
59
|
-
</footer>
|
|
63
|
+
</footer>
|
|
60
64
|
{%- endif -%}
|
data/_includes/header.liquid
CHANGED
|
@@ -1,124 +1,108 @@
|
|
|
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
|
|
7
|
+
{%- endcomment -%}
|
|
1
8
|
{%- assign company = authors.default.name | site.title | default: 'Theme' | escape -%}
|
|
2
9
|
{%- assign menus = site.settings.menus.header | default: site.data.settings.menus.header -%}
|
|
3
10
|
{%- assign social = site.settings.social | default: site.data.settings.social -%}
|
|
4
11
|
|
|
5
12
|
{%- assign logo = site.logo | default: "/assets/logo.png" -%}
|
|
6
13
|
{%- for files in site.static_files -%}
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
14
|
+
{%- if files.path == logo -%}
|
|
15
|
+
{%- assign logoExist = true -%}
|
|
16
|
+
{%- break -%}
|
|
17
|
+
{%- endif -%}
|
|
11
18
|
{%- endfor -%}
|
|
12
19
|
|
|
13
|
-
{%- if page.header != false
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
20
|
+
{%- if page.header != false %}
|
|
21
|
+
<!-- Header -->
|
|
22
|
+
<header id="header">
|
|
23
|
+
<div>
|
|
24
|
+
{%- if social %}
|
|
17
25
|
<!-- Header Top: Social Network -->
|
|
18
|
-
{%- if social -%}
|
|
19
26
|
<div id="header-top">
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
</div>
|
|
27
|
+
<div id="header-top-left"> </div>
|
|
28
|
+
<div id="header-top-right">
|
|
29
|
+
{% include social.liquid %}
|
|
30
|
+
</div>
|
|
25
31
|
</div>
|
|
26
|
-
|
|
32
|
+
{%- endif %}
|
|
27
33
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
{
|
|
34
|
+
<!-- Header Main: Site Menu -->
|
|
35
|
+
<nav id="header-main">
|
|
36
|
+
<div>
|
|
37
|
+
<!-- Logo -->
|
|
38
|
+
<div id="logo">
|
|
39
|
+
<a
|
|
40
|
+
id="brand"
|
|
41
|
+
href="{{ '/' | absolute_url }}"
|
|
42
|
+
title="{{ company }}"
|
|
43
|
+
rel="author">
|
|
44
|
+
{%- if logoExist -%}
|
|
45
|
+
<img src="{{ logo | absolute_url }}" alt="{{ company }}">
|
|
46
|
+
{%- else -%}
|
|
47
|
+
{{ company }}
|
|
48
|
+
{%- endif -%}
|
|
49
|
+
</a>
|
|
50
|
+
</div>
|
|
42
51
|
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
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>
|
|
54
63
|
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
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">
|
|
80
|
+
<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>
|
|
92
|
+
</li>
|
|
75
93
|
{% endfor %}
|
|
76
|
-
|
|
77
|
-
<!-- Default Navigation -->
|
|
78
|
-
<ul class="navbar-nav col-lg-6 justify-content-lg-center">
|
|
79
|
-
{%- assign paths = site.pages | map: "path" -%}
|
|
80
|
-
{%- for path in paths -%}
|
|
81
|
-
{%- assign item = site.pages | where: "path", path | first -%}
|
|
82
|
-
{%- if item.title and item.path contains "resources/pages" -%}
|
|
83
|
-
{%- assign resources = true -%}
|
|
84
|
-
{%- break -%}
|
|
85
|
-
{%- endif -%}
|
|
86
|
-
{%- endfor -%}
|
|
87
|
-
|
|
88
|
-
{%- for path in paths -%}
|
|
89
|
-
{%- assign item = site.pages | where: "path", path | first -%}
|
|
90
|
-
{%- if resources == true -%}
|
|
91
|
-
{%- if item.title and item.path contains "resources/pages" -%}
|
|
92
|
-
<li>
|
|
93
|
-
<a class="nav-link" href="{{ item.url | absolute_url }}" title="{{ item.title }}">{{item.title}}</a>
|
|
94
|
-
</li>
|
|
95
|
-
{%- endif -%}
|
|
96
|
-
{%- else -%}
|
|
97
|
-
{%- unless item.path contains "resources" -%}
|
|
98
|
-
{%- if item.title and item.layout == "page" -%}
|
|
99
|
-
<li>
|
|
100
|
-
<a class="nav-link" href="{{ item.url | absolute_url }}" title="{{ item.title }}">{{item.title}}</a>
|
|
101
|
-
</li>
|
|
102
|
-
{%- endif -%}
|
|
103
|
-
{%- endunless -%}
|
|
104
|
-
{%- endif -%}
|
|
105
|
-
{%- endfor -%}
|
|
106
|
-
</ul>
|
|
107
|
-
{%- endif -%}
|
|
108
|
-
{%- if social -%}
|
|
109
|
-
<hr />
|
|
110
|
-
<!-- Social Network -->
|
|
111
|
-
<div class="d-lg-none border-top">
|
|
112
|
-
<h4>Follow us</h4>
|
|
113
|
-
{% include social.html class="nav justify-content-center" %}
|
|
114
|
-
</div>
|
|
115
|
-
{%- endif -%}
|
|
94
|
+
</ul>
|
|
116
95
|
</div>
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
96
|
+
{% endfor %}
|
|
97
|
+
{%- else -%}
|
|
98
|
+
{% include structure.liquid %}
|
|
99
|
+
{%- endif -%}
|
|
100
|
+
</div>
|
|
101
|
+
</div>
|
|
102
|
+
</nav>
|
|
103
|
+
|
|
104
|
+
<!-- Header Bottom -->
|
|
105
|
+
<div id="header-bottom"></div>
|
|
122
106
|
</div>
|
|
123
|
-
</header>
|
|
107
|
+
</header>
|
|
124
108
|
{%- endif -%}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
{%- comment -%}
|
|
2
|
+
The Hero section is used to display a title, a description and a call to action.
|
|
3
|
+
It can also display a background image or a video.
|
|
4
|
+
|
|
5
|
+
TODO : include a carousel
|
|
6
|
+
{%- endcomment -%}
|
|
7
|
+
{%- unless page.hero == false -%}
|
|
8
|
+
<section id="hero" {% if layout.splash or page.splash %}class="vh-100"{% endif %}>
|
|
9
|
+
<!-- Background -->
|
|
10
|
+
{%- if page.trailer -%}
|
|
11
|
+
<video autoplay muted loop poster="{{ page.image | absolute_url }}" class="background">
|
|
12
|
+
<source src="{{ page.trailer | absolute_url }}" type="video/mp4">
|
|
13
|
+
</video>
|
|
14
|
+
{%- elsif page.image -%}
|
|
15
|
+
<picture>
|
|
16
|
+
<source srcset="{{ page.image | absolute_url }}">
|
|
17
|
+
<img src="{{ page.image | absolute_url }}" alt="{{ page.title | escape }}" class="background">
|
|
18
|
+
</picture>
|
|
19
|
+
{%- else -%}
|
|
20
|
+
<span class="background"> </span>
|
|
21
|
+
{%- endif -%}
|
|
22
|
+
<!-- Content -->
|
|
23
|
+
<div id="hero-content">
|
|
24
|
+
<div>
|
|
25
|
+
<div class="col">
|
|
26
|
+
<h1 class="display-1">{{ page.title | default: site.title | default: "Welcome to Symphony theme" | escape }}</h1>
|
|
27
|
+
<!-- Breadcrumbs -->
|
|
28
|
+
{%- include breadcrumb.liquid -%}
|
|
29
|
+
<p class="lead">{{ page.excerpt | default: site.description | default: "Review our documentation to fix issue" | strip_html | escape }}</p>
|
|
30
|
+
</div>
|
|
31
|
+
{%- if page.action -%}
|
|
32
|
+
<div class="col-4 text-center">
|
|
33
|
+
<a class="btn btn-primary btn-lg" href="{{ page.action.link }}" role="button" title="{{ page.action.title }}">{{ page.action.title }}</a>
|
|
34
|
+
</div>
|
|
35
|
+
{%- endif -%}
|
|
36
|
+
</div>
|
|
37
|
+
</div>
|
|
38
|
+
</section>
|
|
39
|
+
{%- endunless -%}
|
data/_includes/scripts.liquid
CHANGED
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
|
4
4
|
crossorigin="anonymous"
|
|
5
5
|
id="popper-script"></script>
|
|
6
|
-
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.
|
|
7
|
-
integrity="sha384-
|
|
6
|
+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"
|
|
7
|
+
integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+"
|
|
8
8
|
crossorigin="anonymous"
|
|
9
9
|
id="bootstrap-script"></script>
|
|
10
10
|
|