jekyll-theme-centos-test 1.1.2 → 1.1.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/breadcrumbs.html +3 -1
- data/_includes/editbar.html +43 -0
- data/_includes/footer.html +7 -7
- data/_includes/head.html +2 -2
- data/_includes/header/page.html +2 -6
- data/_includes/home/distributions.html +22 -50
- data/_includes/home/header.html +10 -0
- data/_includes/home/news-and-events.html +21 -51
- data/_includes/home/planet.html +22 -52
- data/_includes/home/sponsors.html +50 -41
- data/_includes/navbar.html +2 -2
- data/_includes/toc-accordion.html +10 -0
- data/_includes/toc.html +1 -6
- data/_layouts/{page-datatables.html → default-datatables.html} +4 -4
- data/_layouts/default.html +32 -10
- data/_layouts/home.html +12 -29
- data/_layouts/search.html +3 -3
- data/_sass/centos/_links.scss +62 -0
- data/_sass/centos/_sponsors.scss +112 -0
- data/_sass/centos/_variables.scss +7 -2
- data/_sass/centos/fonts/_overpass.scss +20 -20
- data/assets/css/stylesheet.min.scss +8 -5
- data/assets/img/centos-motif.png +0 -0
- metadata +9 -9
- data/_includes/header/home.html +0 -5
- data/_layouts/aside.html +0 -25
- data/_layouts/page.html +0 -17
- data/_sass/centos/centos-sponsors.scss +0 -126
- data/_sass/centos/centos.scss +0 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 811a22de67dfc07368c4d87a2625162c72eea70166726f1b71830f876124a7c4
|
|
4
|
+
data.tar.gz: 720466aa8e38f77d6d8021c9cddbbf3303fe3d12ccd4c304d44044e82592297f
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 45b0facf53a886de062df08f238eb189f5367923010b2b09a6e37963b1d6967ab26e28ed03552ab1ca036b5275f478701db049bde07646695b58b6c4a497d236
|
|
7
|
+
data.tar.gz: 1e5763a22376c7ecbebf858d270b0d5382938c55cea7b2d8124f7e74f442d2fd3317ae36c337d437480b8707b5b2992ebb9092274552b5d66aebe6c5bb85475d
|
data/_includes/breadcrumbs.html
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
<nav aria-label="breadcrumb">
|
|
1
2
|
<ol class="breadcrumb">
|
|
2
3
|
{% assign crumbs = page.url | remove:'/index.html' | split: '/' %}
|
|
3
|
-
|
|
4
|
+
<li class="breadcrumb-item"><a href="{{ site.baseurl }}">Home</a></li>
|
|
4
5
|
{% for crumb in crumbs offset: 1 %}
|
|
5
6
|
{% if forloop.last %}
|
|
6
7
|
<li class="breadcrumb-item active">{{ page.title }}</li>
|
|
@@ -9,3 +10,4 @@
|
|
|
9
10
|
{% endif %}
|
|
10
11
|
{% endfor %}
|
|
11
12
|
</ol>
|
|
13
|
+
</nav>
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
<!-- Button trigger modal -->
|
|
2
|
+
<button type="button" class="btn btn-sm btn-light" data-bs-toggle="modal" data-bs-target="#modalEditThisPage"><i class="fa-sharp fa-solid fa-pen-to-square"></i> Edit</button>
|
|
3
|
+
<button type="button" class="btn btn-sm btn-light" data-bs-toggle="modal" data-bs-target="#modalReportAnIssue"><i class="fa-solid fa-bug"></i> Report an issue</button>
|
|
4
|
+
|
|
5
|
+
<!-- Modal: Edit this page -->
|
|
6
|
+
<div class="modal fade" id="modalEditThisPage" data-bs-keyboard="true" data-bs-keyboard="false" tabindex="-1" aria-labelledby="modalEditThisPageLabel" aria-hidden="true">
|
|
7
|
+
<div class="modal-dialog modal-lg">
|
|
8
|
+
<div class="modal-content">
|
|
9
|
+
<div class="modal-header">
|
|
10
|
+
<h1 class="modal-title fs-5" id="modalEditThisPageLabel">Edit this page</h1>
|
|
11
|
+
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
12
|
+
</div>
|
|
13
|
+
<div class="modal-body text-start">
|
|
14
|
+
<p>Praesent fermentum tempor tellus. Nullam tempus. Mauris ac felis vel velit tristique imperdiet. Donec at pede. Etiam vel neque nec dui dignissim bibendum. Vivamus id enim. Phasellus neque orci, porta a, aliquet quis, semper a, massa. Phasellus purus. Pellentesque tristique imperdiet tortor. Nam euismod tellus id erat. Nullam eu ante vel est convallis dignissim. Fusce suscipit, wisi nec facilisis facilisis, est dui fermentum leo, quis tempor ligula erat quis odio.</p>
|
|
15
|
+
<pre>
|
|
16
|
+
git clone git.centos.org/centos/centos.org/
|
|
17
|
+
<pre>
|
|
18
|
+
</div>
|
|
19
|
+
<div class="modal-footer">
|
|
20
|
+
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
|
|
21
|
+
</div>
|
|
22
|
+
</div>
|
|
23
|
+
</div>
|
|
24
|
+
</div>
|
|
25
|
+
|
|
26
|
+
<!-- Modal: Report an issue -->
|
|
27
|
+
<div class="modal fade" id="modalReportAnIssue" data-bs-keyboard="true" data-bs-keyboard="false" tabindex="-1" aria-labelledby="modalReportAnIssueLabel" aria-hidden="true">
|
|
28
|
+
<div class="modal-dialog modal-lg">
|
|
29
|
+
<div class="modal-content">
|
|
30
|
+
<div class="modal-header">
|
|
31
|
+
<h1 class="modal-title fs-5" id="modalReportAnIssueLabel">Report an issue</h1>
|
|
32
|
+
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
33
|
+
</div>
|
|
34
|
+
<div class="modal-body text-start">
|
|
35
|
+
<p>Praesent fermentum tempor tellus. Nullam tempus. Mauris ac felis vel velit tristique imperdiet. Donec at pede. Etiam vel neque nec dui dignissim bibendum. Vivamus id enim. Phasellus neque orci, porta a, aliquet quis, semper a, massa. Phasellus purus. Pellentesque tristique imperdiet tortor. Nam euismod tellus id erat. Nullam eu ante vel est convallis dignissim. Fusce suscipit, wisi nec facilisis facilisis, est dui fermentum leo, quis tempor ligula erat quis odio.</p>
|
|
36
|
+
<p>Praesent fermentum tempor tellus. Nullam tempus. Mauris ac felis vel velit tristique imperdiet. Donec at pede. Etiam vel neque nec dui dignissim bibendum. Vivamus id enim. Phasellus neque orci, porta a, aliquet quis, semper a, massa. Phasellus purus. Pellentesque tristique imperdiet tortor. Nam euismod tellus id erat. Nullam eu ante vel est convallis dignissim. Fusce suscipit, wisi nec facilisis facilisis, est dui fermentum leo, quis tempor ligula erat quis odio.</p>
|
|
37
|
+
</div>
|
|
38
|
+
<div class="modal-footer">
|
|
39
|
+
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
|
|
40
|
+
</div>
|
|
41
|
+
</div>
|
|
42
|
+
</div>
|
|
43
|
+
</div>
|
data/_includes/footer.html
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
<footer class="footer
|
|
1
|
+
<footer class="footer pt-3 bg-dark small text-light" style="background: url({{ site.baseurl }}/assets/img/centos-motif.png) right center / cover;">
|
|
2
2
|
|
|
3
3
|
<div class="container">
|
|
4
4
|
<div class="row justify-content-between mt-4 pt-4">
|
|
5
5
|
<div class="col-lg-3 mb-5">
|
|
6
|
-
<a href="{{ site.data.centos.identity.logo.link }}"><img role="img" src="{{ site.data.centos.identity.logo.navbar }}" height="32" alt="{{ site.title }}"><span class="manifestation">{{ site.data.centos.identity.logo.manifestation }}</span></a>
|
|
6
|
+
<a class="navbar-brand" href="{{ site.baseurl }}/{{ site.data.centos.identity.logo.link }}"><img role="img" src="{{ site.baseurl }}/{{ site.data.centos.identity.logo.navbar }}" height="32" alt="{{ site.title }}"><span class="manifestation">{{ site.data.centos.identity.logo.manifestation }}</span></a>
|
|
7
7
|
<p class="my-3">{{ site.description }}</p>
|
|
8
|
-
<ul class="list-unstyled d-flex">
|
|
8
|
+
<ul class="nav list-unstyled d-flex">
|
|
9
9
|
{% for item in site.data.centos.footer.social %}
|
|
10
|
-
<li class="me-4
|
|
10
|
+
<li class="nav-item me-4 fs-5"><a href="{{ item.link }}" role="button" aria-label="{{ item.name }}" class="link-light"><i class="{{ item.icon }}"></i></a></li>
|
|
11
11
|
{% endfor %}
|
|
12
12
|
</ul>
|
|
13
13
|
</div>
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
<h6 class="text-uppercase fw-bold">{{ section.name }}</h6>
|
|
21
21
|
<ul class="nav flex-column">
|
|
22
22
|
{% for item in section.menu %}
|
|
23
|
-
<li class="nav-item my-1"><a href="{{ item.link }}" class="
|
|
23
|
+
<li class="nav-item my-1"><a href="{{ item.link }}" class="px-0 link-light">{{ item.name }}</a></li>
|
|
24
24
|
{% endfor %}
|
|
25
25
|
</ul>
|
|
26
26
|
</div>
|
|
@@ -29,8 +29,8 @@
|
|
|
29
29
|
{% endif %}
|
|
30
30
|
</div>
|
|
31
31
|
|
|
32
|
-
<div class="row">
|
|
33
|
-
<div class="col">Copyright © {{ site.time | date: "%Y" }} {{ site.data.centos.footer.copyright.author }} {% for item in site.data.centos.footer.copyright.legals %} | <a href="{{ item.link }}" class="
|
|
32
|
+
<div class="row pt-5">
|
|
33
|
+
<div class="col">Copyright © {{ site.time | date: "%Y" }} {{ site.data.centos.footer.copyright.author }} {% for item in site.data.centos.footer.copyright.legals %} | <span class="nav-item"><a href="{{ item.link }}" class="link-light">{{ item.text }}</a></span>{% endfor %}</p></div>
|
|
34
34
|
</div>
|
|
35
35
|
|
|
36
36
|
</footer>
|
data/_includes/head.html
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
<meta charset="utf-8">
|
|
3
3
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
|
|
4
4
|
<title>{{ page.title }}</title>
|
|
5
|
-
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon.png">
|
|
6
|
-
<link rel="stylesheet" href="assets/css/stylesheet.min.css">
|
|
5
|
+
<link rel="icon" type="image/png" sizes="16x16" href="{{ site.baseurl }}/assets/img/favicon.png">
|
|
6
|
+
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/stylesheet.min.css">
|
|
7
7
|
</head>
|
data/_includes/header/page.html
CHANGED
|
@@ -1,6 +1,2 @@
|
|
|
1
|
-
<
|
|
2
|
-
|
|
3
|
-
<p class="header__page__description">{{ page.title_lead }}</p>
|
|
4
|
-
</header>
|
|
5
|
-
|
|
6
|
-
{% include hr.html %}
|
|
1
|
+
<h1 class="display-4 fw-bold">{{ page.title }}</h1>
|
|
2
|
+
<p class="lead">{{ page.title_lead }}</p>
|
|
@@ -1,57 +1,29 @@
|
|
|
1
|
-
<div
|
|
2
|
-
<div class="col text-center">
|
|
1
|
+
<div style="background: linear-gradient(180deg, #ffe8ed, #fbedd3, #f8f9fa)">
|
|
3
2
|
|
|
4
|
-
|
|
5
|
-
<p class="lead">We offer two Linux variants:</p>
|
|
6
|
-
<p class="my-3"><a role="button" href="cl-vs-cs">What's the difference?</a></p>
|
|
3
|
+
<div class="container py-5 text-center">
|
|
7
4
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
{% endfor %}
|
|
15
|
-
</ul>
|
|
16
|
-
|
|
17
|
-
<div class="tab-content" id="pills-tabContent">
|
|
18
|
-
{% for item in site.data.centos.distributions %}
|
|
19
|
-
|
|
20
|
-
<div class="tab-pane fade show{% if forloop.first %} active{% endif %}" id="{{ item.page }}" role="tabpanel" aria-labelledby="{{ item.page }}-tab">
|
|
21
|
-
<p>{{ item.description }}</p>
|
|
22
|
-
<div id="carouselScreenshots-{{ item.page }}" class="shadow carousel slide" data-bs-ride="true">
|
|
23
|
-
<div class="carousel-indicators">
|
|
24
|
-
{% for screenshot in item.screenshots %}
|
|
25
|
-
<button type="button" data-bs-target="#carouselScreenshots-{{ item.page }}" data-bs-slide-to="{{ forloop.index0 }}" class="{% if forloop.first %}active" aria-current="true{% endif %}" aria-label="Screenshot {{ forloop.index }}"></button>
|
|
26
|
-
{% endfor %}
|
|
27
|
-
</div>
|
|
28
|
-
<div class="carousel-inner">
|
|
29
|
-
{% for screenshot in item.screenshots %}
|
|
30
|
-
<div class="carousel-item{% if forloop.first %} active{% endif %}">
|
|
31
|
-
<img src="{{ screenshot.image }}" class="d-block w-100" alt="{{ screenshot.description }}">
|
|
32
|
-
</div>
|
|
33
|
-
{% endfor %}
|
|
34
|
-
</div>
|
|
35
|
-
<button class="carousel-control-prev" type="button" data-bs-target="#carouselScreenshots-{{ item.page }}" data-bs-slide="prev">
|
|
36
|
-
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
37
|
-
<span class="visually-hidden">Previous</span>
|
|
38
|
-
</button>
|
|
39
|
-
<button class="carousel-control-next" type="button" data-bs-target="#carouselScreenshots-{{ item.page }}" data-bs-slide="next">
|
|
40
|
-
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
41
|
-
<span class="visually-hidden">Next</span>
|
|
42
|
-
</button>
|
|
43
|
-
</div>
|
|
44
|
-
|
|
45
|
-
<div class="d-grid gap-2 my-3">
|
|
46
|
-
<a class="btn btn-primary" href="{{ item.page }}" role="button"><i class="fas fa-download"></i> Download {{ item.name }}</a>
|
|
47
|
-
</div>
|
|
5
|
+
<div class="row">
|
|
6
|
+
<div class="col">
|
|
7
|
+
<div class="display-6">Linux distributions</div>
|
|
8
|
+
<p>We offer two Linux variants:</p>
|
|
9
|
+
</div>
|
|
10
|
+
</div>
|
|
48
11
|
|
|
49
|
-
|
|
12
|
+
<div class="row">
|
|
13
|
+
{% for item in site.data.centos.distributions limit:2 %}
|
|
14
|
+
<div class="col-sm-6 px-5 mb-3{% if forloop.first %} border-end border-white{% endif %}">
|
|
15
|
+
<h3 class="display-6 fw-bold"><a href="{{ item.page }}">{{ item.name }}</a></h3>
|
|
16
|
+
<p class="lead">{{ item.description }}</p>
|
|
17
|
+
</div>
|
|
18
|
+
{% endfor%}
|
|
19
|
+
</div>
|
|
50
20
|
|
|
51
|
-
|
|
21
|
+
<div class="row">
|
|
22
|
+
<div class="col">
|
|
23
|
+
<p><a href="cl-vs-cs">What's the difference?</a></p>
|
|
24
|
+
</div>
|
|
25
|
+
</div>
|
|
52
26
|
|
|
53
|
-
|
|
54
|
-
</nav>
|
|
27
|
+
</div>
|
|
55
28
|
|
|
56
|
-
</div>
|
|
57
29
|
</div>
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<div class="bg-dark py-5" style="background: url({{ site.baseurl }}/assets/img/centos-motif.png) right center / cover;">
|
|
2
|
+
<div class="container py-5 text-white text-center">
|
|
3
|
+
<div class="row py-5">
|
|
4
|
+
<div class="col">
|
|
5
|
+
<h1 class="display-1 fw-bold">{{ site.title }}</h1>
|
|
6
|
+
<p class="lead">{{ site.description }}</p>
|
|
7
|
+
</div>
|
|
8
|
+
</div>
|
|
9
|
+
</div>
|
|
10
|
+
</div>
|
|
@@ -1,56 +1,26 @@
|
|
|
1
|
-
|
|
2
|
-
<h2 class="fw-bold">News and events</h2>
|
|
3
|
-
<div class="list-group mb-3">
|
|
4
|
-
<a href="#" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true">
|
|
5
|
-
<i class="fa-solid fa-calendar-days"></i>
|
|
6
|
-
<div class="d-flex gap-2 w-100 justify-content-between">
|
|
7
|
-
<div>
|
|
8
|
-
<h6 class="mb-0">List group item heading</h6>
|
|
9
|
-
<p class="mb-0 opacity-75">Some placeholder content in a paragraph.</p>
|
|
10
|
-
</div>
|
|
11
|
-
<small class="opacity-50 text-nowrap">now</small>
|
|
12
|
-
</div>
|
|
13
|
-
</a>
|
|
14
|
-
<a href="#" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true">
|
|
15
|
-
<i class="fa-solid fa-calendar-days"></i>
|
|
16
|
-
<div class="d-flex gap-2 w-100 justify-content-between">
|
|
17
|
-
<div>
|
|
18
|
-
<h6 class="mb-0">Another title here</h6>
|
|
19
|
-
<p class="mb-0 opacity-75">Some placeholder content in a paragraph that goes a little longer so it wraps to a new line.</p>
|
|
20
|
-
</div>
|
|
21
|
-
<small class="opacity-50 text-nowrap">3d</small>
|
|
22
|
-
</div>
|
|
23
|
-
</a>
|
|
24
|
-
<a href="#" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true">
|
|
25
|
-
<i class="fa-solid fa-calendar-days"></i>
|
|
26
|
-
<div class="d-flex gap-2 w-100 justify-content-between">
|
|
27
|
-
<div>
|
|
28
|
-
<h6 class="mb-0">Third heading</h6>
|
|
29
|
-
<p class="mb-0 opacity-75">Some placeholder content in a paragraph.</p>
|
|
30
|
-
</div>
|
|
31
|
-
<small class="opacity-50 text-nowrap">1w</small>
|
|
32
|
-
</div>
|
|
33
|
-
</a>
|
|
34
|
-
</div>
|
|
1
|
+
{% assign entries = site.posts | where: "category", "news-and-events" %}
|
|
35
2
|
|
|
36
|
-
|
|
37
|
-
<
|
|
3
|
+
<div class="container pb-2 text-center">
|
|
4
|
+
<div class="row">
|
|
5
|
+
<div class="display-6">News and Events</div>
|
|
38
6
|
|
|
39
|
-
|
|
7
|
+
<div class="col">
|
|
8
|
+
<div class="list-group shadow mb-3">
|
|
9
|
+
{% for i in entries limit:5 %}
|
|
10
|
+
{%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
|
|
11
|
+
<a href="{{ i.link }}" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true">
|
|
12
|
+
<i class="text-primary mt-2 fa-solid fa-calendar-days"></i>
|
|
13
|
+
<div class="d-flex gap-2 w-100 justify-content-between">
|
|
14
|
+
<div class="text-start">
|
|
15
|
+
<h5 class="text-primary">{{ i.title }}</h5>
|
|
16
|
+
<p class="opacity-75">{{ i.excerpt | strip_html | slice: 0,150 }}...</p>
|
|
17
|
+
</div>
|
|
18
|
+
<small class="opacity-50 text-nowrap">{{ i.date | date: date_format }}</small>
|
|
19
|
+
</div>
|
|
20
|
+
</a>
|
|
21
|
+
{% endfor %}
|
|
22
|
+
</div>
|
|
23
|
+
</div>
|
|
40
24
|
|
|
41
|
-
<div class="home__news-and-events__content">
|
|
42
|
-
{% assign blog_posts = site.posts | where: "category", "news-and-events" %}
|
|
43
|
-
{% for i in blog_posts limit:5 %}
|
|
44
|
-
{%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
|
|
45
|
-
<a class="btn" role="button" href="{{ i.url }}">
|
|
46
|
-
<div class="card">
|
|
47
|
-
<h3 class="card-title">{{ i.title }}</h3>
|
|
48
|
-
<div class="card-body">{{ i.date | date: date_format }} — {{ i.excerpt | strip_html }}</div>
|
|
49
25
|
</div>
|
|
50
|
-
</a>
|
|
51
|
-
{% endfor %}
|
|
52
|
-
</div>
|
|
53
|
-
|
|
54
|
-
</section>
|
|
55
|
-
-->
|
|
56
26
|
</div>
|
data/_includes/home/planet.html
CHANGED
|
@@ -1,56 +1,26 @@
|
|
|
1
|
-
|
|
2
|
-
<h2 class="fw-bold">Blog posts</h2>
|
|
3
|
-
<div class="list-group mb-3">
|
|
4
|
-
<a href="#" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true">
|
|
5
|
-
<i class="fa-solid fa-globe"></i>
|
|
6
|
-
<div class="d-flex gap-2 w-100 justify-content-between">
|
|
7
|
-
<div>
|
|
8
|
-
<h6 class="mb-0">List group item heading</h6>
|
|
9
|
-
<p class="mb-0 opacity-75">Some placeholder content in a paragraph.</p>
|
|
10
|
-
</div>
|
|
11
|
-
<small class="opacity-50 text-nowrap">now</small>
|
|
12
|
-
</div>
|
|
13
|
-
</a>
|
|
14
|
-
<a href="#" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true">
|
|
15
|
-
<i class="fa-solid fa-globe"></i>
|
|
16
|
-
<div class="d-flex gap-2 w-100 justify-content-between">
|
|
17
|
-
<div>
|
|
18
|
-
<h6 class="mb-0">Another title here</h6>
|
|
19
|
-
<p class="mb-0 opacity-75">Some placeholder content in a paragraph that goes a little longer so it wraps to a new line.</p>
|
|
20
|
-
</div>
|
|
21
|
-
<small class="opacity-50 text-nowrap">3d</small>
|
|
22
|
-
</div>
|
|
23
|
-
</a>
|
|
24
|
-
<a href="#" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true">
|
|
25
|
-
<i class="fa-solid fa-globe"></i>
|
|
26
|
-
<div class="d-flex gap-2 w-100 justify-content-between">
|
|
27
|
-
<div>
|
|
28
|
-
<h6 class="mb-0">Third heading</h6>
|
|
29
|
-
<p class="mb-0 opacity-75">Some placeholder content in a paragraph.</p>
|
|
30
|
-
</div>
|
|
31
|
-
<small class="opacity-50 text-nowrap">1w</small>
|
|
32
|
-
</div>
|
|
33
|
-
</a>
|
|
34
|
-
</div>
|
|
35
|
-
</div>
|
|
1
|
+
{% assign entries = site.data.centos.planet %}
|
|
36
2
|
|
|
37
|
-
|
|
38
|
-
<
|
|
3
|
+
<div class="container py-2 text-center">
|
|
4
|
+
<div class="row">
|
|
5
|
+
<div class="display-6">Blob posts</div>
|
|
39
6
|
|
|
40
|
-
|
|
7
|
+
<div class="col">
|
|
8
|
+
<div class="list-group shadow mb-3">
|
|
9
|
+
{% for i in entries limit:5 %}
|
|
10
|
+
{%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
|
|
11
|
+
<a href="{{ i.link }}" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true">
|
|
12
|
+
<i class="text-primary mt-2 fa-solid fa-globe"></i>
|
|
13
|
+
<div class="d-flex gap-2 w-100 justify-content-between">
|
|
14
|
+
<div class="text-start">
|
|
15
|
+
<h5 class="text-primary">{{ i.title }}</h5>
|
|
16
|
+
<p class="opacity-75">{{ i.summary | strip_html | slice: 0,150 }}...</p>
|
|
17
|
+
</div>
|
|
18
|
+
<small class="opacity-50 text-nowrap">{{ i.published | date: date_format }}</small>
|
|
19
|
+
</div>
|
|
20
|
+
</a>
|
|
21
|
+
{% endfor %}
|
|
22
|
+
</div>
|
|
23
|
+
</div>
|
|
41
24
|
|
|
42
|
-
<div class="home__planet__content">
|
|
43
|
-
{% assign entries = site.data.centos.planet %}
|
|
44
|
-
{% for i in entries limit:5 %}
|
|
45
|
-
{%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
|
|
46
|
-
<a class="btn" role="button" href="{{ i.link }}">
|
|
47
|
-
<div class="card">
|
|
48
|
-
<h3 class="card-title">{{ i.title }}</h3>
|
|
49
|
-
<div class="card-body">{{ i.published | date: date_format }} — {{ i.summary | strip_html | slice: 0,150 }}...</div>
|
|
50
25
|
</div>
|
|
51
|
-
|
|
52
|
-
{% endfor %}
|
|
53
|
-
</div>
|
|
54
|
-
|
|
55
|
-
</section>
|
|
56
|
-
-->
|
|
26
|
+
</div>
|
|
@@ -1,53 +1,62 @@
|
|
|
1
1
|
{% assign sponsors_limit = 65 %}
|
|
2
2
|
|
|
3
|
-
<div class="
|
|
4
|
-
<h2 class="fw-bold">Sponsors</h2>
|
|
5
|
-
<div class="col">
|
|
6
|
-
<p>CentOS would not be possible without the support of our sponsors. We would like to thank the following product/service for being a CentOS sponsor.</p>
|
|
7
|
-
</div>
|
|
3
|
+
<div class="container py-2 text-center">
|
|
8
4
|
|
|
9
|
-
<div class="
|
|
10
|
-
|
|
11
|
-
<div class="
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
5
|
+
<div class="row">
|
|
6
|
+
<div class="col">
|
|
7
|
+
<div class="display-6">Sponsors</div>
|
|
8
|
+
<p>CentOS would not be possible without the support of our sponsors. We would like to thank the following product/service for being a CentOS sponsor.</p>
|
|
9
|
+
</div>
|
|
10
|
+
</div>
|
|
11
|
+
|
|
12
|
+
<div class="row">
|
|
13
|
+
<div class="col">
|
|
14
|
+
<div class="content d-flex align-items-center justify-content-center">
|
|
15
|
+
<div class="container rounded">
|
|
16
|
+
<div class="rollers position-relative overflow-hidden">
|
|
17
|
+
<div class="start-roller"></div>
|
|
18
|
+
<div class="wrapper">
|
|
19
|
+
<div class="items-container roll-LL">
|
|
20
|
+
{% for sponsor in site.sponsors limit: sponsors_limit %}
|
|
21
|
+
<div class="item">
|
|
22
|
+
<a class="btn btn-link" href="{{ sponsor.address }}"><img src="{{ sponsor.logo }}" alt="{{ sponsor.name }}" class="company"></a>
|
|
23
|
+
</div>
|
|
24
|
+
{% endfor %}
|
|
25
|
+
</div>
|
|
26
|
+
<div class="items-container roll-RL">
|
|
27
|
+
{% for sponsor in site.sponsors limit: sponsors_limit %}
|
|
28
|
+
<div class="item">
|
|
29
|
+
<a class="btn btn-link" href="{{ sponsor.address }}"><img src="{{ sponsor.logo }}" alt="{{ sponsor.name }}" class="company"></a>
|
|
30
|
+
</div>
|
|
31
|
+
{% endfor %}
|
|
32
|
+
</div>
|
|
35
33
|
</div>
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
34
|
+
<div class="wrapper">
|
|
35
|
+
<div class="items-container reverse-roll-LL">
|
|
36
|
+
{% for sponsor in site.sponsors limit: sponsors_limit | reverse %}
|
|
37
|
+
<div class="item">
|
|
38
|
+
<a class="btn btn-link" href="{{ sponsor.address }}"><img src="{{ sponsor.logo }}" alt="{{ sponsor.name }}" class="company"></a>
|
|
39
|
+
</div>
|
|
40
|
+
{% endfor %}
|
|
41
|
+
</div>
|
|
42
|
+
<div class="items-container reverse-roll-RL">
|
|
43
|
+
{% for sponsor in site.sponsors limit: sponsors_limit | reverse %}
|
|
44
|
+
<div class="item">
|
|
45
|
+
<a class="btn btn-link" href="{{ sponsor.address }}"><img src="{{ sponsor.logo }}" alt="{{ sponsor.name }}" class="company"></a>
|
|
46
|
+
</div>
|
|
47
|
+
{% endfor %}
|
|
48
|
+
</div>
|
|
42
49
|
</div>
|
|
43
|
-
|
|
50
|
+
<div class="end-roller"></div>
|
|
44
51
|
</div>
|
|
45
52
|
</div>
|
|
46
|
-
<div class="end-roller"></div>
|
|
47
53
|
</div>
|
|
48
54
|
</div>
|
|
49
55
|
</div>
|
|
50
|
-
</div>
|
|
51
56
|
|
|
52
|
-
<
|
|
57
|
+
<div class="row">
|
|
58
|
+
<div class="col">
|
|
59
|
+
<p>If you value our work, please consider <a href="sponsors"><i class="fa-solid fa-hand-holding-heart"></i> becoming a sponsor</a>!</p>
|
|
60
|
+
</div>
|
|
61
|
+
</div>
|
|
53
62
|
</div>
|
data/_includes/navbar.html
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<header class="site-header sticky-top">
|
|
2
2
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark p-3 shadow">
|
|
3
3
|
<div class="container">
|
|
4
|
-
<a class="navbar-brand" href="{{ site.data.centos.identity.logo.link }}"><img role="img" src="{{ site.data.centos.identity.logo.navbar }}" height="32" alt="{{ site.title }}"><span class="manifestation">{{ site.data.centos.identity.logo.manifestation }}</span></a>
|
|
4
|
+
<a class="navbar-brand" href="{{ site.baseurl }}/{{ site.data.centos.identity.logo.link }}"><img role="img" src="{{ site.baseurl }}/{{ site.data.centos.identity.logo.navbar }}" height="32" alt="{{ site.title }}"><span class="manifestation">{{ site.data.centos.identity.logo.manifestation }}</span></a>
|
|
5
5
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
6
6
|
<span class="navbar-toggler-icon"></span>
|
|
7
7
|
</button>
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
{% else -%}
|
|
14
14
|
<li class="nav-item dropdown">
|
|
15
15
|
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown-{{ forloop.index }}" role="button" data-bs-toggle="dropdown" aria-expanded="false"><i class="{{ nav-item.icon }}"></i> {{ nav-item.name }}</a>
|
|
16
|
-
<ul class="dropdown-menu" aria-labelledby="navbarDropdown-{{ forloop.index }}">
|
|
16
|
+
<ul class="dropdown-menu dropdown-menu-dark shadow" aria-labelledby="navbarDropdown-{{ forloop.index }}">
|
|
17
17
|
{%- for dropdown-item in nav-item.menu -%}
|
|
18
18
|
<li><a class="dropdown-item" role="presentation" href="{{ dropdown-item.link }}">{{ dropdown-item.name }}</a> </li>
|
|
19
19
|
{% endfor -%}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<div class="accordion my-4" id="pageTocAccordion">
|
|
2
|
+
<div class="accordion-item">
|
|
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">Table of content</button>
|
|
5
|
+
</div>
|
|
6
|
+
<div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#pageTocAccordion">
|
|
7
|
+
<div class="accordion-body">{% include toc.html html=content %}</div>
|
|
8
|
+
</div>
|
|
9
|
+
</div>
|
|
10
|
+
</div>
|
data/_includes/toc.html
CHANGED
|
@@ -94,11 +94,6 @@
|
|
|
94
94
|
{{ my_toc | lstrip }}{% endcapture %}
|
|
95
95
|
{% endif %}{% endcapture %}
|
|
96
96
|
|
|
97
|
-
<div class="toc">
|
|
98
97
|
{% if my_toc != "" %}
|
|
99
|
-
|
|
100
|
-
<section class="toc__section">
|
|
101
|
-
{% assign tocWorkspace = '' %}{{ my_toc | markdownify | strip }}
|
|
102
|
-
</section>
|
|
98
|
+
{% assign tocWorkspace = '' %}{{ my_toc | markdownify | strip }}
|
|
103
99
|
{% endif %}
|
|
104
|
-
</div>
|
|
@@ -20,16 +20,16 @@
|
|
|
20
20
|
|
|
21
21
|
{% include footer.html -%}
|
|
22
22
|
|
|
23
|
-
<script src="
|
|
24
|
-
<script src="
|
|
25
|
-
<script src="
|
|
23
|
+
<script src="assets/js/jquery.min.js"></script>
|
|
24
|
+
<script src="assets/js/jquery.dataTables.min.js"></script>
|
|
25
|
+
<script src="assets/js/dataTables.bootstrap5.min.js"></script>
|
|
26
26
|
<script>
|
|
27
27
|
$(document).ready(function() {
|
|
28
28
|
$('#download-mirror').DataTable();
|
|
29
29
|
} );
|
|
30
30
|
</script>
|
|
31
31
|
|
|
32
|
-
<script src="/assets/js/bootstrap.bundle.min.js"></script>
|
|
32
|
+
<script src="{{ site.baseurl }}/assets/js/bootstrap.bundle.min.js"></script>
|
|
33
33
|
</body>
|
|
34
34
|
|
|
35
35
|
</html>
|
data/_layouts/default.html
CHANGED
|
@@ -1,20 +1,42 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
2
|
<html lang="{{ page.lang | default: 'en' }}">
|
|
3
3
|
|
|
4
|
-
{% include head.html -%}
|
|
4
|
+
{% include head.html -%}
|
|
5
5
|
|
|
6
|
-
<body
|
|
6
|
+
<body>
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
{% include navbar.html -%}
|
|
10
|
-
{% include header.html -%}
|
|
8
|
+
{% include navbar.html -%}
|
|
11
9
|
|
|
12
|
-
|
|
13
|
-
<main>
|
|
10
|
+
<main class="bg-light">
|
|
14
11
|
|
|
15
|
-
|
|
12
|
+
<div class="bg-dark" style="background: url({{ site.baseurl }}/assets/img/centos-motif.png) right center / cover;">
|
|
13
|
+
<div class="container py-5 text-light">
|
|
14
|
+
<div class="row mb-5">
|
|
15
|
+
<div class="col">
|
|
16
|
+
{% include header.html -%}
|
|
17
|
+
</div>
|
|
18
|
+
</div>
|
|
19
|
+
</div>
|
|
20
|
+
</div>
|
|
16
21
|
|
|
17
|
-
|
|
18
|
-
|
|
22
|
+
<div class="container shadow-lg bg-body p-5 mt-n5 rounded">
|
|
23
|
+
<div class="row">
|
|
24
|
+
<div class="col-sm-8">{% include breadcrumbs.html %}</div>
|
|
25
|
+
<div class="col-sm-4 text-end">{% include editbar.html %}</div>
|
|
26
|
+
</div>
|
|
27
|
+
<div class="row">
|
|
28
|
+
<div class="col">{% include toc-accordion.html %}</div>
|
|
29
|
+
</div>
|
|
30
|
+
<div class="row">
|
|
31
|
+
<div class="col mt-3">{{ content }}</div>
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
34
|
+
|
|
35
|
+
</main>
|
|
36
|
+
|
|
37
|
+
{% include footer.html -%}
|
|
38
|
+
|
|
39
|
+
<script src="{{ site.baseurl }}/assets/js/bootstrap.bundle.min.js"></script>
|
|
40
|
+
</body>
|
|
19
41
|
|
|
20
42
|
</html>
|
data/_layouts/home.html
CHANGED
|
@@ -1,40 +1,23 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
2
|
<html lang="{{ page.lang | default: 'en' }}">
|
|
3
3
|
|
|
4
|
-
{% include head.html -%}
|
|
4
|
+
{% include head.html -%}
|
|
5
5
|
|
|
6
|
-
<body
|
|
6
|
+
<body>
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
{% include navbar.html -%}
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
<main class="bg-light">
|
|
11
11
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
12
|
+
{% include home/header.html %}
|
|
13
|
+
{% include home/distributions.html %}
|
|
14
|
+
{% include home/news-and-events.html %}
|
|
15
|
+
{% include home/planet.html %}
|
|
16
|
+
{% include home/sponsors.html %}
|
|
17
17
|
|
|
18
|
-
|
|
18
|
+
{% include footer.html -%}
|
|
19
19
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
{% endif %}
|
|
23
|
-
|
|
24
|
-
<div class="row pt-3">
|
|
25
|
-
{% include home/news-and-events.html %}
|
|
26
|
-
{% include home/planet.html %}
|
|
27
|
-
</div>
|
|
28
|
-
|
|
29
|
-
{% include home/sponsors.html %}
|
|
30
|
-
|
|
31
|
-
</div>
|
|
32
|
-
|
|
33
|
-
</main>
|
|
34
|
-
|
|
35
|
-
{% include footer.html -%}
|
|
36
|
-
|
|
37
|
-
<script src="assets/js/bootstrap.bundle.min.js"></script>
|
|
38
|
-
</body>
|
|
20
|
+
<script src="{{ site.baseurl }}/assets/js/bootstrap.bundle.min.js"></script>
|
|
21
|
+
</body>
|
|
39
22
|
|
|
40
23
|
</html>
|
data/_layouts/search.html
CHANGED
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
<meta charset="utf-8">
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
|
|
7
7
|
<title>{{ page.title }}</title>
|
|
8
|
-
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon.png">
|
|
9
|
-
<link rel="stylesheet" href="/assets/css/centos.bootstrap.min.css">
|
|
8
|
+
<link rel="icon" type="image/png" sizes="16x16" href="{{ site.baseurl }}/assets/img/favicon.png">
|
|
9
|
+
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/centos.bootstrap.min.css">
|
|
10
10
|
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/instantsearch.js@2.6.0/dist/instantsearch.min.css">
|
|
11
11
|
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/instantsearch.js@2.6.0/dist/instantsearch-theme-algolia.min.css">
|
|
12
12
|
</head>
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
|
|
33
33
|
{% include footer.html -%}
|
|
34
34
|
|
|
35
|
-
<script src="/assets/js/bootstrap.bundle.min.js"></script>
|
|
35
|
+
<script src="{{ site.baseurl }}/assets/js/bootstrap.bundle.min.js"></script>
|
|
36
36
|
</body>
|
|
37
37
|
|
|
38
38
|
</html>
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
/* CentOS Links
|
|
2
|
+
*
|
|
3
|
+
* Thanks Harshil Patel for sharing the code used as reference.
|
|
4
|
+
* https://css-tricks.com/css-link-hover-effects/
|
|
5
|
+
*/
|
|
6
|
+
a {
|
|
7
|
+
position: relative;
|
|
8
|
+
padding-bottom: 5px;
|
|
9
|
+
|
|
10
|
+
&::before {
|
|
11
|
+
content: '';
|
|
12
|
+
position: absolute;
|
|
13
|
+
width: 100%;
|
|
14
|
+
height: 3px;
|
|
15
|
+
bottom: 0;
|
|
16
|
+
left: 0;
|
|
17
|
+
transform-origin: right;
|
|
18
|
+
transform: scaleX(0);
|
|
19
|
+
transition: transform .1s ease-in-out;
|
|
20
|
+
background-color: var(--bs-primary);
|
|
21
|
+
}
|
|
22
|
+
&:hover{
|
|
23
|
+
color: var(--bs-primary);
|
|
24
|
+
}
|
|
25
|
+
&:hover::before {
|
|
26
|
+
transform-origin: left;
|
|
27
|
+
transform: scaleX(1);
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
// --------------------------------------------------------------------------------
|
|
32
|
+
// Exceptions
|
|
33
|
+
//
|
|
34
|
+
// By default, the link effects defined above are applied to all anchor
|
|
35
|
+
// elements. This is the desired behavior in most of cases. However there are
|
|
36
|
+
// some elements in which we don't what to apply the link effect. Such
|
|
37
|
+
// elements/classes are specified below.
|
|
38
|
+
// --------------------------------------------------------------------------------
|
|
39
|
+
.navbar, .rollers {
|
|
40
|
+
a {
|
|
41
|
+
&::before {
|
|
42
|
+
content: none;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
.btn, .navbar-brand {
|
|
47
|
+
&::before {
|
|
48
|
+
content: none;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
// --------------------------------------------------------------------------------
|
|
53
|
+
// Navbar and linked headings' correction.
|
|
54
|
+
//
|
|
55
|
+
// By default, when you access page headings from the page table of content
|
|
56
|
+
// (toc) links, the heading is hidden behind the navbar. This workaround fixes
|
|
57
|
+
// the linked headings visibility issue in the page.
|
|
58
|
+
// --------------------------------------------------------------------------------
|
|
59
|
+
h1,h2,h3,h4,h5,h6 {
|
|
60
|
+
padding-top: calc(#{$navbar-brand-height} * 2);
|
|
61
|
+
margin-top: calc(#{$navbar-brand-height} * -2);
|
|
62
|
+
}
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
/* Sponsors' rolling images used in the homepage.
|
|
2
|
+
*
|
|
3
|
+
* Thanks Anand Vunnam for sharing the code used as reference.
|
|
4
|
+
* https://bbbootstrap.com/snippets/bootstrap-5-rolling-images-animation-33714815
|
|
5
|
+
**/
|
|
6
|
+
@keyframes roll {
|
|
7
|
+
0% {
|
|
8
|
+
left: 0%;
|
|
9
|
+
}
|
|
10
|
+
100% {
|
|
11
|
+
left: -100%;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
@keyframes roll-reverse {
|
|
15
|
+
0% {
|
|
16
|
+
left: 100%;
|
|
17
|
+
}
|
|
18
|
+
100% {
|
|
19
|
+
left: 0%; }
|
|
20
|
+
}
|
|
21
|
+
@keyframes roll-clockwise {
|
|
22
|
+
0% {
|
|
23
|
+
left: -100%;
|
|
24
|
+
}
|
|
25
|
+
100% {
|
|
26
|
+
left: 0%; }
|
|
27
|
+
}
|
|
28
|
+
@keyframes roll-reverse-clockwise {
|
|
29
|
+
0% {
|
|
30
|
+
left: 0%;
|
|
31
|
+
}
|
|
32
|
+
100% {
|
|
33
|
+
left: 100%;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
.container {
|
|
37
|
+
.start-roller {
|
|
38
|
+
left: 0;
|
|
39
|
+
top: 0;
|
|
40
|
+
background-image: linear-gradient(to right, #f8f9fa 30%, #f8f9fa00);
|
|
41
|
+
}
|
|
42
|
+
.end-roller {
|
|
43
|
+
right: 0;
|
|
44
|
+
top: 0;
|
|
45
|
+
background-image: linear-gradient(to left, #f8f9fa 30%, #f8f9fa00);
|
|
46
|
+
}
|
|
47
|
+
.start-roller, .end-roller {
|
|
48
|
+
height: 100%;
|
|
49
|
+
width: 40px;
|
|
50
|
+
position: absolute;
|
|
51
|
+
z-index: 1;
|
|
52
|
+
}
|
|
53
|
+
.rollers {
|
|
54
|
+
flex: 0 0 230px;
|
|
55
|
+
.wrapper {
|
|
56
|
+
position: relative;
|
|
57
|
+
// You may need to adjust the wrapper width based on the number of images
|
|
58
|
+
// you are loading. In our case, 15600px is fine to present 65 images.
|
|
59
|
+
// The image size expected is 200x60 pixels.
|
|
60
|
+
width: 15600px;
|
|
61
|
+
height: 80px;
|
|
62
|
+
margin: 0 0 20px 0;
|
|
63
|
+
flex: 0 0 auto;
|
|
64
|
+
.items-container {
|
|
65
|
+
display: flex;
|
|
66
|
+
align-items: center;
|
|
67
|
+
position: absolute;
|
|
68
|
+
width: 100%;
|
|
69
|
+
height: 100%;
|
|
70
|
+
animation-duration: 240s;
|
|
71
|
+
animation-iteration-count: infinite;
|
|
72
|
+
animation-timing-function: linear;
|
|
73
|
+
&.roll-LL {
|
|
74
|
+
animation-name: roll;
|
|
75
|
+
}
|
|
76
|
+
&.roll-RL {
|
|
77
|
+
animation-name: roll-reverse;
|
|
78
|
+
left: 100%;
|
|
79
|
+
}
|
|
80
|
+
&.reverse-roll-LL {
|
|
81
|
+
animation-name: roll-clockwise;
|
|
82
|
+
left: -100%;
|
|
83
|
+
}
|
|
84
|
+
&.reverse-roll-RL {
|
|
85
|
+
animation-name: roll-reverse-clockwise;
|
|
86
|
+
left: 100%;
|
|
87
|
+
}
|
|
88
|
+
.item {
|
|
89
|
+
flex: 1 1 200px;
|
|
90
|
+
min-width: 0;
|
|
91
|
+
margin: 20px;
|
|
92
|
+
.company {
|
|
93
|
+
filter: grayscale(100%);
|
|
94
|
+
opacity: 0.2;
|
|
95
|
+
width: 100%;
|
|
96
|
+
object-fit: scale-down;
|
|
97
|
+
opacity: 0.4;
|
|
98
|
+
&:hover {
|
|
99
|
+
filter: grayscale(0%);
|
|
100
|
+
opacity: 1;
|
|
101
|
+
cursor: pointer;
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
img {
|
|
105
|
+
vertical-align: middle;
|
|
106
|
+
height: 60px;
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
}
|
|
@@ -8,13 +8,18 @@ $centos-color-4: #efa724;
|
|
|
8
8
|
//
|
|
9
9
|
// Bootstrap v5 customization variables
|
|
10
10
|
//
|
|
11
|
-
$enable-rounded:
|
|
11
|
+
$enable-rounded: true;
|
|
12
12
|
$enable-negative-margins: true;
|
|
13
13
|
$nav-pills-link-active-bg: $centos-color-1;
|
|
14
14
|
$link-color: $centos-color-1;
|
|
15
|
+
$link-decoration: none;
|
|
15
16
|
$primary: $centos-color-1;
|
|
16
17
|
$secondary: $centos-color-4;
|
|
17
|
-
$dark: #
|
|
18
|
+
$dark: #200735;
|
|
19
|
+
$dropdown-dark-bg: $dark;
|
|
18
20
|
$gradient: linear-gradient(rgba(239,167,36,0.3), rgba(161,79,140,0.3) 30%, rgba(255,255,255,1));
|
|
19
21
|
$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" !default;
|
|
20
22
|
$font-family-monospace: overpass-mono, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
|
|
23
|
+
$headings-font-weight: 700;
|
|
24
|
+
$line-height-base: 1.75;
|
|
25
|
+
$headings-line-height: 1.85;
|
|
@@ -1,43 +1,43 @@
|
|
|
1
1
|
@font-face {
|
|
2
2
|
font-family: 'overpass-mono';
|
|
3
|
-
src: url('../webfonts/
|
|
4
|
-
src: url('../webfonts/
|
|
5
|
-
url('../webfonts/
|
|
6
|
-
url('../webfonts/
|
|
7
|
-
url('../webfonts/
|
|
3
|
+
src: url('../webfonts/OverpassMono-Light.eot');
|
|
4
|
+
src: url('../webfonts/OverpassMono-Light.eot?#iefix') format('embedded-opentype'),
|
|
5
|
+
url('../webfonts/OverpassMono-Light.woff2') format('woff2'),
|
|
6
|
+
url('../webfonts/OverpassMono-Light.woff') format('woff'),
|
|
7
|
+
url('../webfonts/OverpassMono-Light.ttf') format('truetype');
|
|
8
8
|
font-weight: 300;
|
|
9
9
|
font-style: normal;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
@font-face {
|
|
13
13
|
font-family: 'overpass-mono';
|
|
14
|
-
src: url('../webfonts/
|
|
15
|
-
src: url('../webfonts/
|
|
16
|
-
url('../webfonts/
|
|
17
|
-
url('../webfonts/
|
|
18
|
-
url('../webfonts/
|
|
14
|
+
src: url('../webfonts/OverpassMono-Regular.eot');
|
|
15
|
+
src: url('../webfonts/OverpassMono-Regular.eot?#iefix') format('embedded-opentype'),
|
|
16
|
+
url('../webfonts/OverpassMono-Regular.woff2') format('woff2'),
|
|
17
|
+
url('../webfonts/OverpassMono-Regular.woff') format('woff'),
|
|
18
|
+
url('../webfonts/OverpassMono-Regular.ttf') format('truetype');
|
|
19
19
|
font-weight: 400;
|
|
20
20
|
font-style: normal;
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
@font-face {
|
|
24
24
|
font-family: 'overpass-mono';
|
|
25
|
-
src: url('../webfonts/
|
|
26
|
-
src: url('../webfonts/
|
|
27
|
-
url('../webfonts/
|
|
28
|
-
url('../webfonts/
|
|
29
|
-
url('../webfonts/
|
|
25
|
+
src: url('../webfonts/OverpassMono-SemiBuild.eot');
|
|
26
|
+
src: url('../webfonts/OverpassMono-SemiBuild.eot?#iefix') format('embedded-opentype'),
|
|
27
|
+
url('../webfonts/OverpassMono-SemiBuild.woff2') format('woff2'),
|
|
28
|
+
url('../webfonts/OverpassMono-SemiBuild.woff') format('woff'),
|
|
29
|
+
url('../webfonts/OverpassMono-SemiBuild.ttf') format('truetype');
|
|
30
30
|
font-weight: 500;
|
|
31
31
|
font-style: normal;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
@font-face {
|
|
35
35
|
font-family: 'overpass-mono';
|
|
36
|
-
src: url('../webfonts/
|
|
37
|
-
src: url('../webfonts/
|
|
38
|
-
url('../webfonts/
|
|
39
|
-
url('../webfonts/
|
|
40
|
-
url('../webfonts/
|
|
36
|
+
src: url('../webfonts/OverpassMono-Bold.eot');
|
|
37
|
+
src: url('../webfonts/OverpassMono-Bold.eot?#iefix') format('embedded-opentype'),
|
|
38
|
+
url('../webfonts/OverpassMono-Bold.woff2') format('woff2'),
|
|
39
|
+
url('../webfonts/OverpassMono-Bold.woff') format('woff'),
|
|
40
|
+
url('../webfonts/OverpassMono-Bold.ttf') format('truetype');
|
|
41
41
|
font-weight: 600;
|
|
42
42
|
font-style: normal;
|
|
43
43
|
}
|
|
@@ -1,14 +1,17 @@
|
|
|
1
1
|
---
|
|
2
2
|
---
|
|
3
3
|
|
|
4
|
-
|
|
4
|
+
// Include any default variable overrides here (though functions won't be available)
|
|
5
|
+
@import "centos/variables";
|
|
5
6
|
|
|
7
|
+
// Include all of Bootstrap
|
|
8
|
+
@import "bootstrap/scss/bootstrap";
|
|
9
|
+
|
|
10
|
+
// Include additional custom code here
|
|
6
11
|
@import "@fortawesome/fontawesome-free/scss/fontawesome";
|
|
7
12
|
@import "@fortawesome/fontawesome-free/scss/brands";
|
|
8
13
|
@import "@fortawesome/fontawesome-free/scss/solid";
|
|
9
|
-
|
|
10
14
|
@import "centos/fonts/montserrat";
|
|
11
15
|
@import "centos/fonts/overpass";
|
|
12
|
-
@import "centos/
|
|
13
|
-
|
|
14
|
-
@import "bootstrap/scss/bootstrap";
|
|
16
|
+
@import "centos/sponsors";
|
|
17
|
+
@import "centos/links";
|
data/assets/img/centos-motif.png
CHANGED
|
Binary file
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: jekyll-theme-centos-test
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.1.
|
|
4
|
+
version: 1.1.4
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Alain Reguera Delgado
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2022-
|
|
11
|
+
date: 2022-12-22 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -70,15 +70,16 @@ files:
|
|
|
70
70
|
- _includes/download/cards-header-eol.html
|
|
71
71
|
- _includes/download/cards-header.html
|
|
72
72
|
- _includes/download/cards.html
|
|
73
|
+
- _includes/editbar.html
|
|
73
74
|
- _includes/footer.html
|
|
74
75
|
- _includes/head-datatables.html
|
|
75
76
|
- _includes/head.html
|
|
76
77
|
- _includes/header.html
|
|
77
78
|
- _includes/header/blog.html
|
|
78
|
-
- _includes/header/home.html
|
|
79
79
|
- _includes/header/page.html
|
|
80
80
|
- _includes/header/post.html
|
|
81
81
|
- _includes/home/distributions.html
|
|
82
|
+
- _includes/home/header.html
|
|
82
83
|
- _includes/home/news-and-events.html
|
|
83
84
|
- _includes/home/planet.html
|
|
84
85
|
- _includes/home/sponsors.html
|
|
@@ -93,23 +94,22 @@ files:
|
|
|
93
94
|
- _includes/post-nav-explorer.html
|
|
94
95
|
- _includes/post-nav.html
|
|
95
96
|
- _includes/search.html
|
|
97
|
+
- _includes/toc-accordion.html
|
|
96
98
|
- _includes/toc.html
|
|
97
99
|
- _includes/top.html
|
|
98
|
-
- _layouts/aside.html
|
|
99
100
|
- _layouts/blog.html
|
|
101
|
+
- _layouts/default-datatables.html
|
|
100
102
|
- _layouts/default.html
|
|
101
103
|
- _layouts/home.html
|
|
102
|
-
- _layouts/page-datatables.html
|
|
103
|
-
- _layouts/page.html
|
|
104
104
|
- _layouts/post.html
|
|
105
105
|
- _layouts/search.html
|
|
106
106
|
- _layouts/sponsors.html
|
|
107
|
+
- _sass/centos/_links.scss
|
|
108
|
+
- _sass/centos/_sponsors.scss
|
|
107
109
|
- _sass/centos/_variables.scss
|
|
108
110
|
- _sass/centos/centos-blog.scss
|
|
109
111
|
- _sass/centos/centos-httpd.scss
|
|
110
112
|
- _sass/centos/centos-lists.scss
|
|
111
|
-
- _sass/centos/centos-sponsors.scss
|
|
112
|
-
- _sass/centos/centos.scss
|
|
113
113
|
- _sass/centos/fonts/_montserrat.scss
|
|
114
114
|
- _sass/centos/fonts/_overpass.scss
|
|
115
115
|
- assets/css/dataTables.bootstrap5.min.css
|
|
@@ -353,7 +353,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
353
353
|
- !ruby/object:Gem::Version
|
|
354
354
|
version: '0'
|
|
355
355
|
requirements: []
|
|
356
|
-
rubygems_version: 3.3.
|
|
356
|
+
rubygems_version: 3.3.26
|
|
357
357
|
signing_key:
|
|
358
358
|
specification_version: 4
|
|
359
359
|
summary: Jekyll theme for CentOS Project websites
|
data/_includes/header/home.html
DELETED
data/_layouts/aside.html
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
layout: default
|
|
3
|
-
---
|
|
4
|
-
|
|
5
|
-
<main class="aside">
|
|
6
|
-
|
|
7
|
-
<article class="aside__content">
|
|
8
|
-
<div class="aside__content__nav">
|
|
9
|
-
{% include breadcrumbs.html %}
|
|
10
|
-
{% include toc.html html=content %}
|
|
11
|
-
</div>
|
|
12
|
-
{{ content }}
|
|
13
|
-
|
|
14
|
-
<div class="aside__content__nav">
|
|
15
|
-
<div class="aside__nav__explorer">
|
|
16
|
-
</div>
|
|
17
|
-
</div>
|
|
18
|
-
</article>
|
|
19
|
-
|
|
20
|
-
<aside class="aside__nav">
|
|
21
|
-
{% include breadcrumbs.html %}
|
|
22
|
-
{% include toc.html html=content %}
|
|
23
|
-
</aside>
|
|
24
|
-
|
|
25
|
-
</main>
|
data/_layouts/page.html
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
layout: default
|
|
3
|
-
---
|
|
4
|
-
|
|
5
|
-
<main class="page">
|
|
6
|
-
|
|
7
|
-
<article class="page__content">
|
|
8
|
-
<div class="page__content__nav">
|
|
9
|
-
{% include breadcrumbs.html %}
|
|
10
|
-
{% include toc.html html=content %}
|
|
11
|
-
</div>
|
|
12
|
-
|
|
13
|
-
{{ content }}
|
|
14
|
-
|
|
15
|
-
</article>
|
|
16
|
-
|
|
17
|
-
</main>
|
|
@@ -1,126 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* CSS used to show sponsors' rolling images in CentOS homepage.
|
|
3
|
-
*
|
|
4
|
-
* Thanks to Anand Vunnam for publishing this example.
|
|
5
|
-
* Example: https://bbbootstrap.com/snippets/bootstrap-5-rolling-images-animation-33714815
|
|
6
|
-
**/
|
|
7
|
-
|
|
8
|
-
.container .rollers {
|
|
9
|
-
flex: 0 0 230px;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.container .start-roller{
|
|
13
|
-
left: 0;
|
|
14
|
-
top: 0;
|
|
15
|
-
background-image: linear-gradient(to right, white 30%, #ffffff00);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.container .start-roller,
|
|
19
|
-
.container .end-roller {
|
|
20
|
-
height: 100%;
|
|
21
|
-
width: 40px;
|
|
22
|
-
position: absolute;
|
|
23
|
-
z-index: 1;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.container .end-roller{
|
|
27
|
-
right: 0;
|
|
28
|
-
top: 0;
|
|
29
|
-
background-image: linear-gradient(to left, white 30%, rgba(255, 255, 255, 0));
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.container .rollers .wrapper {
|
|
33
|
-
position: relative;
|
|
34
|
-
width: 15600px;
|
|
35
|
-
height: 80px;
|
|
36
|
-
margin: 0 0 20px 0;
|
|
37
|
-
flex: 0 0 auto;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.container .rollers .wrapper .items-container{
|
|
41
|
-
display: flex;
|
|
42
|
-
align-items: center;
|
|
43
|
-
position: absolute;
|
|
44
|
-
width: 100%;
|
|
45
|
-
height: 100%;
|
|
46
|
-
animation-duration: 240s;
|
|
47
|
-
animation-iteration-count: infinite;
|
|
48
|
-
animation-timing-function: linear;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.container .rollers .wrapper .items-container.roll-LL{
|
|
52
|
-
animation-name: roll;
|
|
53
|
-
}
|
|
54
|
-
.container .rollers .wrapper .items-container.roll-RL{
|
|
55
|
-
animation-name: roll-reverse;
|
|
56
|
-
left: 100%;
|
|
57
|
-
}
|
|
58
|
-
.container .rollers .wrapper .items-container.reverse-roll-LL{
|
|
59
|
-
animation-name: roll-clockwise;
|
|
60
|
-
left: -100%;
|
|
61
|
-
}
|
|
62
|
-
.container .rollers .wrapper .items-container.reverse-roll-RL{
|
|
63
|
-
animation-name: roll-reverse-clockwise;
|
|
64
|
-
left: 100%;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
@keyframes roll {
|
|
68
|
-
0% {
|
|
69
|
-
left: 0%;
|
|
70
|
-
}
|
|
71
|
-
100% {
|
|
72
|
-
left: -100%;
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
@keyframes roll-reverse {
|
|
76
|
-
0% {
|
|
77
|
-
left: 100%;
|
|
78
|
-
}
|
|
79
|
-
100% {
|
|
80
|
-
left: 0%;
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
@keyframes roll-clockwise {
|
|
84
|
-
0%{
|
|
85
|
-
left: -100%;
|
|
86
|
-
}
|
|
87
|
-
100%{
|
|
88
|
-
left: 0%;
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
@keyframes roll-reverse-clockwise {
|
|
92
|
-
0% {
|
|
93
|
-
left: 0%;
|
|
94
|
-
}
|
|
95
|
-
100% {
|
|
96
|
-
left: 100%;
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
.container .rollers .wrapper .items-container .item {
|
|
101
|
-
flex: 1 1 200px;
|
|
102
|
-
min-width: 0;
|
|
103
|
-
margin: 20px;
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
.container .rollers .wrapper .items-container .item .company {
|
|
107
|
-
filter: grayscale(100%);
|
|
108
|
-
opacity: 0.2;
|
|
109
|
-
width: 100%;
|
|
110
|
-
object-fit: scale-down;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
.container .rollers .wrapper .items-container .item .company:hover {
|
|
114
|
-
filter: grayscale(0%);
|
|
115
|
-
opacity: 1;
|
|
116
|
-
cursor: pointer;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
.container .rollers .wrapper .items-container .item img {
|
|
120
|
-
vertical-align: middle;
|
|
121
|
-
height: 60px;
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
.container .rollers .wrapper .items-container .item .company {
|
|
125
|
-
opacity: 0.4;
|
|
126
|
-
}
|
data/_sass/centos/centos.scss
DELETED