jekyll-theme-centos 0.7.9 → 0.8.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: 682e4a9c2954020bc03944179b37220b4bdfdacbca57885513ec6ae7ec0111e0
4
- data.tar.gz: 202767fded8eebf83b57a22b992ff77a345d8a27d342727b12dd24d0ad1ab1c7
3
+ metadata.gz: a3e90b06842891c3035f561da0a5b2814da0d5850d9aa57e363aa7da8c9dfd53
4
+ data.tar.gz: 0ba40a1b6e95c5c0daa991973f2778da2d124caf82ea844f62cf23c6ba6c841f
5
5
  SHA512:
6
- metadata.gz: c0de5c86c649f8fae0544830f6c3a478d7fb3a6eb54bd1d8990cf51366405e82c3ff4052935e7b066f311884d7ca49ba55c358877cce730a8e2849a384e33d3a
7
- data.tar.gz: 89aa23b63ea5fb3d5eb66b287c2efaf2f3bf7980589ce35b059a76295f5b5fc243c8a58fa44b180aef4ee5a922caec9eb0d148e475479fb0b9079577d05480b2
6
+ metadata.gz: 1a51c9737c5ade892bd879d5253bb626a7f59f60586e578d5cb62faf38ffef409c67b01efdb1934a7c750151a0c1fbfa3ba768b3f1804b7e20cf4f55e9f31cf2
7
+ data.tar.gz: b0259e36f8f47241940d1c9ac06b15aa627e8f4793856ebd87a1c3af09bc82567dfdddd1c74b1b852eb05af6c92902492ff12a0aa68f93310fc2fab540633bc2
@@ -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 %}
@@ -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 %}
@@ -18,3 +18,5 @@
18
18
  {% endif %}
19
19
 
20
20
  </header>
21
+
22
+ {% include hr.html %}
@@ -1,4 +1,20 @@
1
1
  <header class="header header__home">
2
- <h1 class="header__home__title">{{ site.title }}</h1>
3
- <p class="header__home__description">{{ site.description }}</p>
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 %}
@@ -2,3 +2,5 @@
2
2
  <h1 class="header__page__title">{{ page.title }}</h1>
3
3
  <p class="header__page__description">{{ page.title_lead }}</p>
4
4
  </header>
5
+
6
+ {% include hr.html %}
@@ -19,3 +19,5 @@
19
19
  {% endif %}
20
20
 
21
21
  </header>
22
+
23
+ {% include hr.html %}
@@ -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
- <a class="btn" role="button" href="{{ item.page }}">{{ item.name }}</a>
9
- {% endfor %}
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
- {% endif %}
12
- </section>
10
+ {% endfor %}
@@ -1,13 +1,18 @@
1
- <section class="home__content__news-and-events">
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
- <ul>
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
- <li><a href="{{ i.url }}">{{ i.title }}</a><br>{{ i.date | date: date_format }} &mdash; {{ i.excerpt | strip_html }}</li>
10
- {% endfor %}
11
- </ul>
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 }} &mdash; {{ i.excerpt | strip_html }}</div>
13
+ </div>
14
+ </a>
15
+ {% endfor %}
16
+ </div>
12
17
 
13
18
  </section>
@@ -1,13 +1,18 @@
1
- <section class="home__content__planet">
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
- <ul>
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
- <li><a href="{{ i.link }}">{{ i.title }}</a><br>{{ i.published | date: date_format }} &mdash; {{ i.summary | strip_html | slice: 0,150 }}...</li>
10
- {% endfor %}
11
- </ul>
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 }} &mdash; {{ 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
@@ -0,0 +1,6 @@
1
+ <div class="hr">
2
+ <div class="hr__centos-color-0"></div>
3
+ <div class="hr__centos-color-1"></div>
4
+ <div class="hr__centos-color-2"></div>
5
+ <div class="hr__centos-color-3"></div>
6
+ </div>
data/_layouts/home.html CHANGED
@@ -9,18 +9,8 @@
9
9
  {% include header.html -%}
10
10
 
11
11
  <main class="home">
12
- <div class="home__content">
13
- <div class="row">
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 -%}
@@ -6,7 +6,7 @@
6
6
 
7
7
  background-image: url($centos-img-motif);
8
8
  background-size: cover;
9
- background-position: top right;
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-sm-3;
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
  }
@@ -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 right;
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
- justify-content: center;
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
- &__title, &__description, &__preamble {
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
- &__description {
27
- @extend .lead;
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
+ }
@@ -1,51 +1,55 @@
1
- body {
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
- &__content {
14
- @extend .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12;
15
- @include content;
16
- &__distributions {
17
- .btn {
18
- @extend .btn-primary;
19
- width: 100%;
20
- margin-right: 15px;
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
- &__sponsors {
25
- .card {
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
- margin-left: 0;
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
- img {
31
- width: auto;
32
- height: 50px;
34
+ .card-body {
35
+ padding: 0;
33
36
  }
34
37
  }
35
- &__planet, &__news-and-events {
36
- a { font-weight: bold; }
37
- @include list-links;
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: #0f5dd5;
16
- $secondary: #0f1c4c;
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: 50px;
22
+ border-radius: $border-radius;
23
23
  margin-right: 1rem;
24
24
  margin-bottom: 1rem;
25
25
  }
26
26
  .comment-body {
27
- border-radius: 10px;
27
+ border-radius: $border-radius;
28
28
  background: #f8f8f8;
29
29
  padding: 1rem;
30
30
  }
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * jekyll-theme-centos v0.7.9 (https://gitlab.com/areguera/jekyll-theme-centos/)
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.7.9
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-17 00:00:00.000000000 Z
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