jekyll-theme-centos 0.1.21 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
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 -15
  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 -9
  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 -221
  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>
@@ -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
 
@@ -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>
@@ -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>
@@ -0,0 +1,4 @@
1
+ .breadcrumb {
2
+ font-size: small;
3
+ padding-top: 0;
4
+ }
@@ -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;
@@ -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
  }