jekyll-theme-centos 2.51.1.beta.55 → 2.51.1.beta.56
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_data/base/bits.yml +69 -0
- data/_data/base/project.yml +41 -0
- data/_includes/base/bits.html +72 -0
- data/_includes/base/card.html +95 -0
- data/_includes/base/project.html +44 -0
- data/_layouts/base/default.html +13 -11
- data/_sass/base/_customization.scss +4 -4
- data/assets/img/base/page-with-bits.webp +0 -0
- data/assets/img/base/page.svg +1919 -1062
- data/assets/img/base/page.webp +0 -0
- data/assets/img/base/screenshot-example-1600x1200.webp +0 -0
- metadata +11 -6
- data/_includes/base/banner.html +0 -86
- data/assets/img/base/page_with_banner.webp +0 -0
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 4525bb6d58192f51b240b7c817be9a50c5e7b8a60da354dcfd26d634c31f6483
|
4
|
+
data.tar.gz: f89ef17d7549b3d0ce20b42d87181b6b6cfbadad9064f3b520aecadde6804f60
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: '098f670f0b27b5b48f651248dedf045ee025cda74b73823b5f608e0a90a84225fbf363994a1813b374a072dcaf2d4cfbe19310f04eaed598e016687065108dc0'
|
7
|
+
data.tar.gz: 7f558798dea9392a0add5deab7545db352b74951f451f5ce0c18478ac84cf3fe3cfe3fbcb35f35f2b9d7e37caed69bd6e77bfe73cf231b1652df1e82e22ce8e6
|
data/_data/base/bits.yml
ADDED
@@ -0,0 +1,69 @@
|
|
1
|
+
---
|
2
|
+
- name: CentOS Stream 10
|
3
|
+
type: upstream
|
4
|
+
relationship:
|
5
|
+
- CentOS Hyperscale
|
6
|
+
- CentOS AutoSD
|
7
|
+
name_class: display-4 fw-bold mb-1
|
8
|
+
image_height: 84
|
9
|
+
image: centos-symbol.svg
|
10
|
+
screenshot: base/screenshot-example-1600x1200.webp
|
11
|
+
description: |
|
12
|
+
Continuously delivered distro that tracks just ahead of Red Hat Enterprise
|
13
|
+
Linux (RHEL) development, positioned as a midstream between Fedora Linux 40
|
14
|
+
and RHEL 10.
|
15
|
+
actions:
|
16
|
+
- name: Download
|
17
|
+
url: "#"
|
18
|
+
icon: fa-solid fa-download
|
19
|
+
- name: Report an issue
|
20
|
+
url: "#"
|
21
|
+
icon: fa-solid fa-bug
|
22
|
+
- name: Know more
|
23
|
+
url: "#"
|
24
|
+
icon: fa-solid fa-arrow-right
|
25
|
+
icon_position: end
|
26
|
+
- name: CentOS Hyperscale
|
27
|
+
type: downstream
|
28
|
+
relationship:
|
29
|
+
- CentOS Stream 10
|
30
|
+
name_class: display-4 fw-bold mb-1
|
31
|
+
image: centos-symbol.svg
|
32
|
+
image_height: 84
|
33
|
+
screenshot: base/screenshot-example-1600x1200.webp
|
34
|
+
description: |
|
35
|
+
Enables CentOS Stream deployment on large-scale infrastructures and
|
36
|
+
facilitating collaboration on packages and tooling.
|
37
|
+
actions:
|
38
|
+
- name: Download
|
39
|
+
url: "#"
|
40
|
+
icon: fa-solid fa-download
|
41
|
+
- name: Report an issue
|
42
|
+
url: "#"
|
43
|
+
icon: fa-solid fa-bug
|
44
|
+
- name: Know more
|
45
|
+
url: "#"
|
46
|
+
icon: fa-solid fa-arrow-right
|
47
|
+
icon_position: end
|
48
|
+
- name: CentOS AutoSD
|
49
|
+
type: downstream
|
50
|
+
relationship:
|
51
|
+
- CentOS Stream 10
|
52
|
+
name_class: display-4 fw-bold mb-1
|
53
|
+
image: centos-symbol.svg
|
54
|
+
image_height: 84
|
55
|
+
screenshot: base/screenshot-example-1600x1200.webp
|
56
|
+
description: |
|
57
|
+
In-development preview of the upcoming Red Hat In-Vehicle Operating System
|
58
|
+
(OS).
|
59
|
+
actions:
|
60
|
+
- name: Download
|
61
|
+
url: "#"
|
62
|
+
icon: fa-solid fa-download
|
63
|
+
- name: Report an issue
|
64
|
+
url: "#"
|
65
|
+
icon: fa-solid fa-bug
|
66
|
+
- name: Know more
|
67
|
+
url: "#"
|
68
|
+
icon: fa-solid fa-arrow-right
|
69
|
+
icon_position: end
|
@@ -0,0 +1,41 @@
|
|
1
|
+
---
|
2
|
+
# -------------------------------------------------------------------------------
|
3
|
+
# Project Symbol
|
4
|
+
# -------------------------------------------------------------------------------
|
5
|
+
image: centos-symbol.svg
|
6
|
+
image_height: 92
|
7
|
+
image_class: "mb-5"
|
8
|
+
#icon: fa-solid fa-swatchbook
|
9
|
+
#icon_class: display-1 mb-4
|
10
|
+
|
11
|
+
# -------------------------------------------------------------------------------
|
12
|
+
# Project Name
|
13
|
+
# -------------------------------------------------------------------------------
|
14
|
+
name: The CentOS Project
|
15
|
+
name_class: display-2 fw-bold mb-1
|
16
|
+
description: |
|
17
|
+
Community-driven free software effort focused around the goal of providing a
|
18
|
+
rich base platform for open source communities to build upon.
|
19
|
+
description_class: lead mb-4 w-75
|
20
|
+
|
21
|
+
# -------------------------------------------------------------------------------
|
22
|
+
# Project Actions
|
23
|
+
# -------------------------------------------------------------------------------
|
24
|
+
# Use short verbs to tell users what they can do inside the project (e.g., Know
|
25
|
+
# more, Contribute, etc.).
|
26
|
+
actions:
|
27
|
+
- name: Know more
|
28
|
+
url: '#'
|
29
|
+
icon: fa-solid fa-arrow-right
|
30
|
+
icon_position: end
|
31
|
+
actions_class: d-flex flex-wrap align-items-start gap-2
|
32
|
+
|
33
|
+
# -------------------------------------------------------------------------------
|
34
|
+
# Project Resources
|
35
|
+
# -------------------------------------------------------------------------------
|
36
|
+
# Use nouns to tell users how the project supports its existence (e.g., GitLab,
|
37
|
+
# Mailing Lists, IRC, Blog, etc.)
|
38
|
+
resources:
|
39
|
+
- name: Mailing Lists
|
40
|
+
icon: fa-solid fa-envelope
|
41
|
+
url: "#"
|
@@ -0,0 +1,72 @@
|
|
1
|
+
{% if include.bits %}
|
2
|
+
{% assign bits = include.bits %}
|
3
|
+
{% elsif page.with_bits_data %}
|
4
|
+
{% assign bits = page.with_bits_data %}
|
5
|
+
{% elsif site.data[site.component_data_dirname][bits] %}
|
6
|
+
{% assign bits = site.data[site.component_data_dirname][bits] %}
|
7
|
+
{% else %}
|
8
|
+
{% assign bits = site.data.base.bits %}
|
9
|
+
{% endif %}
|
10
|
+
<div class="d-flex flex-column bg-gradient-primary align-items-start px-5 pt-3 border-bottom border-5 border-primary">
|
11
|
+
{% assign upstream_bits = bits | where: "type", "upstream" %}
|
12
|
+
{% for upstream_bit in upstream_bits %}
|
13
|
+
{% assign upstream_bits_id = upstream_bit.name | replace: " ", "" | capitalize %}
|
14
|
+
|
15
|
+
<div class="px-3">Bits produced by RHEL developers:</div>
|
16
|
+
|
17
|
+
{% include base/card.html
|
18
|
+
screenshot=upstream_bit.screenshot
|
19
|
+
screenshot_class=upstream_bit.screenshot_class
|
20
|
+
screenshot_alt=upstream_bit.screenshot_alt
|
21
|
+
name=upstream_bit.name
|
22
|
+
name_class=upstream_bit.name_class
|
23
|
+
icon=upstream_bit.icon
|
24
|
+
icon_class=upstream_bit.icon_class
|
25
|
+
image=upstream_bit.image
|
26
|
+
image_class=upstream_bit.image_class
|
27
|
+
image_height=upstream_bit.image_height
|
28
|
+
image_alt=upstream_bit.image_alt
|
29
|
+
description=upstream_bit.description
|
30
|
+
description_class=upstream_bit.description_class
|
31
|
+
actions=upstream_bit.actions
|
32
|
+
actions_class=upstream_bit.actions_class
|
33
|
+
%}
|
34
|
+
|
35
|
+
<div class="p-3 pt-0">Bits produced by CentOS community:</div>
|
36
|
+
<div class="accordion accordion-flush px-3 w-100" id="accordionFlushBits{{ upstream_bits_id }}">
|
37
|
+
{% assign downstream_bits = bits | where: "type", "downstream" | where: "relationship", upstream_bit.name %}
|
38
|
+
{% for downstream_bit in downstream_bits %}
|
39
|
+
{% assign downstream_bits_id = downstream_bit.name | replace: " ", "" | capitalize %}
|
40
|
+
|
41
|
+
{% assign downstream_bit_image_height = downstream_bit.image_height | divided_by: 3 %}
|
42
|
+
{% if downstream_bit_image_height < 24 %}
|
43
|
+
{% assign downstream_bit_image_height = 24 %}
|
44
|
+
{% endif %}
|
45
|
+
|
46
|
+
<div class="accordion-item">
|
47
|
+
<div class="accordion-header">
|
48
|
+
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse{{ downstream_bits_id }}" aria-expanded="false" aria-controls="flush-collapse{{ downstream_bits_id }}">
|
49
|
+
{% if downstream_bit.image and downstream_bit.image_height %}
|
50
|
+
<img class="me-1" src="{{ site.url }}{{ site.baseurl }}/assets/img/{{ downstream_bit.image }}" alt="{{ downstream_bit.image_alt }}" height="{{ downstream_bit_image_height }}">
|
51
|
+
{% endif %}
|
52
|
+
<span class="fw-bold ms-1">{{ downstream_bit.name }}</span>
|
53
|
+
</button>
|
54
|
+
</div>
|
55
|
+
<div id="flush-collapse{{ downstream_bits_id }}" class="accordion-collapse collapse" data-bs-parent="#accordionFlushBits{{ upstream_bits_id }}">
|
56
|
+
<div class="accordion-body p-4">
|
57
|
+
{% include base/card.html
|
58
|
+
screenshot=downstream_bit.screenshot
|
59
|
+
screenshot_class=downstream_bit.screenshot_class
|
60
|
+
screenshot_alt=downstream_bit.screenshot_alt
|
61
|
+
description=downstream_bit.description
|
62
|
+
description_class=downstream_bit.description_class
|
63
|
+
actions=downstream_bit.actions
|
64
|
+
actions_class=downstream_bit.actions_class
|
65
|
+
%}
|
66
|
+
</div>
|
67
|
+
</div>
|
68
|
+
</div>
|
69
|
+
{% endfor %}
|
70
|
+
</div>
|
71
|
+
{% endfor %}
|
72
|
+
</div>
|
@@ -0,0 +1,95 @@
|
|
1
|
+
{%- capture html_card %}
|
2
|
+
{%- comment %}
|
3
|
+
Usage:
|
4
|
+
{% include base/card.html %}
|
5
|
+
|
6
|
+
Optional Parameters:
|
7
|
+
* image (string) : ""
|
8
|
+
* image_class (string) : ""
|
9
|
+
* image_alt (string) : ""
|
10
|
+
* image_height (string) : "92"
|
11
|
+
* icon (string) : ""
|
12
|
+
* icon_class (string) : ""
|
13
|
+
* name (string) : ""
|
14
|
+
* name_class (string) : ""
|
15
|
+
* screenshot (string) : ""
|
16
|
+
* screenshot_class (string) : ""
|
17
|
+
* screenshot_alt (string) : ""
|
18
|
+
* description (string) : ""
|
19
|
+
* description_class (string) : ""
|
20
|
+
* actions (list) : [{"name":"","url":""}]
|
21
|
+
* actions_class (string) : ""
|
22
|
+
|
23
|
+
Output:
|
24
|
+
HTML for presentation card.
|
25
|
+
{%- endcomment %}
|
26
|
+
|
27
|
+
{%- assign card_image = include.image | default: nil %}
|
28
|
+
{%- assign card_image_class = include.image_class | default: "mb-4" -%}
|
29
|
+
{%- assign card_image_height = include.image_height | default: 92 %}
|
30
|
+
{%- assign card_image_alt = include.image_alt | default: card_image %}
|
31
|
+
{%- assign card_icon = include.icon | default: nil %}
|
32
|
+
{%- assign card_icon_class = include.icon_class | default: "display-4 mb-4" %}
|
33
|
+
{%- assign card_name = include.name | default: nil %}
|
34
|
+
{%- assign card_name_class = include.name_class | default: "display-2 fw-bold mb-1" %}
|
35
|
+
{%- assign card_screenshot = include.screenshot | default: nil %}
|
36
|
+
{%- assign card_screenshot_class = include.screenshot_class | default: "img-fluid rounded" %}
|
37
|
+
{%- assign card_screenshot_alt = include.screenshot_alt | default: card_screenshot %}
|
38
|
+
{%- assign card_description = include.description | default: nil %}
|
39
|
+
{%- assign card_description_class = include.description_class | default: "lead mb-3" %}
|
40
|
+
{%- assign card_actions = include.actions | default: nil %}
|
41
|
+
{%- assign card_actions_class = include.actions_class | default: "d-grid gap-2 d-lg-block" %}
|
42
|
+
|
43
|
+
{%- capture html_card_screenshot -%}
|
44
|
+
<img class="{{ card_screenshot_class }}" src="{{ site.url }}{{ site.baseurl }}/assets/img/{{ card_screenshot }}" alt="{{ card_screenshot_alt }}">
|
45
|
+
{%- endcapture %}
|
46
|
+
|
47
|
+
{%- capture html_card_image -%}
|
48
|
+
<img class="{{ card_image_class }}" src="{{ site.url }}{{ site.baseurl }}/assets/img/{{ card_image }}" height="{{ card_image_height }}" alt="{{ card_image_alt }}">
|
49
|
+
{%- endcapture %}
|
50
|
+
|
51
|
+
{%- capture html_card_icon -%}
|
52
|
+
<div class="{{ card_icon_class }}"><i class="{{ card_icon }}"></i></div>
|
53
|
+
{%- endcapture %}
|
54
|
+
|
55
|
+
{%- capture html_card_name -%}
|
56
|
+
<div class="{{ card_name_class }}">{{ card_name }}</div>
|
57
|
+
{%- endcapture %}
|
58
|
+
|
59
|
+
{%- capture html_card_description -%}
|
60
|
+
<div class="{{ card_description_class }}">{{ card_description }}</div>
|
61
|
+
{%- endcapture %}
|
62
|
+
|
63
|
+
{%- capture html_card_actions -%}
|
64
|
+
<div class="{{ card_actions_class }}">
|
65
|
+
{%- for action in card_actions %}
|
66
|
+
{% include base/link.html
|
67
|
+
class="btn btn-primary text-nowrap mb-1"
|
68
|
+
role="button"
|
69
|
+
name=action.name
|
70
|
+
url=action.url
|
71
|
+
icon=action.icon
|
72
|
+
icon_position=action.icon_position
|
73
|
+
%}
|
74
|
+
{% endfor %}
|
75
|
+
</div>
|
76
|
+
{%- endcapture %}
|
77
|
+
|
78
|
+
<div class="d-flex flex-wrap align-items-center">
|
79
|
+
{%- if card_screenshot -%}
|
80
|
+
<div class="col-sm-12 col-xl-5 p-3">
|
81
|
+
{{ html_card_screenshot }}
|
82
|
+
</div>
|
83
|
+
<div class="col-sm-12 col-xl-7 p-3">
|
84
|
+
{%- else -%}
|
85
|
+
<div class="col-sm-12 p-3">
|
86
|
+
{%- endif -%}
|
87
|
+
{%- if card_image %}{{ html_card_image }}{% endif %}
|
88
|
+
{%- if card_icon %}{{ html_card_icon }}{% endif %}
|
89
|
+
{%- if card_name %}{{ html_card_name }}{% endif %}
|
90
|
+
{%- if card_description %}{{ html_card_description }}{% endif %}
|
91
|
+
{%- if card_actions.size > 0 %}{{ html_card_actions }}{% endif %}
|
92
|
+
</div>
|
93
|
+
</div>
|
94
|
+
{%- endcapture -%}
|
95
|
+
{{- html_card -}}
|
@@ -0,0 +1,44 @@
|
|
1
|
+
{% if include.project %}
|
2
|
+
{% assign project = include.project %}
|
3
|
+
{% elsif page.with_project_data %}
|
4
|
+
{% assign project = page.with_project_data %}
|
5
|
+
{% elsif site.data[site.component_data_dirname][project] %}
|
6
|
+
{% assign project = site.data[site.component_data_dirname][project] %}
|
7
|
+
{% else %}
|
8
|
+
{% assign project = site.data.base.project %}
|
9
|
+
{% endif %}
|
10
|
+
<div class="d-flex bg-image text-bg-dark p-5">
|
11
|
+
{% include base/card.html
|
12
|
+
screenshot=project.screenshot
|
13
|
+
screenshot_class=project.screenshot_class
|
14
|
+
screenshot_alt=project.screenshot_alt
|
15
|
+
image=project.image
|
16
|
+
image_class=project.image_class
|
17
|
+
image_alt=project.image_alt
|
18
|
+
image_height=project.image_height
|
19
|
+
icon=project.icon
|
20
|
+
icon_class=project.icon_class
|
21
|
+
name=project.name
|
22
|
+
name_class=project.name_class
|
23
|
+
description=project.description
|
24
|
+
description_class=project.description_class
|
25
|
+
actions=project.actions
|
26
|
+
actions_class=project.actions_class
|
27
|
+
%}
|
28
|
+
</div>
|
29
|
+
{%- if project.resources.size > 0 %}
|
30
|
+
<div class="d-flex flex-wrap bg-primary text-center p-2 gap-2">
|
31
|
+
{%- for resource in project.resources %}
|
32
|
+
<div class="col d-grid">
|
33
|
+
{% include base/link.html
|
34
|
+
class="btn btn-primary text-nowrap"
|
35
|
+
role="button"
|
36
|
+
name=resource.name
|
37
|
+
url=resource.url
|
38
|
+
icon=resource.icon
|
39
|
+
icon_position=resource.icon_position
|
40
|
+
%}
|
41
|
+
</div>
|
42
|
+
{%- endfor %}
|
43
|
+
</div>
|
44
|
+
{%- endif %}
|
data/_layouts/base/default.html
CHANGED
@@ -33,7 +33,7 @@
|
|
33
33
|
</div>
|
34
34
|
{% endif %}
|
35
35
|
|
36
|
-
<main class="container bg-body
|
36
|
+
<main class="container bg-body p-3">
|
37
37
|
|
38
38
|
{% if page.with_announcements and page.with_announcements.size > 0 -%}
|
39
39
|
{% for announcement in page.with_announcements %}
|
@@ -61,13 +61,17 @@
|
|
61
61
|
</div>
|
62
62
|
{% endif %}
|
63
63
|
|
64
|
-
{% if page.
|
65
|
-
{% include base/
|
64
|
+
{% if page.with_project == true %}
|
65
|
+
{% include base/project.html %}
|
66
|
+
{% endif %}
|
67
|
+
|
68
|
+
{% if page.with_bits == true %}
|
69
|
+
{% include base/bits.html %}
|
66
70
|
{% endif %}
|
67
71
|
|
68
72
|
{% if page.with_title == true -%}
|
69
73
|
<div class="row justify-content-center my-5">
|
70
|
-
<div class="col
|
74
|
+
<div class="{{ page.with_content_width | default: 'col' }}">
|
71
75
|
<div class="h1">{{ page.title }}</div>
|
72
76
|
{% if page.with_preamble == true -%}
|
73
77
|
<div class="lead">{{ page.title_lead }}</div>
|
@@ -78,7 +82,7 @@
|
|
78
82
|
|
79
83
|
{% if page.with_artwork != false %}
|
80
84
|
<div class="row justify-content-center mb-4">
|
81
|
-
<div class="col
|
85
|
+
<div class="{{ page.with_content_width | default: 'col' }}">
|
82
86
|
<img src="{{ site.baseurl }}/assets/img/{{ page.with_artwork }}" class="img-fluid rounded bg-dark" alt="{{ page.title }}" />
|
83
87
|
</div>
|
84
88
|
</div>
|
@@ -86,18 +90,16 @@
|
|
86
90
|
|
87
91
|
{% if page.with_toc == true %}
|
88
92
|
<div class="row justify-content-center mb-4">
|
89
|
-
<div class="col
|
90
|
-
|
93
|
+
<div class="{{ page.with_content_width | default: 'col' }}">
|
94
|
+
{% include base/toc-accordion.html %}
|
91
95
|
</div>
|
92
96
|
</div>
|
93
97
|
{% endif %}
|
94
98
|
|
95
99
|
{% if page.with_content == true %}
|
96
100
|
<div class="row justify-content-center mb-4">
|
97
|
-
<div class="col
|
98
|
-
|
99
|
-
{{ content }}
|
100
|
-
</div>
|
101
|
+
<div class="content {{ page.with_content_width | default: 'col' }}">
|
102
|
+
{{ content }}
|
101
103
|
</div>
|
102
104
|
</div>
|
103
105
|
{% endif %}
|
@@ -54,12 +54,12 @@ body {
|
|
54
54
|
// Backgrounds Gradients
|
55
55
|
// --------------------------------------------------------------------------------
|
56
56
|
.bg-gradient-primary {
|
57
|
-
background:
|
58
|
-
background: linear-gradient(90deg, rgba(
|
57
|
+
background: $primary;
|
58
|
+
background: linear-gradient(90deg, rgba(161,79,140,0.2) 35%, rgba(239,167,36,0.1) 100%);
|
59
59
|
}
|
60
60
|
.bg-gradient-secondary {
|
61
|
-
background:
|
62
|
-
background: linear-gradient(
|
61
|
+
background: $secondary;
|
62
|
+
background: linear-gradient(90deg, rgba(239,167,36,0.2) 35%, rgba(161,79,140,0.1) 100%);
|
63
63
|
}
|
64
64
|
|
65
65
|
// --------------------------------------------------------------------------------
|
Binary file
|