jekyll-theme-centos 0.1.25 → 0.2.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.
Files changed (78) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/{page/breadcrumbs.html → breadcrumbs.html} +0 -0
  3. data/_includes/{page/download-body-doc.html → download/body-doc.html} +0 -0
  4. data/_includes/{page/download-body-eol.html → download/body-eol.html} +0 -0
  5. data/_includes/{page/download-body.html → download/body.html} +0 -0
  6. data/_includes/download/cards.html +16 -0
  7. data/_includes/{page/download-footer.html → download/footer.html} +0 -0
  8. data/_includes/download/header-doc.html +8 -0
  9. data/_includes/download/header-eol.html +8 -0
  10. data/_includes/download/header.html +10 -0
  11. data/_includes/download/linux.html +22 -0
  12. data/_includes/download/linux/7-doc.html +5 -0
  13. data/_includes/download/linux/7-eol.html +5 -0
  14. data/_includes/download/linux/7.html +5 -0
  15. data/_includes/download/linux/8-doc.html +5 -0
  16. data/_includes/download/linux/8-eol.html +5 -0
  17. data/_includes/download/linux/8.html +5 -0
  18. data/_includes/download/stream.html +16 -0
  19. data/_includes/download/stream/8-doc.html +5 -0
  20. data/_includes/download/stream/8-eol.html +5 -0
  21. data/_includes/download/stream/8.html +5 -0
  22. data/_includes/header.html +9 -11
  23. data/_includes/header/blog.html +17 -20
  24. data/_includes/header/home.html +13 -17
  25. data/_includes/header/page.html +4 -10
  26. data/_includes/header/post.html +19 -20
  27. data/_includes/home/around.html +2 -4
  28. data/_includes/home/news-and-sponsors.html +8 -0
  29. data/_includes/home/news.html +10 -13
  30. data/_includes/home/sponsors.html +6 -6
  31. data/_includes/{page/search.html → search.html} +0 -0
  32. data/_includes/{page/toc.html → toc.html} +4 -5
  33. data/_includes/top.html +3 -0
  34. data/_layouts/aside.html +11 -10
  35. data/_layouts/blog.html +34 -40
  36. data/_layouts/default.html +1 -0
  37. data/_layouts/download-mirror.html +5 -7
  38. data/_layouts/home.html +5 -9
  39. data/_layouts/page.html +10 -7
  40. data/_layouts/post.html +34 -19
  41. data/_layouts/search.html +8 -7
  42. data/_layouts/sponsors.html +16 -10
  43. data/_sass/centos/_breadcrumbs.scss +4 -0
  44. data/_sass/centos/_footer.scss +15 -3
  45. data/_sass/centos/_header.scss +85 -38
  46. data/_sass/centos/_main.scss +196 -0
  47. data/_sass/centos/_mixins.scss +3 -6
  48. data/_sass/centos/_nav.scss +2 -13
  49. data/_sass/centos/{mixins/_page-toc.scss → _toc.scss} +8 -4
  50. data/_sass/centos/_variables.scss +15 -45
  51. data/_sass/centos/centos.scss +3 -2
  52. data/_sass/centos/mixins/_aside-nav.scss +26 -0
  53. data/_sass/centos/mixins/_content.scss +82 -0
  54. data/_sass/centos/{_rssfeeds.scss → mixins/_link-list.scss} +1 -1
  55. data/assets/img/post.png +0 -0
  56. metadata +33 -33
  57. data/_includes/page/download-cards.html +0 -13
  58. data/_includes/page/download-header-doc.html +0 -8
  59. data/_includes/page/download-header-eol.html +0 -8
  60. data/_includes/page/download-header.html +0 -10
  61. data/_includes/page/download-linux.html +0 -20
  62. data/_includes/page/download-linux/7-doc.html +0 -5
  63. data/_includes/page/download-linux/7-eol.html +0 -5
  64. data/_includes/page/download-linux/7.html +0 -5
  65. data/_includes/page/download-linux/8-doc.html +0 -5
  66. data/_includes/page/download-linux/8-eol.html +0 -5
  67. data/_includes/page/download-linux/8.html +0 -5
  68. data/_includes/page/download-stream.html +0 -16
  69. data/_includes/page/download-stream/8-doc.html +0 -5
  70. data/_includes/page/download-stream/8-eol.html +0 -5
  71. data/_includes/page/download-stream/8.html +0 -5
  72. data/_layouts/download.html +0 -25
  73. data/_sass/centos/_page.scss +0 -222
  74. data/_sass/centos/mixins/_before-angle-right.scss +0 -9
  75. data/_sass/centos/mixins/_link-dark.scss +0 -10
  76. data/_sass/centos/mixins/_page-card.scss +0 -14
  77. data/_sass/centos/mixins/_page-heading.scss +0 -28
  78. data/_sass/centos/mixins/_page-lists.scss +0 -15
