jekyll-theme-centos 2.27.0 → 2.29.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_config.yml +33 -25
- data/_data/base/copyright.yml +12 -0
- data/_data/base/navbar.yml +0 -4
- data/_data/base/social.yml +22 -0
- data/_includes/base/copyright.html +12 -0
- data/_includes/base/finale.html +17 -0
- data/_includes/base/head.html +8 -6
- data/_includes/base/header.html +7 -5
- data/_includes/base/navbar.html +3 -3
- data/_includes/base/script.html +20 -8
- data/_includes/base/shortcuts.html +27 -0
- data/_includes/base/toc-accordion.html +2 -2
- data/_layouts/base/default.html +54 -20
- data/_sass/base/_customization.scss +44 -32
- data/_sass/base/_variables.scss +36 -19
- data/assets/css/base/stylesheet.min.scss +1 -0
- data/assets/icons/android-chrome-192.png +0 -0
- data/assets/icons/android-chrome-512.png +0 -0
- data/assets/icons/apple-touch-icon.png +0 -0
- data/assets/icons/favicon-16.png +0 -0
- data/assets/icons/favicon-32.png +0 -0
- data/assets/img/base/screenshot-base-default-layout.png +0 -0
- data/assets/img/base/screenshot.svg +801 -98
- metadata +9 -8
- data/_data/base/footer.yml +0 -32
- data/_data/base/identity.yml +0 -20
- data/_data/base/navbar_absolute.yml +0 -74
- data/_data/base/navbar_www.yml +0 -74
- data/_includes/base/footer.html +0 -61
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 23167e4d6b058b509e4728cfe15ff441c868bcc0d1975f95df9eac8f15d94019
|
4
|
+
data.tar.gz: ac12ba26bf300c4af88b6d2ef36cf94e08756439cfc3a41b07fdb14b33c3e759
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: b55d5dc053125de8e8aad88e68ac6dab327003e9c33c23d61f72caa1310035f20cacf126dba864e000ace8d96ef03ec7ce771af5ec8ef0724e2513e252621c91
|
7
|
+
data.tar.gz: e3abdba4c067f09d660b39eea57bd34949a0807fca75ae6d804e5d9371d454f9cea8c857468963d8602c964a625bfd14cbe86a97f1109037106662c141bc5f68
|
data/_config.yml
CHANGED
@@ -14,12 +14,6 @@
|
|
14
14
|
# https://learn-the-web.algonquindesign.ca/topics/markdown-yaml-cheat-sheet/#yaml
|
15
15
|
# https://learnxinyminutes.com/docs/yaml/
|
16
16
|
|
17
|
-
# site.manifestation - Set the name of the visual manifestation you are
|
18
|
-
# providing a site for. The theme presents this name on the right side of the
|
19
|
-
# CentOS logo. If this value is not empty, the navbar data must be related to
|
20
|
-
# the specific visual manifestation.
|
21
|
-
manifestation: ""
|
22
|
-
|
23
17
|
# site.navbar_data_dirname - Set the directory name where the navbar data files
|
24
18
|
# is stored. For example, if the navbar file is at `_data/base/navbar.yml', the
|
25
19
|
# value you need to provide is `base'.
|
@@ -31,45 +25,59 @@ navbar_data_dirname: "base"
|
|
31
25
|
# jekyll-theme-centos-base component, specifcally in the file
|
32
26
|
# `src/YAML/navbar_www.yml'. The CentOS navbar is the one shipped in
|
33
27
|
# jekyll-theme-centos by default.
|
34
|
-
navbar_data_filename: "
|
28
|
+
navbar_data_filename: "navbar"
|
35
29
|
|
36
30
|
defaults:
|
37
31
|
- scope:
|
38
32
|
path: "" # an empty string here means all files in the project.
|
39
33
|
values:
|
40
34
|
layout: "base/default"
|
35
|
+
# ----------------------------------------------------------------
|
36
|
+
# Nav
|
37
|
+
# ----------------------------------------------------------------
|
38
|
+
with_logo: "centos-whitelogo.svg"
|
39
|
+
with_manifestation: ""
|
40
|
+
# ----------------------------------------------------------------
|
41
|
+
# Header
|
42
|
+
# ----------------------------------------------------------------
|
43
|
+
with_header: true
|
44
|
+
with_motif: "centos-motif.png"
|
45
|
+
with_title: true
|
46
|
+
with_preamble: true
|
47
|
+
with_announcements: {}
|
48
|
+
# ----------------------------------------------------------------
|
49
|
+
# Main
|
50
|
+
# ----------------------------------------------------------------
|
41
51
|
with_breadcrumbs: true
|
42
|
-
with_toc:
|
52
|
+
with_toc: false
|
53
|
+
with_artwork: false
|
54
|
+
with_content: true
|
55
|
+
# ----------------------------------------------------------------
|
56
|
+
# Footer
|
57
|
+
# ----------------------------------------------------------------
|
58
|
+
with_shortcuts: true
|
59
|
+
with_sponsors: false
|
60
|
+
with_social: true
|
61
|
+
with_finale: true
|
62
|
+
with_copyright: true
|
63
|
+
# ----------------------------------------------------------------
|
64
|
+
# Script (also changes Head, to manage script-related stylesheets)
|
65
|
+
# ----------------------------------------------------------------
|
66
|
+
with_highlight: false
|
43
67
|
with_datatables: false
|
44
|
-
with_clipboard: false
|
45
|
-
with_announcements: {}
|
46
68
|
|
47
69
|
plugins:
|
48
70
|
- jekyll-feed
|
49
71
|
- jekyll-toc
|
50
72
|
- jekyll-paginate-v2
|
51
73
|
|
52
|
-
permalink: /:path/:basename/
|
74
|
+
permalink: /:path/:basename/
|
53
75
|
|
54
76
|
collections:
|
55
77
|
sponsors:
|
56
78
|
posts:
|
57
79
|
permalink: /:categories/:title/
|
58
80
|
|
59
|
-
exclude:
|
60
|
-
- .bundle
|
61
|
-
- .git
|
62
|
-
- .sass-cache/
|
63
|
-
- .jekyll-cache/
|
64
|
-
- gemfiles/
|
65
|
-
- Gemfile
|
66
|
-
- Gemfile.lock
|
67
|
-
- node_modules/
|
68
|
-
- vendor/bundle/
|
69
|
-
- vendor/cache/
|
70
|
-
- vendor/gems/
|
71
|
-
- vendor/ruby/
|
72
|
-
|
73
81
|
sass:
|
74
82
|
style: compressed
|
75
83
|
sass_dir: _sass
|
@@ -0,0 +1,12 @@
|
|
1
|
+
---
|
2
|
+
#
|
3
|
+
# site.data.base.copyright - Control copyright information and legal links.
|
4
|
+
#
|
5
|
+
author: "The CentOS Project"
|
6
|
+
legals:
|
7
|
+
- text: "Legal"
|
8
|
+
link: "https://www.centos.org/legal"
|
9
|
+
- text: "Privacy"
|
10
|
+
link: "https://www.centos.org/legal/privacy"
|
11
|
+
- text: "Site source"
|
12
|
+
link: "https://git.centos.org/centos/centos.org"
|
data/_data/base/navbar.yml
CHANGED
@@ -6,7 +6,6 @@
|
|
6
6
|
#
|
7
7
|
- name: "Layouts"
|
8
8
|
icon: "fa-solid fa-layer-group"
|
9
|
-
link: "/layouts/"
|
10
9
|
menu:
|
11
10
|
- name: "base/default"
|
12
11
|
link: "/layouts/default/"
|
@@ -14,7 +13,6 @@
|
|
14
13
|
|
15
14
|
- name: "Includes"
|
16
15
|
icon: "fa-solid fa-arrows-turn-to-dots"
|
17
|
-
link: "/includes/"
|
18
16
|
menu:
|
19
17
|
- name: "base/announcements.html"
|
20
18
|
link: "/includes/announcements/"
|
@@ -34,7 +32,6 @@
|
|
34
32
|
|
35
33
|
- name: "Sass"
|
36
34
|
icon: "fa-brands fa-sass"
|
37
|
-
link: "/sass/"
|
38
35
|
menu:
|
39
36
|
- name: "base/variables"
|
40
37
|
link: "/sass/variables"
|
@@ -44,7 +41,6 @@
|
|
44
41
|
|
45
42
|
- name: "Data"
|
46
43
|
icon: "fa-solid fa-file-code"
|
47
|
-
link: "/data/"
|
48
44
|
menu:
|
49
45
|
- name: "site.data.base.identity"
|
50
46
|
link: "/data/identity"
|
@@ -0,0 +1,22 @@
|
|
1
|
+
---
|
2
|
+
#
|
3
|
+
# site.data.base.social - Provides social networks information.
|
4
|
+
#
|
5
|
+
- name: Facebook
|
6
|
+
icon: "fa-brands fa-facebook-f"
|
7
|
+
link: "https://www.facebook.com/groups/centosproject/"
|
8
|
+
- name: Twitter
|
9
|
+
icon: "fa-brands fa-twitter"
|
10
|
+
link: "https://twitter.com/centos"
|
11
|
+
- name: Youtube
|
12
|
+
icon: "fa-brands fa-youtube"
|
13
|
+
link: "https://youtube.com/TheCentOSProject"
|
14
|
+
- name: Linkedin
|
15
|
+
icon: "fa-brands fa-linkedin"
|
16
|
+
link: "https://www.linkedin.com/groups/22405"
|
17
|
+
- name: Reddit
|
18
|
+
icon: "fa-brands fa-reddit"
|
19
|
+
link: "https://www.reddit.com/r/CentOS/"
|
20
|
+
- name: Mastodon
|
21
|
+
icon: "fa-brands fa-mastodon"
|
22
|
+
link: "https://fosstodon.org/@centos"
|
@@ -0,0 +1,12 @@
|
|
1
|
+
<div class="row py-3">
|
2
|
+
<div class="col">
|
3
|
+
<span>Copyright ©</span>
|
4
|
+
<span id="copyright_year"></span>
|
5
|
+
<span>{{ site.data.base.copyright.author }}</span>
|
6
|
+
{% for item in site.data.base.copyright.legals -%}
|
7
|
+
<span class="border-start ms-2 ps-2">
|
8
|
+
<a class="link-light" href="{{ item.link }}">{{ item.text }}</a>
|
9
|
+
</span>
|
10
|
+
{% endfor %}
|
11
|
+
</div>
|
12
|
+
</div>
|
@@ -0,0 +1,17 @@
|
|
1
|
+
<div class="row {% if page.with_sponsors != false %}border-top border-primary border-5 {% endif %}pt-3">
|
2
|
+
<div class="col-sm-12{% if page.with_social != false %} col-lg-8{% endif %}">
|
3
|
+
<h4>{{ site.title }}</h4>
|
4
|
+
<p>{{ site.description }}</p>
|
5
|
+
</div>
|
6
|
+
{% if page.with_social != false %}
|
7
|
+
<div class="col-sm-12 col-lg-4 d-flex justify-content-sm-start justify-content-lg-end">
|
8
|
+
<ul class="nav list-unstyled">
|
9
|
+
{% for item in site.data.base.social -%}
|
10
|
+
<li class="nav-item">
|
11
|
+
<a class="btn btn-sm fs-5 link-primary" href="{{ item.link }}" role="button" aria-label="{{ item.name }}" data-bs-placement="bottom" data-bs-title="{{ item.name }}"><i class="{{ item.icon }}"></i></a>
|
12
|
+
</li>
|
13
|
+
{% endfor %}
|
14
|
+
</ul>
|
15
|
+
</div>
|
16
|
+
{% endif %}
|
17
|
+
</div>
|
data/_includes/base/head.html
CHANGED
@@ -7,15 +7,17 @@
|
|
7
7
|
<link rel="icon" href="{{ site.url }}{{ site.baseurl }}/assets/icons/favicon.svg" sizes="any" />
|
8
8
|
<link rel="apple-touch-icon" href="{{ site.url }}{{ site.baseurl }}/assets/icons/apple-touch-icon.png" sizes="180x180" />
|
9
9
|
<link rel="manifest" href="{{ site.url }}{{ site.baseurl }}/site.webmanifest" />
|
10
|
-
<link rel="
|
11
|
-
<link rel="
|
12
|
-
<link rel="stylesheet" href="https://
|
10
|
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
11
|
+
<link rel="preconnect" href="https://fonts.googleapis.com">
|
12
|
+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Code+Pro:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap">
|
13
|
+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap">
|
14
|
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
13
15
|
{% if page.with_highlight != false -%}
|
14
|
-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/{{ page.with_highlight | default
|
16
|
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/{{ page.with_highlight | replace_first: 'base16-', 'base16/' | default: 'default' }}.min.css">
|
15
17
|
<link rel="stylesheet" href="https://unpkg.com/highlightjs-copy@1.0.3/dist/highlightjs-copy.min.css" />
|
16
18
|
{% endif -%}
|
17
|
-
{% if page.with_datatables
|
18
|
-
<link rel="stylesheet" href="
|
19
|
+
{% if page.with_datatables != false -%}
|
20
|
+
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.5/css/dataTables.bootstrap5.min.css" />
|
19
21
|
{% endif -%}
|
20
22
|
<link rel="stylesheet" href="{{ site.url }}{{ site.baseurl }}/assets/css/base/stylesheet.min.css" />
|
21
23
|
</head>
|
data/_includes/base/header.html
CHANGED
@@ -1,16 +1,18 @@
|
|
1
|
-
<header class="bg-image bg-dark text-
|
1
|
+
<header class="bg-image bg-dark text-white"{% if page.with_motif !="" %} style="background-image: url('{{ site.url }}{{ site.baseurl }}/assets/img/{{ page.with_motif }}');"{% endif %}>
|
2
2
|
<div class="container py-5">
|
3
3
|
{% if page.with_announcements and page.with_announcements.size > 0 -%}
|
4
4
|
<div class="row">
|
5
|
-
|
6
|
-
{% include base/announcements.html %}
|
7
|
-
</div>
|
5
|
+
{% include base/announcements.html %}
|
8
6
|
</div>
|
9
7
|
{% endif -%}
|
10
8
|
<div class="row my-3 justify-content-center">
|
11
9
|
<div class="col-sm-12 col-xl-8">
|
12
|
-
|
10
|
+
{% if page.with_title != false -%}
|
11
|
+
<h1 class="display-4 fw-bold">{{ page.title }}</h1>
|
12
|
+
{% endif -%}
|
13
|
+
{% if page.with_preamble != false -%}
|
13
14
|
<div class="lead">{{ page.title_lead }}</div>
|
15
|
+
{% endif %}
|
14
16
|
</div>
|
15
17
|
</div>
|
16
18
|
</div>
|
data/_includes/base/navbar.html
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{% assign navbar = site.data[site.navbar_data_dirname][site.navbar_data_filename] %}
|
2
2
|
<nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-dark shadow">
|
3
3
|
<div class="container">
|
4
|
-
<a class="navbar-brand pt-1" href="{{ site.baseurl }}/"><img role="img" src="{{ site.baseurl }}/{{
|
4
|
+
<a class="navbar-brand pt-1" href="{{ site.url }}{{ site.baseurl }}/"><img role="img" src="{{ site.url }}{{ site.baseurl }}/assets/img/{{ page.with_logo }}" height="32" alt="{{ site.title }}" />{% if page.with_manifestation != "" %}<span class="manifestation border-start border-light ps-3 ms-3 py-2 fs-6">{{ page.with_manifestation }}</span>{% endif %}</a>
|
5
5
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
|
6
6
|
<span class="navbar-toggler-icon"></span>
|
7
7
|
</button>
|
@@ -11,14 +11,14 @@
|
|
11
11
|
{% for navitem in navitems -%}
|
12
12
|
{% if navitem.menu.size == 0 -%}
|
13
13
|
<li class="nav-item">
|
14
|
-
<a class="nav-link" role="presentation" href="{{ site.baseurl }}{{ navitem.link }}"><i class="{{ navitem.icon }}"></i> {{ navitem.name }}</a>
|
14
|
+
<a class="nav-link" role="presentation" href="{{ site.url }}{{ site.baseurl }}{{ navitem.link }}"><i class="{{ navitem.icon }}"></i> {{ navitem.name }}</a>
|
15
15
|
</li>
|
16
16
|
{% else -%}
|
17
17
|
<li class="nav-item dropdown">
|
18
18
|
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown-{{ forloop.index }}" role="button" data-bs-toggle="dropdown" aria-expanded="false"><i class="{{ navitem.icon }}"></i> {{ navitem.name }}</a>
|
19
19
|
<ul class="dropdown-menu dropdown-menu-dark shadow" aria-labelledby="navbarDropdown-{{ forloop.index }}">
|
20
20
|
{% for dropdownitem in navitem.menu -%}
|
21
|
-
<li><a class="dropdown-item" role="presentation" href="{{ site.baseurl }}{{ dropdownitem.link }}">{{ dropdownitem.name }}</a></li>
|
21
|
+
<li><a class="dropdown-item" role="presentation" href="{{ site.url }}{{ site.baseurl }}{{ dropdownitem.link }}">{{ dropdownitem.name }}</a></li>
|
22
22
|
{% endfor -%}
|
23
23
|
</ul>
|
24
24
|
</li>
|
data/_includes/base/script.html
CHANGED
@@ -1,8 +1,9 @@
|
|
1
|
-
<!-- Highlight.js -->
|
2
1
|
{% if page.with_highlight != false -%}
|
2
|
+
<!-- Highlight.js -->
|
3
3
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
|
4
4
|
<script src="https://unpkg.com/highlightjs-copy@1.0.3/dist/highlightjs-copy.min.js"></script>
|
5
5
|
<script>
|
6
|
+
document.querySelectorAll('.content code').forEach(el=>el.classList.add('hljs'));
|
6
7
|
hljs.addPlugin(
|
7
8
|
new CopyButtonPlugin({
|
8
9
|
callback: (text, el) => console.log("Copied!", text),
|
@@ -12,20 +13,23 @@
|
|
12
13
|
</script>
|
13
14
|
{% endif -%}
|
14
15
|
|
15
|
-
{% if page.with_datatables
|
16
|
+
{% if page.with_datatables != false -%}
|
16
17
|
<!-- DataTables -->
|
17
|
-
<script src="
|
18
|
-
<script src="
|
19
|
-
<script src="
|
18
|
+
<script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
|
19
|
+
<script src="https://cdn.datatables.net/1.13.5/js/jquery.dataTables.js"></script>
|
20
|
+
<script src="https://cdn.datatables.net/1.13.5/js/dataTables.bootstrap5.min.js"></script>
|
20
21
|
<script>
|
21
22
|
$(document).ready(function () {
|
22
|
-
$("
|
23
|
+
$("table.dataTable").DataTable({
|
24
|
+
"pageLength": 5,
|
25
|
+
"lengthMenu": [5,10,25,50,75,100]
|
26
|
+
});
|
23
27
|
});
|
24
28
|
</script>
|
25
|
-
{% endif
|
29
|
+
{% endif %}
|
26
30
|
|
27
31
|
<!-- BackToTop -->
|
28
|
-
<script src="
|
32
|
+
<script src="https://unpkg.com/vanilla-back-to-top@7.2.1/dist/vanilla-back-to-top.min.js"></script>
|
29
33
|
<script>
|
30
34
|
addBackToTop({
|
31
35
|
diameter: 56,
|
@@ -42,6 +46,14 @@
|
|
42
46
|
<!-- Bootstrap -->
|
43
47
|
<script src="{{ site.url }}{{ site.baseurl }}/assets/js/bootstrap.bundle.min.js"></script>
|
44
48
|
<script>
|
49
|
+
// Initialize styles for content tables
|
50
|
+
var tables = document.querySelectorAll(".content table");
|
51
|
+
var theads = document.querySelectorAll(".content table thead");
|
52
|
+
var images = document.querySelectorAll(".content img");
|
53
|
+
var i;
|
54
|
+
for(i = 0; i < tables.length; i++) { tables[i].className += "table table-bordered"; }
|
55
|
+
for(i = 0; i < theads.length; i++) { theads[i].className += "table-light"; }
|
56
|
+
for(i = 0; i < images.length; i++) { images[i].className += "figure-img img-fluid rounded"; }
|
45
57
|
// Initialize Tooltips
|
46
58
|
const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
|
47
59
|
const tooltipList = [...tooltipTriggerList].map((tooltipTriggerEl) => new bootstrap.Tooltip(tooltipTriggerEl));
|
@@ -0,0 +1,27 @@
|
|
1
|
+
{% assign navbar = site.data[site.navbar_data_dirname][site.navbar_data_filename] %}
|
2
|
+
<div class="row bg-primary justify-content-between">
|
3
|
+
{% assign sections = navbar | where: "visible_on", "footer" %}
|
4
|
+
{% assign columns = sections.size %}
|
5
|
+
{% case columns %}
|
6
|
+
{% when 1 %}
|
7
|
+
{% assign column_width = 12 %}
|
8
|
+
{% when 2 %}
|
9
|
+
{% assign column_width = 6 %}
|
10
|
+
{% when 3 %}
|
11
|
+
{% assign column_width = 4 %}
|
12
|
+
{% when 4 %}
|
13
|
+
{% assign column_width = 3 %}
|
14
|
+
{% else %}
|
15
|
+
{% assign column_width = 1 %}
|
16
|
+
{% endcase %}
|
17
|
+
{% for section in sections -%}
|
18
|
+
<div class="col-sm-12 col-lg-{{ column_width }} my-3">
|
19
|
+
<h6 class="fw-bold"><i class="{{ section.icon }}"></i> {{ section.name }}</h6>
|
20
|
+
<ul class="nav flex-column">
|
21
|
+
{% for item in section.menu -%}
|
22
|
+
<li class="nav-item"><a href="{{ site.url }}{{ site.baseurl }}{{ item.link }}" class="link-light px-0">{{ item.name }}</a></li>
|
23
|
+
{% endfor %}
|
24
|
+
</ul>
|
25
|
+
</div>
|
26
|
+
{% endfor %}
|
27
|
+
</div>
|
@@ -1,10 +1,10 @@
|
|
1
1
|
<div class="accordion" id="pageTocAccordion">
|
2
2
|
<div class="accordion-item shadow-sm">
|
3
3
|
<div class="accordion-header" id="flush-headingOne">
|
4
|
-
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne"><i class="fa-solid fa-bars"></i> <span class="mx-3">Table of Contents</span></button>
|
4
|
+
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne"><i class="fa-solid fa-bars"></i> <span class="mx-3 fw-bold">Table of Contents</span></button>
|
5
5
|
</div>
|
6
6
|
<div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#pageTocAccordion">
|
7
|
-
<div class="accordion-body">{% include base/toc.html html=content %}</div>
|
7
|
+
<div class="accordion-body small">{% include base/toc.html html=content %}</div>
|
8
8
|
</div>
|
9
9
|
</div>
|
10
10
|
</div>
|
data/_layouts/base/default.html
CHANGED
@@ -3,32 +3,66 @@
|
|
3
3
|
{% include base/head.html title=page.title -%}
|
4
4
|
<body id="top">
|
5
5
|
{% include base/navbar.html -%}
|
6
|
+
{% if page.with_header == true %}
|
6
7
|
{% include base/header.html -%}
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
8
|
+
{% endif %}
|
9
|
+
<main class="container my-5">
|
10
|
+
|
11
|
+
{% if page.with_breadcrumbs == true %}
|
12
|
+
<div class="row justify-content-center my-4">
|
13
|
+
<div class="col-sm-12 col-xl-8">
|
14
|
+
{% include base/breadcrumbs.html %}
|
14
15
|
</div>
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
16
|
+
</div>
|
17
|
+
{% endif %}
|
18
|
+
|
19
|
+
{% if page.with_toc == true %}
|
20
|
+
<div class="row justify-content-center my-4">
|
21
|
+
<div class="col-sm-12 col-xl-8">
|
22
|
+
{% include base/toc-accordion.html %}
|
21
23
|
</div>
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
24
|
+
</div>
|
25
|
+
{% endif %}
|
26
|
+
|
27
|
+
{% if page.with_artwork != false %}
|
28
|
+
<div class="row justify-content-center my-4">
|
29
|
+
<div class="col-sm-12 col-xl-8 artwork"><img src="{{ site.url }}{{ site.baseurl }}/assets/img/{{ page.with_artwork }}" class="img-fluid rounded" alt="{{ page.title }}"></div>
|
30
|
+
</div>
|
31
|
+
{% endif %}
|
32
|
+
|
33
|
+
{% if page.with_content == true %}
|
34
|
+
<div class="row justify-content-center my-4">
|
35
|
+
<div class="col-sm-12 col-xl-8 content">
|
36
|
+
{{ content }}
|
28
37
|
</div>
|
29
38
|
</div>
|
39
|
+
{% endif %}
|
40
|
+
|
30
41
|
</main>
|
31
|
-
|
42
|
+
|
43
|
+
<footer class="footer small bg-dark text-light">
|
44
|
+
<div class="container">
|
45
|
+
|
46
|
+
{% if page.with_shortcuts != false %}
|
47
|
+
{% include base/shortcuts.html %}
|
48
|
+
{% endif %}
|
49
|
+
|
50
|
+
{% if page.with_sponsors != false %}
|
51
|
+
{% include sponsors/carousel.html -%}
|
52
|
+
{% endif %}
|
53
|
+
|
54
|
+
{% if page.with_finale != false %}
|
55
|
+
{% include base/finale.html %}
|
56
|
+
{% endif %}
|
57
|
+
|
58
|
+
{% if page.with_copyright != false %}
|
59
|
+
{% include base/copyright.html %}
|
60
|
+
{% endif %}
|
61
|
+
|
62
|
+
</div>
|
63
|
+
</footer>
|
64
|
+
|
32
65
|
{% include base/script.html -%}
|
66
|
+
|
33
67
|
</body>
|
34
68
|
</html>
|
@@ -2,6 +2,16 @@
|
|
2
2
|
// Adjustments
|
3
3
|
// --------------------------------------------------------------------------------
|
4
4
|
|
5
|
+
// --------------------------------------------------------------------------------
|
6
|
+
// Backgrounds
|
7
|
+
// --------------------------------------------------------------------------------
|
8
|
+
.bg-image {
|
9
|
+
background-image: url("../../img/centos-motif.png");
|
10
|
+
background-size: cover;
|
11
|
+
background-repeat: no-repeat;
|
12
|
+
background-position: center;
|
13
|
+
}
|
14
|
+
|
5
15
|
nav {
|
6
16
|
// --------------------------------------------------------------------------------
|
7
17
|
// Nav
|
@@ -13,22 +23,6 @@ nav {
|
|
13
23
|
}
|
14
24
|
}
|
15
25
|
|
16
|
-
header {
|
17
|
-
// --------------------------------------------------------------------------------
|
18
|
-
// Backgrounds
|
19
|
-
// --------------------------------------------------------------------------------
|
20
|
-
&.bg-image {
|
21
|
-
background-image: url("../../img/centos-motif.png");
|
22
|
-
background-size: cover;
|
23
|
-
background-repeat: no-repeat;
|
24
|
-
background-position: center;
|
25
|
-
}
|
26
|
-
|
27
|
-
&.bg-light-radial-gradient {
|
28
|
-
background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(248, 249, 250, 0) 100%);
|
29
|
-
}
|
30
|
-
}
|
31
|
-
|
32
26
|
main {
|
33
27
|
// --------------------------------------------------------------------------------
|
34
28
|
// Navbar and linked headings' correction.
|
@@ -51,11 +45,13 @@ main {
|
|
51
45
|
// Highlightjs-copy
|
52
46
|
// --------------------------------------------------------------------------------
|
53
47
|
.content {
|
54
|
-
|
48
|
+
code.hljs {
|
49
|
+
border-radius: var(--bs-border-radius);
|
50
|
+
}
|
51
|
+
pre {
|
55
52
|
code.hljs {
|
56
53
|
max-height: 50vh;
|
57
54
|
overflow: auto;
|
58
|
-
border-radius: var(--bs-border-radius);
|
59
55
|
}
|
60
56
|
button.hljs-copy-button {
|
61
57
|
--hljs-theme-background: var(--bs-body-color);
|
@@ -63,6 +59,31 @@ main {
|
|
63
59
|
}
|
64
60
|
}
|
65
61
|
|
62
|
+
// --------------------------------------------------------------------------------
|
63
|
+
// Alerts
|
64
|
+
// --------------------------------------------------------------------------------
|
65
|
+
.content {
|
66
|
+
p {
|
67
|
+
&.alert {
|
68
|
+
padding-left: 3.4rem;
|
69
|
+
background-repeat: no-repeat;
|
70
|
+
background-position: 1rem 1rem;
|
71
|
+
}
|
72
|
+
&.alert-danger {
|
73
|
+
background-image: $alert-danger-icon;
|
74
|
+
}
|
75
|
+
&.alert-warning {
|
76
|
+
background-image: $alert-warning-icon;
|
77
|
+
}
|
78
|
+
&.alert-info {
|
79
|
+
background-image: $alert-info-icon;
|
80
|
+
}
|
81
|
+
&.alert-success {
|
82
|
+
background-image: $alert-success-icon;
|
83
|
+
}
|
84
|
+
}
|
85
|
+
}
|
86
|
+
|
66
87
|
// --------------------------------------------------------------------------------
|
67
88
|
// Tuneup first paragraph top margin when it is the first element inside
|
68
89
|
// content.
|
@@ -70,22 +91,13 @@ main {
|
|
70
91
|
.content > p:first-child {
|
71
92
|
margin-top: 3rem;
|
72
93
|
}
|
73
|
-
|
74
94
|
// --------------------------------------------------------------------------------
|
75
|
-
//
|
95
|
+
// DataTables
|
76
96
|
// --------------------------------------------------------------------------------
|
77
|
-
.dataTables_wrapper {
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
.dataTables_length,
|
82
|
-
.dataTables_filter {
|
83
|
-
@extend .my-3;
|
84
|
-
}
|
85
|
-
.form-select,
|
86
|
-
.form-control {
|
87
|
-
width: auto;
|
88
|
-
display: inline-block;
|
97
|
+
div.dataTables_wrapper {
|
98
|
+
margin-bottom: 1rem;
|
99
|
+
div.dataTables_info {
|
100
|
+
padding-top: 0;
|
89
101
|
}
|
90
102
|
}
|
91
103
|
}
|
data/_sass/base/_variables.scss
CHANGED
@@ -1,24 +1,41 @@
|
|
1
1
|
//
|
2
|
-
// CentOS Branding
|
3
|
-
//
|
4
|
-
$centos-color-1: #a14f8c;
|
5
|
-
$centos-color-2: #262577;
|
6
|
-
$centos-color-3: #9ccd2a;
|
7
|
-
$centos-color-4: #efa724;
|
8
|
-
//
|
9
2
|
// Bootstrap customization
|
10
3
|
//
|
11
|
-
|
12
|
-
|
13
|
-
$
|
14
|
-
$
|
15
|
-
$
|
16
|
-
$
|
4
|
+
|
5
|
+
// scss-docs-start color-variables
|
6
|
+
$centos-purple: #a14f8c;
|
7
|
+
$centos-orange: #efa724;
|
8
|
+
$centos-blue: #262577;
|
9
|
+
$centos-green: #9ccd2a;
|
10
|
+
// scss-docs-end color-variables
|
11
|
+
|
12
|
+
// scss-docs-start theme-color-variables
|
13
|
+
$primary: $centos-purple;
|
14
|
+
$secondary: $centos-orange;
|
15
|
+
$success: #198754;
|
16
|
+
$info: #0dcaf0;
|
17
|
+
$warning: #ffc107;
|
18
|
+
$danger: #dc3545;
|
17
19
|
$dark: #200735;
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
$
|
20
|
+
// scss-docs-end theme-color-variables
|
21
|
+
|
22
|
+
// scss-docs-start theme-text-variables
|
23
|
+
$primary-text-emphasis: shade-color($primary, 60%);
|
24
|
+
$secondary-text-emphasis: shade-color($secondary, 60%);
|
25
|
+
$success-text-emphasis: shade-color($success, 60%);
|
26
|
+
$info-text-emphasis: shade-color($info, 60%);
|
27
|
+
$warning-text-emphasis: shade-color($warning, 60%);
|
28
|
+
$danger-text-emphasis: shade-color($danger, 60%);
|
29
|
+
// scss-docs-end theme-text-variables
|
30
|
+
|
31
|
+
$font-family-sans-serif: "Montserrat", sans-serif;
|
32
|
+
$font-family-monospace: "Source Code Pro", monospace;
|
22
33
|
$headings-font-weight: 700;
|
23
|
-
$
|
24
|
-
|
34
|
+
$line-height-base: 1.65;
|
35
|
+
|
36
|
+
$dropdown-dark-bg: $dark;
|
37
|
+
$breadcrumb-divider: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8'><path d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z'/></svg>");
|
38
|
+
$alert-warning-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1.5em" fill="rgba(#{to-rgb($warning-text-emphasis)},1)" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"/></svg>');
|
39
|
+
$alert-info-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1.5em" fill="rgba(#{to-rgb($info-text-emphasis)},1)" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>');
|
40
|
+
$alert-danger-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1.5em" fill="rgba(#{to-rgb($danger-text-emphasis)},1)" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>');
|
41
|
+
$alert-success-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1.5em" fill="rgba(#{to-rgb($success-text-emphasis)},1)" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>');
|