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 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