data/_layouts/blog.html CHANGED
@@ -2,60 +2,54 @@
2
2
  layout: default
3
3
  ---
4
4
 
5
- <main class="page">
6
- <div class="row">
5
+ <main class="blog">
7
6
 
8
- <div class="col">
9
- <ol class="breadcrumb">
10
- <li class="breadcrumb-item"><a href="/">Home</a></li>
11
- <li class="breadcrumb-item active">{{ page.title | capitalize }}</li>
12
- </ol>
13
- </div>
14
-
15
- <div class="col text-right">
16
- <a href="{{ "/feed.xml" | relative_url }}"><button type="button" class="btn btn-light"><i class="fas fa-rss"></i></button></a>
17
- </div>
18
-
19
- </div>
7
+ <ol class="blog__breadcrumb">
8
+ <li class="blog__breadcrumb__item"><a href="/">Home</a></li>
9
+ <li class="blog__breadcrumb__item abreadcrumb-item--active">{{ page.title | capitalize }}</li>
10
+ </ol>
20
11
 
21
- <div class="row">
22
- <div class="blog">
12
+ <section class="blog__entries">
23
13
  {%- if site.posts.size > 0 -%}
24
- <div class="d-flex align-content-start flex-wrap align-content-stretch">
14
+ <div class="blog__entries__card">
25
15
  {%- for post in paginator.posts -%}
