jekyll-theme-centos 0.1.3 → 0.1.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (96) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/{centos-footer.html → footer.html} +5 -5
  3. data/_includes/{centos-head.html → head.html} +0 -0
  4. data/_includes/header.html +11 -0
  5. data/_includes/header/blog.html +23 -0
  6. data/_includes/header/home.html +13 -0
  7. data/_includes/header/page.html +10 -0
  8. data/_includes/header/post.html +22 -0
  9. data/_includes/{centos-content → home}/around.html +1 -1
  10. data/_includes/home/news.html +14 -0
  11. data/_includes/{centos-content → home}/sponsors.html +2 -2
  12. data/_includes/{centos-nav.html → nav.html} +2 -1
  13. data/_includes/page/alert-danger.html +4 -0
  14. data/_includes/page/alert-info.html +4 -0
  15. data/_includes/page/alert-success.html +4 -0
  16. data/_includes/page/alert-warning.html +4 -0
  17. data/_includes/page/breadcrumbs.html +11 -0
  18. data/_includes/{centos-content/download/table-body-doc.html → page/download-body-doc.html} +0 -0
  19. data/_includes/{centos-content/download/table-body-eol.html → page/download-body-eol.html} +0 -0
  20. data/_includes/{centos-content/download/table-body.html → page/download-body.html} +0 -0
  21. data/_includes/page/download-cards.html +13 -0
  22. data/_includes/{centos-content/download/table-footer.html → page/download-footer.html} +0 -0
  23. data/_includes/{centos-content/download/table-header-doc.html → page/download-header-doc.html} +0 -0
  24. data/_includes/{centos-content/download/table-header-eol.html → page/download-header-eol.html} +0 -0
  25. data/_includes/{centos-content/download/table-header.html → page/download-header.html} +0 -0
  26. data/_includes/page/download-linux.html +20 -0
  27. data/_includes/page/download-linux/7-doc.html +5 -0
  28. data/_includes/page/download-linux/7-eol.html +5 -0
  29. data/_includes/page/download-linux/7.html +5 -0
  30. data/_includes/page/download-linux/8-doc.html +5 -0
  31. data/_includes/page/download-linux/8-eol.html +5 -0
  32. data/_includes/page/download-linux/8.html +5 -0
  33. data/_includes/{centos-content/download/stream.html → page/download-stream.html} +4 -4
  34. data/_includes/page/download-stream/8-doc.html +5 -0
  35. data/_includes/page/download-stream/8-eol.html +5 -0
  36. data/_includes/page/download-stream/8.html +5 -0
  37. data/_includes/page/figure.html +3 -0
  38. data/_includes/page/search.html +62 -0
  39. data/_includes/{centos-content → page}/toc.html +4 -2
  40. data/_includes/{centos-content → page}/video.html +1 -1
  41. data/_layouts/aside.html +16 -0
  42. data/_layouts/blog.html +50 -0
  43. data/_layouts/default.html +4 -4
  44. data/_layouts/{centos-content/download-mirror.html → download-mirror.html} +10 -7
  45. data/_layouts/download.html +25 -0
  46. data/_layouts/home.html +39 -4
  47. data/_layouts/page.html +10 -2
  48. data/_layouts/post.html +19 -1
  49. data/_layouts/search.html +12 -0
  50. data/_layouts/{centos-content/sponsors.html → sponsors.html} +2 -2
  51. data/_sass/centos/_footer.scss +6 -6
  52. data/_sass/centos/_header.scss +32 -7
  53. data/_sass/centos/_mixins.scss +5 -4
  54. data/_sass/centos/_page.scss +248 -0
  55. data/_sass/centos/_variables.scss +13 -12
  56. data/_sass/centos/centos.scss +2 -2
  57. data/_sass/centos/mixins/{_footer-link.scss → _link-dark.scss} +1 -1
  58. data/_sass/centos/mixins/_page-card.scss +14 -0
  59. data/_sass/centos/mixins/_page-heading.scss +28 -0
  60. data/_sass/centos/mixins/_page-lists.scss +15 -0
  61. data/_sass/centos/mixins/{_content-toc.scss → _page-toc.scss} +9 -4
  62. data/assets/img/{centos-logo-white.png → logo.png} +0 -0
  63. data/assets/img/{centos-motif.png → motif.png} +0 -0
  64. data/assets/js/jquery.rss.js +1 -11
  65. data/assets/js/lunr.min.js +6 -0
  66. data/assets/js/moment.min.js +2 -7
  67. metadata +56 -52
  68. data/_includes/centos-content/1col.html +0 -11
  69. data/_includes/centos-content/2col.html +0 -15
  70. data/_includes/centos-content/admonition/caution.html +0 -4
  71. data/_includes/centos-content/admonition/idea.html +0 -4
  72. data/_includes/centos-content/admonition/note.html +0 -4
  73. data/_includes/centos-content/admonition/warning.html +0 -4
  74. data/_includes/centos-content/breadcrumbs.html +0 -11
  75. data/_includes/centos-content/download/stream-8-doc.html +0 -5
  76. data/_includes/centos-content/download/stream-8-eol.html +0 -5
  77. data/_includes/centos-content/download/stream-8.html +0 -5
  78. data/_includes/centos-content/figure.html +0 -4
  79. data/_includes/centos-content/news.html +0 -15
  80. data/_includes/centos-header.html +0 -7
  81. data/_includes/centos-header/home.html +0 -15
  82. data/_includes/centos-header/page.html +0 -12
  83. data/_includes/centos-styleguide.md +0 -243
  84. data/_layouts/centos-content/1col.html +0 -9
  85. data/_layouts/centos-content/2col.html +0 -9
  86. data/_layouts/centos-content/download.html +0 -18
  87. data/_layouts/centos-home.html +0 -39
  88. data/_sass/centos/_content.scss +0 -101
  89. data/_sass/centos/content/_1col.scss +0 -32
  90. data/_sass/centos/content/_2col.scss +0 -44
  91. data/_sass/centos/content/_download.scss +0 -17
  92. data/_sass/centos/content/_sponsors.scss +0 -9
  93. data/_sass/centos/header/_home.scss +0 -4
  94. data/_sass/centos/header/_page.scss +0 -4
  95. data/_sass/centos/mixins/_content-card.scss +0 -13
  96. data/_sass/centos/mixins/_content-heading.scss +0 -28
