jekyll-theme-centos 0.7.9 → 0.8.0
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 +1 -1
- data/_includes/footer.html +24 -0
- data/_includes/header/blog.html +2 -0
- data/_includes/header/home.html +18 -2
- data/_includes/header/page.html +2 -0
- data/_includes/header/post.html +2 -0
- data/_includes/home/distributions.html +8 -10
- data/_includes/home/news-and-events.html +14 -9
- data/_includes/home/planet.html +11 -6
- data/_includes/home/shortcuts.html +17 -0
- data/_includes/hr.html +6 -0
- data/_layouts/home.html +2 -12
- data/_sass/centos/_footer.scss +7 -3
- data/_sass/centos/_header.scss +52 -7
- data/_sass/centos/_hr.scss +27 -0
- data/_sass/centos/_main.scss +32 -28
- data/_sass/centos/_variables.scss +2 -2
- data/_sass/centos/centos-blog.scss +2 -2
- data/_sass/centos/centos.scss +2 -1
- data/_sass/centos/mixins/_content.scss +1 -1
- data/assets/img/motif.png +0 -0
- metadata +5 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: a3e90b06842891c3035f561da0a5b2814da0d5850d9aa57e363aa7da8c9dfd53
|
4
|
+
data.tar.gz: 0ba40a1b6e95c5c0daa991973f2778da2d124caf82ea844f62cf23c6ba6c841f
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 1a51c9737c5ade892bd879d5253bb626a7f59f60586e578d5cb62faf38ffef409c67b01efdb1934a7c750151a0c1fbfa3ba768b3f1804b7e20cf4f55e9f31cf2
|
7
|
+
data.tar.gz: b0259e36f8f47241940d1c9ac06b15aa627e8f4793856ebd87a1c3af09bc82567dfdddd1c74b1b852eb05af6c92902492ff12a0aa68f93310fc2fab540633bc2
|
data/_includes/breadcrumbs.html
CHANGED
@@ -3,7 +3,7 @@
|
|
3
3
|
<li class="breadcrumb-item"><a href="/">Home</a></li>
|
4
4
|
{% for crumb in crumbs offset: 1 %}
|
5
5
|
{% if forloop.last %}
|
6
|
-
<li class="breadcrumb-item">{{ page.title }}</li>
|
6
|
+
<li class="breadcrumb-item active">{{ page.title }}</li>
|
7
7
|
{% else %}
|
8
8
|
<li class="breadcrumb-item"><a href="{% assign crumb_limit = forloop.index | plus: 1 %}{% for crumb in crumbs limit: crumb_limit %}{{ crumb | append: '/' | replace:'without-plugin/','without-plugins/' }}{% endfor %}">{{ crumb | replace:'-',' ' | remove:'.html' | capitalize }}</a></li>
|
9
9
|
{% endif %}
|
data/_includes/footer.html
CHANGED
@@ -1,5 +1,29 @@
|
|
1
|
+
{% include hr.html %}
|
2
|
+
|
1
3
|
<footer class="footer">
|
2
4
|
<div class="container">
|
5
|
+
<div class="row">
|
6
|
+
<section class="sponsor">
|
7
|
+
<div class="sponsor__message">
|
8
|
+
<h6><i class="fas fa-hand-holding-heart"></i> Sponsors</h6>
|
9
|
+
<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. If you value our work, please consider <a href="/sponsors">becoming a sponsor</a>!</p>
|
10
|
+
</div>
|
11
|
+
|
12
|
+
<div class="sponsor__logo">
|
13
|
+
<div class="carousel">
|
14
|
+
<div class="card">
|
15
|
+
<div class="carousel slide carousel-fade" data-ride="carousel" id="carousel-1">
|
16
|
+
<div class="carousel-inner" role="listbox">
|
17
|
+
{% for sponsor in site.sponsors %}
|
18
|
+
<div class="carousel-item {{ sponsor.status }}"><a href="{{ sponsor.address }}" rel="nofollow"><img class="img-fluid" src="{{ sponsor.logo }}"></a></div>
|
19
|
+
{% endfor %}
|
20
|
+
</div>
|
21
|
+
</div>
|
22
|
+
</div>
|
23
|
+
</div>
|
24
|
+
</div>
|
25
|
+
</section>
|
26
|
+
</div>
|
3
27
|
<div class="row">
|
4
28
|
|
5
29
|
{% if site.data.centos.footer.columns %}
|
data/_includes/header/blog.html
CHANGED
data/_includes/header/home.html
CHANGED
@@ -1,4 +1,20 @@
|
|
1
1
|
<header class="header header__home">
|
2
|
-
|
3
|
-
<
|
2
|
+
|
3
|
+
<section class="header__home__presentation">
|
4
|
+
<h1 class="header__home__presentaiton_title">{{ site.title }}</h1>
|
5
|
+
<p class="header__home__presentation__description">{{ site.description }}</p>
|
6
|
+
{% if site.data.centos.distributions %}
|
7
|
+
<p class="header__home__presentation__description">We offer two Linux variants: (<a class="btn btn-sm" role="button" href="cs-vs-cl">What's the difference?</a>)</p>
|
8
|
+
<div class="header__home__presentation__distributions">
|
9
|
+
{% include home/distributions.html %}
|
10
|
+
</div>
|
11
|
+
{% endif %}
|
12
|
+
</section>
|
13
|
+
|
14
|
+
<section class="header__home__shortcuts">
|
15
|
+
{% include home/shortcuts.html %}
|
16
|
+
</section>
|
17
|
+
|
4
18
|
</header>
|
19
|
+
|
20
|
+
{% include hr.html %}
|
data/_includes/header/page.html
CHANGED
data/_includes/header/post.html
CHANGED
@@ -1,12 +1,10 @@
|
|
1
|
-
<section class="home__content__distributions">
|
2
|
-
<h2>Distributions</h2>
|
3
|
-
<p class="home__content__distributions_preamble">We offer the following distributions:</p>
|
4
|
-
|
5
|
-
{% if site.data.centos.distributions %}
|
6
|
-
<div class="home__content__distributions__buttons">
|
7
1
|
{% for item in site.data.centos.distributions %}
|
8
|
-
|
9
|
-
{
|
2
|
+
<div class="card">
|
3
|
+
<a class="btn" role="button" href="{{ item.page }}">
|
4
|
+
<div class="card-body">
|
5
|
+
<h2 class="card-title">{{ item.name }}</h2>
|
6
|
+
<p class="card-text">{{ item.description }}</p>
|
7
|
+
</div>
|
8
|
+
</a>
|
10
9
|
</div>
|
11
|
-
{%
|
12
|
-
</section>
|
10
|
+
{% endfor %}
|
@@ -1,13 +1,18 @@
|
|
1
|
-
<section class="
|
1
|
+
<section id="news-and-events" class="home__news-and-events">
|
2
2
|
|
3
|
-
<h2>News and events</h2>
|
3
|
+
<h2 class="home__news-and-events__title">News and events</h2>
|
4
4
|
|
5
|
-
<
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
<
|
10
|
-
|
11
|
-
</
|
5
|
+
<div class="home__news-and-events__content">
|
6
|
+
{% assign blog_posts = site.posts | where: "category", "news-and-events" %}
|
7
|
+
{% for i in blog_posts limit:5 %}
|
8
|
+
{%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
|
9
|
+
<a class="btn" role="button" href="{{ i.url }}">
|
10
|
+
<div class="card">
|
11
|
+
<h3 class="card-title">{{ i.title }}</h3>
|
12
|
+
<div class="card-body">{{ i.date | date: date_format }} — {{ i.excerpt | strip_html }}</div>
|
13
|
+
</div>
|
14
|
+
</a>
|
15
|
+
{% endfor %}
|
16
|
+
</div>
|
12
17
|
|
13
18
|
</section>
|
data/_includes/home/planet.html
CHANGED
@@ -1,13 +1,18 @@
|
|
1
|
-
<section class="
|
1
|
+
<section id="around-centos" class="home__planet">
|
2
2
|
|
3
|
-
<h2>Around CentOS</h2>
|
3
|
+
<h2 class="home__planet__title">Around CentOS</h2>
|
4
4
|
|
5
|
-
<
|
5
|
+
<div class="home__planet__content">
|
6
6
|
{% assign entries = site.data.centos.planet %}
|
7
7
|
{% for i in entries limit:5 %}
|
8
8
|
{%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
|
9
|
-
<
|
10
|
-
|
11
|
-
</
|
9
|
+
<a class="btn" role="button" href="{{ i.link }}">
|
10
|
+
<div class="card">
|
11
|
+
<h3 class="card-title">{{ i.title }}</h3>
|
12
|
+
<div class="card-body">{{ i.published | date: date_format }} — {{ i.summary | strip_html | slice: 0,150 }}...</div>
|
13
|
+
</div>
|
14
|
+
</a>
|
15
|
+
{% endfor %}
|
16
|
+
</div>
|
12
17
|
|
13
18
|
</section>
|
@@ -0,0 +1,17 @@
|
|
1
|
+
<div class="header__home__shortcuts__community">
|
2
|
+
|
3
|
+
{% assign links = site.data.centos.navbar | where: "name", "Community" %}
|
4
|
+
{% for section in links %}
|
5
|
+
{% for item in section.menu %}
|
6
|
+
<a class="btn" role="button" href="{{ item.link }}">
|
7
|
+
<div class="card">
|
8
|
+
<div class="card-body">
|
9
|
+
<h2 class="card-title"><i class="{{ item.icon }}"></i></h2>
|
10
|
+
<p class="card-text">{{ item.name }}</p>
|
11
|
+
</div>
|
12
|
+
</div>
|
13
|
+
</a>
|
14
|
+
{% endfor %}
|
15
|
+
{% endfor %}
|
16
|
+
|
17
|
+
</div>
|
data/_includes/hr.html
ADDED
data/_layouts/home.html
CHANGED
@@ -9,18 +9,8 @@
|
|
9
9
|
{% include header.html -%}
|
10
10
|
|
11
11
|
<main class="home">
|
12
|
-
|
13
|
-
|
14
|
-
<div class="col-sm-12 col-lg-8">
|
15
|
-
{% include home/news-and-events.html %}
|
16
|
-
{% include home/planet.html -%}
|
17
|
-
</div>
|
18
|
-
<div class="col-sm-12 col-lg-4">
|
19
|
-
{% include home/distributions.html -%}
|
20
|
-
{% include home/sponsors.html %}
|
21
|
-
</div>
|
22
|
-
</div>
|
23
|
-
</div>
|
12
|
+
{% include home/news-and-events.html %}
|
13
|
+
{% include home/planet.html -%}
|
24
14
|
</main>
|
25
15
|
|
26
16
|
{% include footer.html -%}
|
data/_sass/centos/_footer.scss
CHANGED
@@ -6,7 +6,7 @@
|
|
6
6
|
|
7
7
|
background-image: url($centos-img-motif);
|
8
8
|
background-size: cover;
|
9
|
-
background-position: top
|
9
|
+
background-position: top left;
|
10
10
|
|
11
11
|
%-margin {
|
12
12
|
margin-top: $line-height-base * 1.5rem;
|
@@ -27,7 +27,7 @@
|
|
27
27
|
}
|
28
28
|
|
29
29
|
.links {
|
30
|
-
@extend .col-
|
30
|
+
@extend .col-md-3;
|
31
31
|
@extend %-margin;
|
32
32
|
}
|
33
33
|
|
@@ -43,15 +43,19 @@
|
|
43
43
|
}
|
44
44
|
|
45
45
|
.sponsor {
|
46
|
-
@extend .col;
|
47
46
|
@extend %-margin;
|
48
47
|
display: flex;
|
49
48
|
justify-content: space-between;
|
50
49
|
flex-direction: row;
|
50
|
+
flex-wrap: wrap;
|
51
51
|
&__message {
|
52
|
+
@extend .col-md-6, .col-lg-8;
|
52
53
|
}
|
53
54
|
&__logo {
|
55
|
+
@extend .col-md-6, .col-lg-4;
|
56
|
+
text-align: center;
|
54
57
|
img {
|
58
|
+
height: 90px;
|
55
59
|
padding: 15px;
|
56
60
|
background-color: $white;
|
57
61
|
}
|
data/_sass/centos/_header.scss
CHANGED
@@ -6,25 +6,70 @@
|
|
6
6
|
background-image: url($centos-img-motif);
|
7
7
|
background-color: $dark;
|
8
8
|
background-size: cover;
|
9
|
-
background-position: top
|
9
|
+
background-position: top left;
|
10
10
|
|
11
11
|
text-shadow: 0 0 5px $dark;
|
12
12
|
|
13
13
|
&__home {
|
14
14
|
display: flex;
|
15
|
-
|
16
|
-
flex-direction: column;
|
15
|
+
flex-wrap: wrap;
|
17
16
|
|
18
17
|
padding-top: calc(#{$navbar-brand-height} * 4);
|
19
|
-
padding-bottom: calc(#{$navbar-brand-height} * 6);
|
20
18
|
margin-top: $navbar-brand-height;
|
21
19
|
|
22
|
-
|
20
|
+
.card {
|
21
|
+
background-color: transparent;
|
22
|
+
border: none;
|
23
|
+
}
|
24
|
+
|
25
|
+
&__presentation {
|
26
|
+
display: flex;
|
27
|
+
flex-direction: column;
|
28
|
+
justify-content: center;
|
23
29
|
@extend .container;
|
30
|
+
|
31
|
+
&__title, &__description, &__preamble, &__distributions {
|
32
|
+
}
|
33
|
+
|
34
|
+
&__description {
|
35
|
+
@extend .lead;
|
36
|
+
}
|
37
|
+
|
38
|
+
&__distributions {
|
39
|
+
display: flex;
|
40
|
+
flex-direction: row;
|
41
|
+
flex-wrap: wrap;
|
42
|
+
@include media-breakpoint-up(lg) { flex-wrap: nowrap; }
|
43
|
+
|
44
|
+
.card {
|
45
|
+
background: rgba(0, 0, 0, 0.3);
|
46
|
+
margin-bottom: 15px;
|
47
|
+
border-radius: 10px;
|
48
|
+
}
|
49
|
+
.card-body {
|
50
|
+
text-align: left;
|
51
|
+
}
|
52
|
+
.card:nth-child(1) {
|
53
|
+
@include media-breakpoint-up(lg) { margin-right: 15px; }
|
54
|
+
}
|
55
|
+
}
|
24
56
|
}
|
25
57
|
|
26
|
-
&
|
27
|
-
|
58
|
+
&__shortcuts {
|
59
|
+
background: rgba(0, 0, 0, 0.3);
|
60
|
+
width: 100%;
|
61
|
+
margin-top: calc(#{$navbar-brand-height} * 4);
|
62
|
+
|
63
|
+
.card {
|
64
|
+
font-size: small;
|
65
|
+
}
|
66
|
+
|
67
|
+
&__community {
|
68
|
+
display: flex;
|
69
|
+
justify-content: space-around;
|
70
|
+
flex-wrap: wrap;
|
71
|
+
@extend .container;
|
72
|
+
}
|
28
73
|
}
|
29
74
|
}
|
30
75
|
|
@@ -0,0 +1,27 @@
|
|
1
|
+
.hr {
|
2
|
+
display: flex;
|
3
|
+
flex-direction: row;
|
4
|
+
justify-content: space-around;
|
5
|
+
|
6
|
+
width: 100%;
|
7
|
+
height: 5px;
|
8
|
+
|
9
|
+
background-color: $centos-color-3;
|
10
|
+
|
11
|
+
&__centos-color-0 {
|
12
|
+
width: 25%;
|
13
|
+
background-color: $centos-color-0;
|
14
|
+
}
|
15
|
+
&__centos-color-1 {
|
16
|
+
width: 25%;
|
17
|
+
background-color: $centos-color-1;
|
18
|
+
}
|
19
|
+
&__centos-color-2 {
|
20
|
+
width: 25%;
|
21
|
+
background-color: $centos-color-2;
|
22
|
+
}
|
23
|
+
&__centos-color-3 {
|
24
|
+
width: 25%;
|
25
|
+
background-color: $centos-color-3;
|
26
|
+
}
|
27
|
+
}
|
data/_sass/centos/_main.scss
CHANGED
@@ -1,51 +1,55 @@
|
|
1
|
-
|
2
|
-
display: flex;
|
3
|
-
flex-direction: column;
|
4
|
-
min-height: 100vh;
|
5
|
-
}
|
6
|
-
|
7
|
-
.home, .page, .blog, .aside, .download, .sponsors, .search, .post {
|
1
|
+
.page, .blog, .aside, .download, .sponsors, .search, .post {
|
8
2
|
display: flex;
|
9
3
|
@extend .container;
|
10
4
|
}
|
11
5
|
|
12
6
|
.home {
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
margin-
|
21
|
-
margin-bottom: $paragraph-margin-bottom;
|
7
|
+
flex-wrap: nowrap;
|
8
|
+
flex-direction: column;
|
9
|
+
|
10
|
+
&__planet, &__news-and-events {
|
11
|
+
&__title {
|
12
|
+
text-align: center;
|
13
|
+
&:nth-child(1){
|
14
|
+
margin-top: 2rem;
|
22
15
|
}
|
23
16
|
}
|
24
|
-
&
|
25
|
-
.
|
17
|
+
&__content {
|
18
|
+
@extend .container;
|
19
|
+
margin-top: 1em;
|
20
|
+
margin-bottom: 1em;
|
21
|
+
.btn {
|
22
|
+
text-align: left;
|
23
|
+
padding: 0;
|
26
24
|
margin: 1em;
|
27
|
-
|
25
|
+
border-radius: 10px;
|
26
|
+
}
|
27
|
+
.card {
|
28
|
+
padding: 2em;
|
29
|
+
box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.25);
|
30
|
+
border-radius: 10px;
|
31
|
+
background: $white;
|
28
32
|
border: none;
|
29
33
|
}
|
30
|
-
|
31
|
-
|
32
|
-
height: 50px;
|
34
|
+
.card-body {
|
35
|
+
padding: 0;
|
33
36
|
}
|
34
37
|
}
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
+
}
|
39
|
+
&__news-and-events {
|
40
|
+
&__title {
|
41
|
+
}
|
42
|
+
}
|
43
|
+
&__planet {
|
44
|
+
&__title {
|
38
45
|
}
|
39
46
|
}
|
40
47
|
}
|
41
48
|
|
42
49
|
.aside {
|
43
|
-
display: flex;
|
44
|
-
|
45
50
|
&__nav {
|
46
51
|
@include aside-nav;
|
47
52
|
}
|
48
|
-
|
49
53
|
&__content {
|
50
54
|
@extend .col-sm-12, .col-md-12, .col-lg-12, .col-xl-8;
|
51
55
|
@include content;
|
@@ -12,8 +12,8 @@ $centos-img-motif: "../img/motif.png";
|
|
12
12
|
// Color system - based in the artistic motif palette and the number of
|
13
13
|
// occurrence each color has in the image.
|
14
14
|
$white: #fff;
|
15
|
-
$primary:
|
16
|
-
$secondary:
|
15
|
+
$primary: $centos-color-2;
|
16
|
+
$secondary: $centos-color-3;
|
17
17
|
$dark: #020008;
|
18
18
|
|
19
19
|
// Header
|
@@ -19,12 +19,12 @@
|
|
19
19
|
margin-bottom: 1rem;
|
20
20
|
}
|
21
21
|
.avatar {
|
22
|
-
border-radius:
|
22
|
+
border-radius: $border-radius;
|
23
23
|
margin-right: 1rem;
|
24
24
|
margin-bottom: 1rem;
|
25
25
|
}
|
26
26
|
.comment-body {
|
27
|
-
border-radius:
|
27
|
+
border-radius: $border-radius;
|
28
28
|
background: #f8f8f8;
|
29
29
|
padding: 1rem;
|
30
30
|
}
|
data/_sass/centos/centos.scss
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* jekyll-theme-centos v0.
|
2
|
+
* jekyll-theme-centos v0.8.0 (https://gitlab.com/areguera/jekyll-theme-centos/)
|
3
3
|
* Copyright 2020-2021 Alain Reguera Delgado
|
4
4
|
* Licensed under MIT (https://gitlab.com/areguera/jekyll-theme-centos/-/blob/master/LICENSE)
|
5
5
|
*/
|
@@ -15,6 +15,7 @@
|
|
15
15
|
@import "centos/toc";
|
16
16
|
@import "centos/breadcrumbs";
|
17
17
|
@import "centos/nav";
|
18
|
+
@import "centos/hr";
|
18
19
|
@import "centos/header";
|
19
20
|
@import "centos/main";
|
20
21
|
@import "centos/footer";
|
@@ -4,6 +4,7 @@
|
|
4
4
|
padding: 2.75rem;
|
5
5
|
margin-top: -120px;
|
6
6
|
box-shadow: 0px -2px 3px 0px rgba(50, 50, 50, 0.25);
|
7
|
+
border-radius: 10px 10px 0 0;
|
7
8
|
|
8
9
|
h1, h2, h3, h4, h5, h6 {
|
9
10
|
scroll-margin-top: $scroll-margin-top + 2.5;
|
@@ -15,7 +16,6 @@
|
|
15
16
|
|
16
17
|
h2 {
|
17
18
|
margin-top: $scroll-margin-top;
|
18
|
-
border-bottom: 3px solid $dark;
|
19
19
|
}
|
20
20
|
|
21
21
|
img {
|
data/assets/img/motif.png
CHANGED
Binary file
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: jekyll-theme-centos
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.
|
4
|
+
version: 0.8.0
|
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: 2021-07-
|
11
|
+
date: 2021-07-25 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -82,7 +82,9 @@ files:
|
|
82
82
|
- _includes/home/distributions.html
|
83
83
|
- _includes/home/news-and-events.html
|
84
84
|
- _includes/home/planet.html
|
85
|
+
- _includes/home/shortcuts.html
|
85
86
|
- _includes/home/sponsors.html
|
87
|
+
- _includes/hr.html
|
86
88
|
- _includes/navbar.html
|
87
89
|
- _includes/page/alert-danger.html
|
88
90
|
- _includes/page/alert-info.html
|
@@ -201,6 +203,7 @@ files:
|
|
201
203
|
- _sass/centos/_footer.scss
|
202
204
|
- _sass/centos/_header.scss
|
203
205
|
- _sass/centos/_highlighter.scss
|
206
|
+
- _sass/centos/_hr.scss
|
204
207
|
- _sass/centos/_main.scss
|
205
208
|
- _sass/centos/_mixins.scss
|
206
209
|
- _sass/centos/_nav.scss
|