jekyll-theme-centos 2.27.0 → 2.29.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 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>');