26
- <div class="card">
27
- <a href="{{ post.url | relative_url }}">
28
- <div class="card-body">
16
+ <div class="blog__entries__card__item">
29
17
  {%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
30
18
  {%- if post.image -%}
31
- <img class="card-img-top" src="{{ post.image }}" alt="{{ post.title | escape }}">
19
+ <a href="{{ post.url | relative_url }}"><img class="blog__entries__card__item__image" src="{{ post.image }}" alt="{{ post.title | escape }}"></a>
32
20
  {%- endif -%}
33
- <h5 class="card-title">{{ post.title | escape }}</h5>
34
- <p class="card-date">{{ post.date | date: date_format }}</p>
21
+ <a href="{{ post.url | relative_url }}"><h4 class="blog__entries__card__item__title">{{ post.title | escape }}</h4></a>
22
+ <p class="blog__entries__card__item__date">{{ post.date | date: date_format }}</p>
35
23
  {%- if site.show_excerpts -%}
36
- <p class="card-excerpt">{{ sponsor.excerpt }}</p>
24
+ <p class="blog__entries__card__item__excerpt">{{ sponsor.excerpt }}</p>
37
25
  {%- endif -%}
38
26
  </div>
39
- </a>
40
- </div>
41
27
  {% endfor %}
42
28
  </div>
43
29
  {%- endif -%}
30
+ </section>
44
31
 
45
- {% if paginator.total_pages > 1 %}
46
- <div class="paginator">
47
- {% if paginator.previous_page %}
48
- <span class="newer">
49
- <a href="{{ paginator.previous_page_path }}"><i class="fas fa-arrow-left"></i> Newer</a>
50
- </span>
51
- {% endif %}
52
- {% if paginator.next_page %}
53
- <span class="older">
54
- <a href="{{ paginator.next_page_path }}"> Older <i class="fas fa-arrow-right"></i></a>
55
- </span>
56
- {% endif %}
57
- </div>
58
- {% endif %}
32
+ {% if paginator.total_pages > 1 %}
33
+ <nav class="blog__navbar">
34
+ {% if paginator.previous_page %}
35
+ <div class="blog__navbar__newer">
36
+ {% else %}
37
+ <div class="blog__navbar__newer--disabled">
38
+ {% endif %}
39
+ <a href="{{ paginator.previous_page_path }}"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="Newer Posts"><i class="fas fa-arrow-left"></i></button></a>
40
+ </div>
41
+ <div class="blog__navbar__feeds">
42
+ <a href="{{ "/feed.xml" | relative_url }}"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="RSS"><i class="fas fa-rss"></i></button></a>
43
+ </div>
44
+ {% if paginator.next_page %}
45
+ <div class="blog__navbar__older">
46
+ {% else %}
47
+ <div class="blog__navbar__older--disabled">
48
+ {% endif %}
49
+ <a href="{{ paginator.next_page_path }}"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="Older Posts"><i class="fas fa-arrow-right"></i></button></a>
59
50
  </div>
60
51
  </div>
52
+ {% endif %}
53
+ </nav>
54
+
61
55
  </main>
data/_layouts/default.html CHANGED
@@ -4,6 +4,7 @@
4
4
  {% include head.html -%}
5
5
 
6
6
  <body>
7
+
7
8
  {% include navbar.html -%}
8
9
  {% include header.html -%}
9
10
 
data/_layouts/download-mirror.html CHANGED
@@ -8,13 +8,11 @@
8
8
  {% include navbar.html -%}
9
9
  {% include header.html -%}
10
10
 
11
- <main class="page">
12
- {% include page/breadcrumbs.html %}
13
- <div class="row">
14
- <article class="article">
15
- {{ content }}
16
- </article>
17
- </div>
11
+ <main class="download">
12
+ {% include breadcrumbs.html %}
13
+ <article class="download__content">
14
+ {{ content }}
15
+ </article>
18
16
  </main>
19
17
 
20
18
  {% include footer.html -%}
data/_layouts/home.html CHANGED
@@ -8,14 +8,9 @@
8
8
  {% include navbar.html -%}
9
9
  {% include header.html -%}
10
10
 
11
- <main class="page">
12
- <div class="row">
13
- {% include home/news.html -%}
14
- {% include home/sponsors.html %}
15
- </div>
16
- <div class="row">
17
- {% include home/around.html -%}
18
- </div>
11
+ <main class="home">
12
+ {% include home/news-and-sponsors.html -%}
13
+ {% include home/around.html -%}
19
14
  </main>
20
15
 
21
16
  {% include footer.html -%}
@@ -29,7 +24,8 @@
29
24
  $("#rss-feeds").rss("https://www.centos.org/assets/planet.rss", {
30
25
  limit: 5,
31
26
  ssl: true,
32
- entryTemplate: '<li><a href="{url}">{date} : {title}</a><br/>{shortBodyPlain}</li>'
27
+ dateFormat: "MMM DD, YYYY",
28
+ entryTemplate: '<li><a href="{url}">{title}</a> &mdash; <small>{date}</small><br/>{shortBodyPlain}</li>'
33
29
  },
34
30
  )
35
31
  })
data/_layouts/page.html CHANGED
@@ -3,11 +3,14 @@ layout: default
3
3
  ---
4
4
 
5
5
  <main class="page">
6
- {% include page/breadcrumbs.html %}
7
- {% include page/toc.html html=content %}
8
- <div class="row">
9
- <article class="article">
10
- {{ content }}
11
- </article>
12
- </div>
6
+
7
+ {% include breadcrumbs.html %}
8
+ {% include toc.html html=content %}
9
+
10
+ <article class="page__content">
11
+ {{ content }}
12
+ </article>
13
+
14
+ {% include top.html %}
15
+
13
16
  </main>
data/_layouts/post.html CHANGED
@@ -2,26 +2,41 @@
2
2
  layout: default
3
3
  ---
4
4
 
5
- <main class="page">
6
- <div class="row">
5
+ <main class="post">
7
6
 
8
- <aside class="aside-navigation">
9
- <ol class="breadcrumb">
10
- <li class="breadcrumb-item"><a href="/">Home</a></li>
11
- <li class="breadcrumb-item"><a href="/{{ page.category | lower }}">{{ page.category | capitalize }}</a></li>
12
- <li class="breadcrumb-item active">{{ page.title | capitalize }}</li>
13
- </ol>
14
- {% include page/toc.html html=content %}
15
- </aside>
7
+ <section class="post__content">
8
+ {% if page.image %}
9
+ <figure>
10
+ <img class="figure-img img-fluid" src="{{ page.image }}" alt="{{ page.title | escape }}">
11
+ </figure>
12
+ {% endif %}
13
+ {{ content }}
14
+ </section>
16
15
 