data/_layouts/aside.html ADDED
@@ -0,0 +1,16 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <main class="page">
6
+ <div class="row">
7
+ <aside class="aside-navigation">
8
+ {% include page/breadcrumbs.html %}
9
+ {% include page/toc.html html=content %}
10
+ </aside>
11
+
12
+ <article class="aside-article">
13
+ {{ content }}
14
+ </section>
15
+ </div>
16
+ </main>
data/_layouts/blog.html ADDED
@@ -0,0 +1,50 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <main class="page">
6
+ <div class="row">
7
+
8
+ <div class="blog">
9
+
10
+ <div class="rss-subscribe">
11
+ <a href="{{ "/feed.xml" | relative_url }}"><i class="fas fa-rss"></i> Subscribe</a>
12
+ </div>
13
+
14
+ {%- if site.posts.size > 0 -%}
15
+ <div class="d-flex align-content-start flex-wrap align-content-stretch">
16
+ {%- for post in paginator.posts -%}
17
+ <div class="card">
18
+ <a href="{{ post.url | relative_url }}">
19
+ <div class="card-body">
20
+ {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
21
+ <img class="card-img-top" src="{{ post.image }}" alt="{{ post.title | escape }}">
22
+ <h5 class="card-title">{{ post.title | escape }}</h5>
23
+ <p class="card-date">{{ post.date | date: date_format }}</p>
24
+ {%- if site.show_excerpts -%}
25
+ <p class="card-excerpt">{{ sponsor.excerpt }}</p>
26
+ {%- endif -%}
27
+ </div>
28
+ </a>
29
+ </div>
30
+ {% endfor %}
31
+ </div>
32
+ {%- endif -%}
33
+
34
+ {% if paginator.total_pages > 1 %}
35
+ <div class="paginator">
36
+ {% if paginator.previous_page %}
37
+ <span class="newer">
38
+ <a href="{{ paginator.previous_page_path | prepend: site.baseurl }}"><i class="fas fa-arrow-left"></i> Newer</a>
39
+ </span>
40
+ {% endif %}
41
+ {% if paginator.next_page %}
42
+ <span class="older">
43
+ <a href="{{ paginator.next_page_path | prepend: site.baseurl }}"> Older <i class="fas fa-arrow-right"></i></a>
44
+ </span>
45
+ {% endif %}
46
+ </div>
47
+ {% endif %}
48
+ </div>
49
+ </div>
50
+ </main>
data/_layouts/default.html CHANGED
@@ -1,15 +1,15 @@
1
1
  <!DOCTYPE html>
2
2
  <html lang="{{ page.lang | default: 'en' }}">
3
3
 
4
- {% include centos-head.html -%}
4
+ {% include head.html -%}
5
5
 
6
6
  <body>
7
- {% include centos-nav.html -%}
8
- {% include centos-header.html -%}
7
+ {% include nav.html -%}
8
+ {% include header.html -%}
9
9
 
10
10
  {{ content }}
11
11
 
12
- {% include centos-footer.html -%}
12
+ {% include footer.html -%}
13
13
 
14
14
  <script src="/assets/js/jquery.min.js"></script>
15
15
  <script src="/assets/js/bootstrap.min.js"></script>
data/_layouts/{centos-content/download-mirror.html → download-mirror.html} RENAMED
@@ -1,27 +1,30 @@
1
1
  <!DOCTYPE html>
2
2
  <html lang="{{ page.lang | default: 'en' }}">
3
3
 
4
- {% include centos-head.html %}
4
+ {% include head.html %}
5
5
 
6
6
  <body>
7
7
 
8
- {% include centos-nav.html -%}
9
- {% include centos-header.html -%}
8
+ {% include nav.html -%}
9
+ {% include header.html -%}
10
10
 
11
- <main class="centos-content container">
11
+ <main class="page">
12
+ {% include page/breadcrumbs.html %}
12
13
  <div class="row">
13
- {% include centos-content/1col.html %}
14
+ <article class="article">
15
+ {{ content }}
16
+ </article>
14
17
  </div>
15
18
  </main>
16
19
 
17
- {% include centos-footer.html -%}
20
+ {% include footer.html -%}
18
21
 
19
22
  <script src="/assets/js/jquery.min.js"></script>
20
23
  <script src="/assets/js/jquery.dataTables.min.js"></script>
21
24
  <script src="/assets/js/dataTables.bootstrap4.min.js"></script>
22
25
  <script>
23
26
  $(document).ready(function() {
24
- $('#centos-mirrors-table').DataTable();
27
+ $('#download-mirror').DataTable();
25
28
  } );
26
29
  </script>
27
30
  <script src="/assets/js/bootstrap.min.js"></script>
data/_layouts/download.html ADDED
@@ -0,0 +1,25 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <main class="page">
6
+
7
+ {% include page/breadcrumbs.html %}
8
+
9
+ <div class="download">
10
+ <div class="row">
11
+ {% include page/download-cards.html %}
12
+ </div>
13
+ </div>
14
+
15
+ <div class="row">
16
+ <aside class="aside-navigation">
17
+ {% include page/toc.html html=content %}
18
+ </aside>
19
+
20
+ <article class="aside-article">
21
+ {{ content }}
22
+ </section>
23
+ </div>
24
+
25
+ </main>
data/_layouts/home.html CHANGED
@@ -1,5 +1,40 @@
1
- ---
2
- layout: centos-content/1col
3
- ---
1
+ <!DOCTYPE html>
2
+ <html lang="{{ page.lang | default: 'en' }}">
3
+
4
+ {% include head.html -%}
5
+
6
+ <body>
7
+
8
+ {% include nav.html -%}
9
+ {% include header.html -%}
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>
19
+ </main>
20
+
21
+ {% include footer.html -%}
22
+
23
+ <script src="/assets/js/jquery.min.js"></script>
24
+ <script src="/assets/js/bootstrap.min.js"></script>
25
+ <script src="/assets/js/moment.min.js"></script>
26
+ <script src="/assets/js/jquery.rss.js"></script>
27
+ <script>
28
+ jQuery(function($) {
29
+ $("#rss-feeds").rss("https://www.centos.org/assets/planet.rss", {
30
+ limit: 5,
31
+ ssl: true,
32
+ entryTemplate: '<li><a href="{url}">{date} : {title}</a><br/>{shortBodyPlain}</li>'
33
+ },
34
+ )
35
+ })
36
+ </script>
37
+ </body>
38
+
39
+ </html>
4
40
 
5
- {{ content }}
data/_layouts/page.html CHANGED
@@ -1,5 +1,13 @@
1
1
  ---
2
- layout: centos-content/1col
2
+ layout: default
3
3
  ---
4
4
 
5
- {{ content }}
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>
13
+ </main>
data/_layouts/post.html CHANGED
@@ -2,4 +2,22 @@
2
2
  layout: default
3
3
  ---
4
4
 
5
- {{ content }}
5
+ <main class="page">
6
+ <div class="row">
7
+
8
+ <aside class="aside-navigation">
9
+ {% include page/breadcrumbs.html %}
10
+ {% include page/toc.html html=content %}
11
+ </aside>
12
+
13
+ <article class="aside-article">
14
+ {% if page.image != "" %}
15
+ <figure class="figure">
16
+ <img src="{{ page.image }}" alt="{{ page.title | escape }}">
17
+ </figure>
18
+ {% endif %}
19
+ {{ content }}
20
+ </article>
21
+
22
+ </div>
23
+ </main>
data/_layouts/search.html ADDED
@@ -0,0 +1,12 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <main class="page">
6
+ <div class="row">
7
+ <div class="search">
8
+ {{ content }}
9
+ </div>
10
+ </div>
11
+ </main>
12
+
data/_layouts/{centos-content/sponsors.html → sponsors.html} RENAMED
@@ -1,10 +1,10 @@
1
1
  ---
2
- layout: centos-content/1col
2
+ layout: page
3
3
  ---
4
4
 
5
5
  {{ content }}
6
6
 
7
- <section class="centos-content-sponsors-cards">
7
+ <section class="sponsors">
8
8
  <div class="d-flex align-content-start flex-wrap align-content-stretch">
9
9
  {% for sponsor in site.sponsors %}
10
10
  <div class="card">
data/_sass/centos/_footer.scss CHANGED
@@ -1,6 +1,6 @@
1
- .centos-footer {
1
+ .footer {
2
2
 
3
- @include centos-footer-link;
3
+ @include link-dark;
4
4
 
5
5
  %-margin {
6
6
  margin-top: $line-height-base * 1.5rem;
@@ -20,17 +20,17 @@
20
20
  margin-bottom: 0;
21
21
  }
22
22
 
23
- &-about {
23
+ .about {
24
24
  @extend .col-sm-6, .col-md-3;
25
25
  @extend %-margin;
26
26
  }
27
27
 
28
- &-community {
28
+ .community {
29
29
  @extend .col-sm-6, .col-md-3;
30
30
  @extend %-margin;
31
31
  }
32
32
 
33
- &-project {
33
+ .project {
34
34
  @extend .col-md-6;
35
35
  @extend %-margin;
36
36
 
@@ -41,7 +41,7 @@
41
41
  }
42
42
  }
43
43
 
44
- &-copyright {
44
+ .copyright {
45
45
  @extend %-margin;
46
46
  font-size: small;
47
47
  }
data/_sass/centos/_header.scss CHANGED
@@ -1,16 +1,29 @@
1
- .centos-header {
2
- background-image: url($centos-background-image);
1
+ .header {
2
+ color: #fff;
3
+ background-image: url($background-image);
3
4
  background-color: $nord-color-0;
4
5
  background-size: cover;
5
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
+
16
+ .home {
17
+ @extend .container;
18
+ padding-top: $home-header-padding-top;
19
+ padding-bottom: $home-header-padding-bottom;
20
+ }
6
21
 
7
22
  h1 {
8
- color: #fff;
9
23
  text-shadow: 0 0 5px #000;
10
24
  }
11
25
 
12
26
  p {
13
- color: #fff;
14
27
  text-shadow: 0 0 5px #000;
15
28
  }
16
29
 
@@ -18,8 +31,20 @@
18
31
  margin-bottom: $line-height-base - 1em;
19
32
  margin-right: $line-height-base - 1em;
20
33
  }
21
- }
22
34
 
23
- @import "header/_home";
24
- @import "header/_page";
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;
44
+ }
45
+ &.disabled {
46
+ opacity: 0;
47
+ }
48
+ }
25
49
 
50
+ }
data/_sass/centos/_mixins.scss CHANGED
@@ -1,4 +1,5 @@
1
- @import "mixins/_content-heading";
2
- @import "mixins/_content-card";
3
- @import "mixins/_content-toc";
4
- @import "mixins/_footer-link";
1
+ @import "mixins/_page-heading";
2
+ @import "mixins/_page-lists";
3
+ @import "mixins/_page-card";
4
+ @import "mixins/_page-toc";
5
+ @import "mixins/_link-dark";
data/_sass/centos/_page.scss ADDED
@@ -0,0 +1,248 @@
1
+ .page {
2
+
3
+ @extend .container;
4
+ @include page-heading;
5
+
6
+ .figure {
7
+ img {
8
+ @extend .img-fluid;
9
+ }
10
+ }
11
+
12
+ pre {
13
+ background: $nord-color-0;
14
+ color: $nord-color-6;
15
+ padding: 1em;
16
+ max-height: 500px;
17
+ }
18
+
19
+ blockquote {
20
+ @extend .blockquote;
21
+ font-size: $font-size-base;
22
+
23
+ border-left: 5px solid $nord-color-7;
24
+ background-color: rgba($nord-color-7, 0.05);
25
+ padding: 1em;
26
+ padding-left: 2em;
27
+
28
+ blockquote {
29
+ border-left: 5px solid $nord-color-11;
30
+ background-color: rgba($nord-color-11, 0.05);
31
+ blockquote {
32
+ border-left: 5px solid $nord-color-14;
33
+ background-color: rgba($nord-color-14, 0.05);
34
+ blockquote {
35
+ border-left: 5px solid $nord-color-13;
36
+ background-color: rgba($nord-color-13, 0.05);
37
+ }
38
+ }
39
+ }
40
+ }
41
+
42
+ .alert {
43
+ padding-bottom: 0;
44
+ .title {
45
+ font-size: $h4-font-size;
46
+ font-weight: $font-weight-bold;
47
+ margin-bottom: 0;
48
+ }
49
+ &-info {
50
+ border-left: 5px solid $nord-color-7;
51
+ }
52
+ &-warning {
53
+ border-left: 5px solid $nord-color-13;
54
+ }
55
+ &-danger {
56
+ border-left: 5px solid $nord-color-11;
57
+ }
58
+ &-success {
59
+ border-left: 5px solid $nord-color-14;
60
+ }
61
+ }
62
+
63
+ table {
64
+ @extend .table, .table-striped, .table-borderless;
65
+ thead {
66
+ @extend .thead-dark;
67
+ @include link-dark;
68
+ }
69
+ }
70
+
71
+ .breadcrumb {
72
+ padding-top: 0;
73
+ }
74
+
75
+ .video {
76
+ @extend .embed-responsive, .embed-responsive-16by9;
77
+ margin-bottom: $line-height-base * 1em;
78
+ }
79
+
80
+ .news {
81
+ @extend .col-md-8, .col-lg-8;
82
+ .card {
83
+ border: none;
84
+ margin-left: 15px;
85
+ &-title {
86
+ font-size: $h5-font-size;
87
+ }
88
+ &-body {
89
+ list-style: none;
90
+ padding: 0;
91
+ li {
92
+ padding: 0.5em;
93
+ }
94
+ }
95
+ }
96
+ .card-title {
97
+ list-style: none;
98
+ &:before {
99
+ @extend .fas;
100
+ color: $nord-color-4;
101
+ margin-right: 0.5em;
102
+ margin-left: -1em;
103
+ content: fa-content($fa-var-angle-right);
104
+ }
105
+ }
106
+ }
107
+
108
+ .around {
109
+ @extend .col-md-12, .col-lg-12;
110
+ margin-top: 1em;
111
+ }
112
+
113
+ .toc {
114
+ @include page-toc;
115
+ }
116
+
117
+ .article {
118
+ @extend .col-md-12, .col-lg-12;
119
+ @include page-lists;
120
+ }
121
+
122
+ .blog {
123
+ @extend .col-md-12, .col-lg-12;
124
+
125
+ .card {
126
+ @extend .col-md-6;
127
+ @include page-card;
128
+ a {
129
+ display: block;
130
+ height: 100%;
131
+ }
132
+ }
133
+
134
+ .rss-subscribe {
135
+ @extend .col-md-12;
136
+ @extend .text-right;
137
+ margin-bottom: 1em;
138
+ }
139
+
140
+ .paginator {
141
+ border-top: 1px solid $nord-color-4;
142
+ margin-top: 1em;
143
+ padding: 0;
144
+ padding-top: 1em;
145
+ .older {
146
+ float: right;
147
+ }
148
+ .newer {
149
+ float: left;
150
+ }
151
+ }
152
+ }
153
+
154
+ .search {
155
+ @extend .container;
156
+ @include page-heading;
157
+
158
+ p {
159
+ padding: 3em;
160
+ background: $nord-color-6;
161
+ }
162
+
163
+ ul {
164
+ padding-left: 0;
165
+ li {
166
+ list-style: none;
167
+ margin-top: 1em;
168
+ margin-left: 1em;
169
+ &:before {
170
+ @extend .fas;
171
+ color: $nord-color-4;
172
+ margin-right: 0.5em;
173
+ margin-left: -1em;
174
+ content: fa-content($fa-var-angle-right);
175
+ }
176
+ }
177
+ }
178
+
179
+ .lunrsearchresult {
180
+ .title {
181
+ margin-top: 0;
182
+ }
183
+ .url {
184
+ color: silver;
185
+ }
186
+ }
187
+ }
188
+
189
+ .aside-navigation {
190
+ @extend .container;
191
+ @extend .col-md-4, .col-lg-4;
192
+ font-size: small;
193
+ @include media-breakpoint-up(md) {
194
+ align-self: start;
195
+ position: sticky;
196
+ top: 90px;
197
+ }
198
+
199
+ .toc {
200
+ @include page-toc;
201
+ @include media-breakpoint-up(md) {
202
+ display: flex;
203
+ flex-direction: column;
204
+ max-height: 75vh;
205
+ overflow-y: auto;
206
+ }
207
+ }
208
+ }
209
+
210
+ .aside-article {
211
+ @extend .col-md-8, .col-lg-8;
212
+ @include page-lists;
213
+ }
214
+
215
+ .download {
216
+ @extend .container;
217
+
218
+ .card {
219
+ @extend .col-md-6;
220
+ @include page-card;
221
+ .tab-content {
222
+ table {
223
+ font-size: small;
224
+ }
225
+ }
226
+ }
227
+
228
+ margin-bottom: 2em;
229
+ padding-bottom: 2em;
230
+ border-bottom: 1px solid $nord-color-4;
231
+
232
+ }
233
+
234
+ .sponsors {
235
+ &.carousel {
236
+ @extend .col-md-4;
237
+ }
238
+ .card {
239
+ margin: 1em;
240
+ border: none;
241
+ }
242
+ img {
243
+ width: auto;
244
+ height: 50px;
245
+ }
246
+ }
247
+
248
+ }