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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: d3b2058ed3827106648c9012f5dd7ea4922af044c034f84b71c612938d7e1d7a
4
- data.tar.gz: 415e76f525b5ff2a35cfba321d46441e9469502e2628d62b35afef7c67370903
3
+ metadata.gz: 23167e4d6b058b509e4728cfe15ff441c868bcc0d1975f95df9eac8f15d94019
4
+ data.tar.gz: ac12ba26bf300c4af88b6d2ef36cf94e08756439cfc3a41b07fdb14b33c3e759
5
5
  SHA512:
6
- metadata.gz: 9858b891564be6218ccf0fd6b87fdf094b449fb82998c15fb62bed0ab981b3acaf7d4d474a866d6c69b4db1af65416ab8f92cbb9a5c6fd01075d53be81d906d3
7
- data.tar.gz: 277c90380ab9ed318391efd3d41bca1c8736d4f883be7c6209d40fd0e8c6e7c9b00e3cc2388acee4ee5acbcd042b4dd4f8261c499fc26116e202cb8001730f2a
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: "navbar_www"
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: true
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/index.html
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"
@@ -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 &copy;</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>
@@ -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="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900" />
11
- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Overpass+Mono:100,200,300,400,500,600,700,800,900" />
12
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
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('default') }}.min.css">
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 == true -%}
18
- <link rel="stylesheet" href="{{ site.url }}{{ site.baseurl }}/assets/css/dataTables.bootstrap5.min.css">
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>
@@ -1,16 +1,18 @@
1
- <header class="bg-image bg-dark text-light">
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
- <div class="col">
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
- <div class="display-4 fw-bold mb-3">{{ page.title }}</div>
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>
@@ -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 }}/{{ site.data.base.identity.logo.navbar }}" height="32" alt="{{ site.title }}" />{% if site.manifestation != "" %}<span class="manifestation border-start border-light ps-3 ms-3 py-2 fs-6">{{ site.manifestation }}</span>{% endif %}</a>
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>
@@ -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 == true -%}
16
+ {% if page.with_datatables != false -%}
16
17
  <!-- DataTables -->
17
- <script src="{{ site.url }}{{ site.baseurl }}/assets/js/jquery.min.js"></script>
18
- <script src="{{ site.url }}{{ site.baseurl }}/assets/js/jquery.dataTables.min.js"></script>
19
- <script src="{{ site.url }}{{ site.baseurl }}/assets/js/dataTables.bootstrap5.min.js"></script>
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
- $("#download-mirror").DataTable();
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="{{ site.url }}{{ site.baseurl }}/assets/js/vanilla-back-to-top.min.js"></script>
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>
@@ -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
- <main>
8
- <div class="container my-5">
9
- {% if page.with_breadcrumbs %}
10
- <div class="row justify-content-center my-4">
11
- <div class="col-sm-12 col-xl-8">
12
- {% include base/breadcrumbs.html %}
13
- </div>
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
- {% endif %}
16
- {% if page.with_toc %}
17
- <div class="row justify-content-center my-4">
18
- <div class="col-sm-12 col-xl-8">
19
- {% include base/toc-accordion.html %}
20
- </div>
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
- {% endif %}
23
- <div class="row justify-content-center my-4">
24
- {% if page.with_image %}
25
- <div class="col-sm-12 col-xl-8 artwork"><img src="{{ site.url }}{{ site.baseurl }}/assets/img/{{ page.with_image }}" class="img-fluid rounded" alt="{{ page.title }}"></div>
26
- {% endif %}
27
- <div class="col-sm-12 col-xl-8 content">{{ content }}</div>
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
- {% include base/footer.html -%}
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
- pre.highlight {
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
- // DataTable
95
+ // DataTables
76
96
  // --------------------------------------------------------------------------------
77
- .dataTables_wrapper {
78
- .dataTables_filter {
79
- text-align: end;
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
  }
@@ -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
- $enable-rounded: true;
12
- $enable-negative-margins: true;
13
- $nav-pills-link-active-bg: $centos-color-1;
14
- $link-color: $centos-color-1;
15
- $primary: $centos-color-1;
16
- $secondary: $centos-color-4;
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
- $dropdown-dark-bg: $dark;
19
- $font-family-sans-serif: Montserrat, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
20
- $font-family-monospace: "Overpass Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
21
- $line-height-base: 1.75;
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
- $breadcrumb-divider-color: #6c757d;
24
- $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' fill='#{$breadcrumb-divider-color}'/></svg>");
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>');