17
- <article class="aside-article">
18
- {% if page.image %}
19
- <figure class="figure">
20
- <img src="{{ page.image }}" alt="{{ page.title | escape }}">
21
- </figure>
22
- {% endif %}
23
- {{ content }}
24
- </article>
16
+ <aside class="post__content__nav">
17
+ {% include breadcrumbs.html %}
18
+ {% include toc.html html=content %}
19
+ {% include top.html %}
20
+ </aside>
25
21
 
26
- </div>
22
+ <nav class="post__navbar">
23
+ {% if page.previous.url %}
24
+ <div class="post__navbar__newer">
25
+ {% else %}
26
+ <div class="post__navbar__newer--disabled">
27
+ {% endif %}
28
+ <a href="{{ page.previous.url }}"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="Previous Post - {{ page.previous.title }}"><i class="fas fa-arrow-left"></i></button></a>
29
+ </div>
30
+ <div class="blog__navbar_entries">
31
+ <a href="{{ "/blog" | relative_url }}"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="Blog posts"><i class="fas fa-th"></i></button></a>
32
+ </div>
33
+ {% if page.next.url %}
34
+ <div class="post__navbar__older">
35
+ {% else %}
36
+ <div class="post__navbar__older--disabled">
37
+ {% endif %}
38
+ <a href="{{ page.next.url }}"><button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="Next Post - {{ page.next.title }}"><i class="fas fa-arrow-right"></i></button></a>
39
+ </div>
40
+ </nav>
41
+
27
42
  </main>
data/_layouts/search.html CHANGED
@@ -2,11 +2,12 @@
2
2
  layout: default
3
3
  ---
4
4
 
5
- <main class="page">
6
- <div class="row">
7
- <div class="search">
8
- {{ content }}
9
- </div>
10
- </div>
11
- </main>
5
+ <main class="search">
6
+
7
+ {% include breadcrumbs.html %}
12
8
 
9
+ <section class="search__results">
10
+ {{ content }}
11
+ </section>
12
+
13
+ </main>
data/_layouts/sponsors.html CHANGED
@@ -1,21 +1,27 @@
1
1
  ---
2
- layout: page
2
+ layout: default
3
3
  ---
4
4
 
5
- {{ content }}
5
+ <main class="sponsors">
6
6
 
7
- <section class="sponsors">
8
- <div class="d-flex align-content-start flex-wrap align-content-stretch">
7
+ {% include breadcrumbs.html %}
8
+
9
+ <div class="sponsors__content">
10
+
11
+ {{ content }}
12
+
13
+ <div class="sponsors__content__card">
9
14
  {% for sponsor in site.sponsors %}
10
- <div class="card">
15
+ <div class="sponsors__content__card__item">
11
16
  <a href="{{ sponsor.address }}">
12
- <img class="card-img-top" src="{{ sponsor.logo }}" alt="{{ sponsor.name }}">
13
- <div class="card-body">
14
- <p class="card-title">{{ sponsor.name }}</p>
15
- <p class="card-text">{{ sponsor.description }}</p>
17
+ <img class="sponsors__content__card__item__image" src="{{ sponsor.logo }}" alt="{{ sponsor.name }}">
18
+ <div class="sponsors__content__card__item__body">
19
+ <p class="sponsors__content__card__item__body_title">{{ sponsor.name }}</p>
20
+ <p class="sponsors__content__card__item__body_description">{{ sponsor.description }}</p>
16
21
  </div>
17
22
  </a>
18
23
  </div>
19
24
  {% endfor %}
20
25
  </div>
21
- </section>
26
+
27
+ </main>
data/_sass/centos/_breadcrumbs.scss ADDED
@@ -0,0 +1,4 @@
1
+ .breadcrumb {
2
+ font-size: small;
3
+ padding-top: 0;
4
+ }
data/_sass/centos/_footer.scss CHANGED
@@ -1,18 +1,30 @@
1
1
  .footer {
2
2
 
3
- @include link-dark;
3
+ a {
4
+ color: rgba(255,255,255,0.75);
5
+ &:hover {
6
+ color: $white;
7
+ }
8
+ }
9
+
10
+ background-image: url($background-image);
11
+ background-color: $black;
12
+ background-size: cover;
13
+ background-position: top right;
4
14
 
5
15
  %-margin {
6
16
  margin-top: $line-height-base * 1.5rem;
7
17
  }
8
18
 
9
19
  color: $nord-color-6;
10
- background-color: $nord-color-0;
11
- border-top: 1px solid $nord-color-3;
20
+ background-color: $black;
12
21
  font-size: $font-size-base * 0.9;
13
22
 
14
23
  margin-top: $line-height-base * 2rem;
15
24
 
25
+ scroll-margin-top: $scroll-margin-top;
26
+ margin-top: $heading-margin-top;
27
+
16
28
  ul {
17
29
  padding: 0;
18
30
  list-style: none;
data/_sass/centos/_header.scss CHANGED
@@ -1,50 +1,97 @@
1
1
  .header {
2
- color: #fff;
3
- background-image: url($background-image);
4
- background-color: $nord-color-0;
5
- background-size: cover;
6
- margin-bottom: 2.5em;
7
- display: flex;
8
- align-items: center;
9
-
10
- .title {
11
- @extend .container;
12
- padding-top: $page-header-padding-top;
13
- padding-bottom: $page-header-padding-bottom;
14
- }
15
2
 
16
- .home {
17
- @extend .container;
18
- padding-top: $home-header-padding-top;
19
- padding-bottom: $home-header-padding-bottom;
20
- }
3
+ color: $white;
4
+ background-image: url($background-image);
5
+ background-color: $black;
6
+ background-size: cover;
7
+ background-position: center right;
8
+
9
+ &__home {
10
+ padding-top: 4rem;
11
+ padding-bottom: 3rem;
12
+ margin-top: 60px;
21
13
 
22
- h1 {
23
- text-shadow: 0 0 5px #000;
24
- }
14
+ display: flex;
15
+ justify-content: center;
16
+ flex-direction: column;
17
+
18
+ &__title, &__description, &__preamble, &__worklines {
19
+ @extend .container;
20
+ text-shadow: 0 0 5px $black;
21
+ }
25
22
 
26
- p {
27
- text-shadow: 0 0 5px #000;
28
- }
23
+ &__description, &__preamble {
24
+ @extend .lead;
25
+ }
29
26
 
30
- .btn {
31
- margin-bottom: $line-height-base - 1em;
32
- margin-right: $line-height-base - 1em;
27
+ &__worklines {
28
+ .btn {
29
+ margin-bottom: $line-height-base - 1em;
30
+ margin-right: $line-height-base - 1em;
31
+ color: $white;
32
+ background: rgba($black, 0.4);
33
+ &:hover {
34
+ background: rgba($black, 0.75);
35
+ }
36
+ }
37
+ }
33
38
  }
34
39
 
35
- .paginator {
36
- color: $white;
37
- background: $black;
38
- font-size: $h1-font-size;
39
- margin: 0;
40
- padding: 1em;
41
- opacity: 0.2;
42
- &:hover {
43
- opacity: 1;
40
+ &__page {
41
+ padding-top: 4rem;
42
+ padding-bottom: 3rem;
43
+ margin-top: 60px;
44
+
45
+ display: flex;
46
+ justify-content: center;
47
+ flex-direction: column;
48
+
49
+ &__title, &__description {
50
+ @extend .container;
51
+ text-shadow: 0 0 5px $black;
44
52
  }
45
- &.disabled {
46
- opacity: 0;
53
+
54
+ &__description {
55
+ @extend .lead;
47
56
  }
48
57
  }
49
58
 
59
+ &__blog, &__post {
60
+ padding-top: 4rem;
61
+ padding-bottom: 3rem;
62
+ margin-top: 60px;
63
+
64
+ display: flex;
65
+ justify-content: space-between;
66
+ flex-direction: row;
67
+
68
+ &__newer, &__older {
69
+ padding: 0.5em;
70
+ font-size: $h3-font-size;
71
+ color: $white;
72
+ background: $black;
73
+ opacity: 0.3;
74
+ &:hover {
75
+ opacity: 0.65;
76
+ }
77
+ &--disabled {
78
+ opacity: 0;
79
+ &:hover {
80
+ opacity: 0;
81
+ }
82
+ }
83
+ }
84
+
85
+ &__present {
86
+ @extend .container;
87
+ }
88
+
89
+ &__title, &__description {
90
+ text-shadow: 0 0 5px $black;
91
+ }
92
+
93
+ &__description {
94
+ @extend .lead;
95
+ }
96
+ }
50
97
  }