jekyll-theme-centos 0.2.4 → 0.5.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (52) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/download/body-doc.html +3 -3
  3. data/_includes/download/body-eol.html +2 -2
  4. data/_includes/download/body.html +4 -4
  5. data/_includes/download/cards.html +3 -3
  6. data/_includes/download/linux.html +3 -3
  7. data/_includes/download/linux/7-doc.html +1 -1
  8. data/_includes/download/linux/7-eol.html +1 -1
  9. data/_includes/download/linux/7.html +1 -1
  10. data/_includes/download/linux/8-doc.html +1 -1
  11. data/_includes/download/linux/8-eol.html +1 -1
  12. data/_includes/download/linux/8.html +1 -1
  13. data/_includes/download/stream.html +2 -2
  14. data/_includes/download/stream/8-doc.html +1 -1
  15. data/_includes/download/stream/8-eol.html +1 -1
  16. data/_includes/download/stream/8.html +1 -1
  17. data/_includes/footer.html +5 -5
  18. data/_includes/header/home.html +0 -10
  19. data/_includes/home/distributions.html +12 -0
  20. data/_includes/home/news-and-events.html +13 -0
  21. data/_includes/home/{around.html → planet.html} +1 -1
  22. data/_includes/home/sponsors.html +2 -2
  23. data/_includes/navbar.html +7 -7
  24. data/_includes/post-nav-explorer.html +23 -0
  25. data/_includes/post-nav.html +3 -0
  26. data/_includes/search.html +2 -60
  27. data/_includes/top.html +1 -1
  28. data/_layouts/aside.html +16 -1
  29. data/_layouts/blog.html +14 -31
  30. data/_layouts/download-mirror.html +5 -2
  31. data/_layouts/home.html +16 -2
  32. data/_layouts/page.html +9 -5
  33. data/_layouts/post.html +16 -29
  34. data/_layouts/search.html +29 -10
  35. data/_layouts/sponsors.html +5 -2
  36. data/_sass/centos/_footer.scss +2 -4
  37. data/_sass/centos/_header.scss +14 -25
  38. data/_sass/centos/_main.scss +64 -83
  39. data/_sass/centos/_mixins.scss +3 -0
  40. data/_sass/centos/_nav.scss +3 -0
  41. data/_sass/centos/_toc.scss +2 -1
  42. data/_sass/centos/_variables.scss +27 -21
  43. data/_sass/centos/mixins/_aside-nav.scss +24 -13
  44. data/_sass/centos/mixins/_content-nav.scss +11 -0
  45. data/_sass/centos/mixins/_content.scss +16 -26
  46. data/_sass/centos/mixins/_link-list.scss +1 -1
  47. data/_sass/centos/mixins/_post-nav-explorer.scss +21 -0
  48. data/assets/img/motif.png +0 -0
  49. data/assets/js/instantsearch.min.js +27 -0
  50. metadata +11 -6
  51. data/_includes/home/news-and-sponsors.html +0 -8
  52. data/_includes/home/news.html +0 -13
data/_layouts/download-mirror.html CHANGED
@@ -8,9 +8,12 @@
8
8
  {% include navbar.html -%}
9
9
  {% include header.html -%}
10
10
 
11
- <main class="download">
12
- {% include breadcrumbs.html %}
11
+ <main id="main" class="download">
13
12
  <article class="download__content">
13
+ <div class="download__content__nav">
14
+ {% include breadcrumbs.html %}
15
+ {% include toc.html html=content %}
16
+ </div>
14
17
  {{ content }}
15
18
  </article>
16
19
  </main>
data/_layouts/home.html CHANGED
@@ -9,8 +9,22 @@
9
9
  {% include header.html -%}
10
10
 
11
11
  <main class="home">
12
- {% include home/news-and-sponsors.html -%}
13
- {% include home/around.html -%}
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
+ </div>
17
+ <div class="col-sm-12 col-lg-4">
18
+ {% include home/distributions.html -%}
19
+ {% include home/sponsors.html %}
20
+ </div>
21
+ </div>
22
+ <div class="row">
23
+ <div class="col-sm-12">
24
+ {% include home/planet.html -%}
25
+ </div>
26
+ </div>
27
+ </div>
14
28
  </main>
15
29
 
16
30
  {% include footer.html -%}
data/_layouts/page.html CHANGED
@@ -4,13 +4,17 @@ layout: default
4
4
 
5
5
  <main class="page">
6
6
 
7
- {% include breadcrumbs.html %}
8
- {% include toc.html html=content %}
9
-
10
7
  <article class="page__content">
8
+ <div class="page__content__nav">
9
+ {% include breadcrumbs.html %}
10
+ {% include toc.html html=content %}
11
+ </div>
12
+
11
13
  {{ content }}
12
- </article>
13
14
 
14
- {% include top.html %}
15
+ <nav class="page__content__nav">
16
+ {% include top.html %}
17
+ </nav>
18
+ </article>
15
19
 
16
20
  </main>
data/_layouts/post.html CHANGED
@@ -4,39 +4,26 @@ layout: default
4
4
 
5
5
  <main class="post">
6
6
 
7
- <section class="post__content">
7
+ <article class="post__content">
8
+
9
+ <nav class="post__content__nav">
10
+ {% include breadcrumbs.html %}
11
+ {% include toc.html html=content %}
12
+ </nav>
13
+
8
14
  {% if page.image %}
9
- <figure>
10
- <img class="figure-img img-fluid" src="{{ page.image }}" alt="{{ page.title | escape }}">
11
- </figure>
15
+ <figure><img class="figure-img img-fluid" src="{{ page.image }}" alt="{{ page.title | escape }}"></figure>
12
16
  {% endif %}
17
+
13
18
  {{ content }}
14
- </section>
15
19
 
16
- <aside class="post__content__nav">
17
- {% include breadcrumbs.html %}
18
- {% include toc.html html=content %}
19
- {% include top.html %}
20
+ <nav class="post__content__nav">
21
+ {% include post-nav-explorer.html %}
22
+ </nav>
23
+ </article>
24
+
25
+ <aside class="post__nav">
26
+ {% include post-nav.html %}
20
27
  </aside>
21
28
 
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.html" | 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
-
42
29
  </main>
data/_layouts/search.html CHANGED
@@ -1,13 +1,32 @@
1
- ---
2
- layout: default
3
- ---
1
+ <!DOCTYPE html>
2
+ <html lang="{{ page.lang | default: 'en' }}">
4
3
 
5
- <main class="search">
4
+ {% include head.html -%}
6
5
 
7
- {% include breadcrumbs.html %}
6
+ <body>
8
7
 
9
- <section class="search__results">
10
- {{ content }}
11
- </section>
12
-
13
- </main>
8
+ {% include navbar.html -%}
9
+ {% include header.html -%}
10
+
11
+ <main class="search">
12
+
13
+ <div class="search__content">
14
+ <div class="search__content__nav">
15
+ {% include breadcrumbs.html %}
16
+ </div>
17
+
18
+ <div class="search__content_results">
19
+ {{ content }}
20
+ </div>
21
+ </div>
22
+
23
+ </main>
24
+
25
+ {% include footer.html -%}
26
+
27
+ <script src="/assets/js/jquery.min.js"></script>
28
+ <script src="/assets/js/bootstrap.min.js"></script>
29
+ <script src="/assets/js/instantsearch.min.js"></script>
30
+ </body>
31
+
32
+ </html>
data/_layouts/sponsors.html CHANGED
@@ -4,10 +4,13 @@
4
4
 
5
5
  <main class="sponsors">
6
6
 
7
- {% include breadcrumbs.html %}
8
-
9
7
  <div class="sponsors__content">
10
8
 
9
+ <div class="sponsors__content__nav">
10
+ {% include breadcrumbs.html %}
11
+ {% include toc.html html=content %}
12
+ </div>
13
+
11
14
  {{ content }}
12
15
 
13
16
  <div class="sponsors__content__card">
data/_sass/centos/_footer.scss CHANGED
@@ -16,14 +16,12 @@
16
16
  margin-top: $line-height-base * 1.5rem;
17
17
  }
18
18
 
19
- color: $nord-color-6;
19
+ color: $white;
20
20
  background-color: $black;
21
21
  font-size: $font-size-base * 0.9;
22
-
23
- margin-top: $line-height-base * 2rem;
22
+ text-shadow: 0 0 5px $black;
24
23
 
25
24
  scroll-margin-top: $scroll-margin-top;
26
- margin-top: $heading-margin-top;
27
25
 
28
26
  ul {
29
27
  padding: 0;
data/_sass/centos/_header.scss CHANGED
@@ -4,40 +4,32 @@
4
4
  background-image: url($background-image);
5
5
  background-color: $black;
6
6
  background-size: cover;
7
- background-position: center right;
7
+ background-position: top right;
8
8
 
9
- &__home {
10
- padding-top: 4rem;
11
- padding-bottom: 3rem;
12
- margin-top: 60px;
9
+ text-shadow: 0 0 5px $black;
13
10
 
11
+ &__home {
14
12
  display: flex;
15
13
  justify-content: center;
16
14
  flex-direction: column;
17
15
 
16
+ padding-top: calc(#{$navbar-brand-height} * 4);
17
+ padding-bottom: calc(#{$navbar-brand-height} * 6);
18
+ margin-top: $navbar-brand-height;
19
+
18
20
  &__title, &__description, &__preamble {
19
21
  @extend .container;
20
- text-shadow: 0 0 5px $black;
21
22
  }
22
23
 
23
- &__description, &__preamble {
24
+ &__description {
24
25
  @extend .lead;
25
26
  }
26
-
27
- &__worklines {
28
- @extend .container;
29
- .btn {
30
- @extend .btn, .btn-outline-light;
31
- margin-bottom: 1rem;
32
- margin-right: 1rem;
33
- }
34
- }
35
27
  }
36
28
 
37
29
  &__page {
38
- padding-top: 4rem;
39
- padding-bottom: 3rem;
40
- margin-top: 60px;
30
+ padding-top: calc(#{$navbar-brand-height} * 2);
31
+ padding-bottom: calc(#{$navbar-brand-height} * 4);
32
+ margin-top: $navbar-brand-height;
41
33
 
42
34
  display: flex;
43
35
  justify-content: center;
@@ -54,9 +46,9 @@
54
46
  }
55
47
 
56
48
  &__blog, &__post {
57
- padding-top: 4rem;
58
- padding-bottom: 3rem;
59
- margin-top: 60px;
49
+ padding-top: calc(#{$navbar-brand-height} * 2);
50
+ padding-bottom: calc(#{$navbar-brand-height} * 4);
51
+ margin-top: $navbar-brand-height;
60
52
 
61
53
  display: flex;
62
54
  justify-content: space-between;
@@ -78,15 +70,12 @@
78
70
  }
79
71
  }
80
72
  }
81
-
82
73
  &__present {
83
74
  @extend .container;
84
75
  }
85
-
86
76
  &__title, &__description {
87
77
  text-shadow: 0 0 5px $black;
88
78
  }
89
-
90
79
  &__description {
91
80
  @extend .lead;
92
81
  }
data/_sass/centos/_main.scss CHANGED
@@ -1,21 +1,20 @@
1
1
  .home, .page, .blog, .aside, .download, .sponsors, .search, .post {
2
2
  @extend .container;
3
3
  min-height: calc(30vh);
4
- padding-top: $paragraph-margin-bottom;
5
- padding-bottom: $paragraph-margin-bottom;
6
4
  }
7
5
 
8
6
  .home {
9
- @include content;
10
-
11
- &__news-and-sponsors {
12
- @extend .row;
13
- &__news {
14
- @extend .col;
15
- @include link-list;
7
+ &__content {
8
+ @extend .col-sm-12;
9
+ @include content;
10
+ &__distributions {
11
+ .btn {
12
+ @extend .btn-primary;
13
+ margin-right: 15px;
14
+ margin-bottom: $paragraph-margin-bottom;
15
+ }
16
16
  }
17
17
  &__sponsors {
18
- @extend .col-4;
19
18
  .card {
20
19
  margin: 1em;
21
20
  margin-left: 0;
@@ -26,126 +25,105 @@
26
25
  height: 50px;
27
26
  }
28
27
  }
29
- }
30
- &__around {
31
- @include link-list;
28
+ &__planet, &__news-and-events {
29
+ @include link-list;
30
+ }
32
31
  }
33
32
  }
34
33
 
35
34
  .aside {
36
35
  display: flex;
37
36
  align-items: flex-start;
38
- flex-wrap: wrap;
39
37
 
40
38
  &__nav {
41
39
  @include aside-nav;
42
40
  }
43
41
 
44
42
  &__content {
45
- @extend .col-xl-8;
43
+ @extend .col-sm-12, .col-md-12, .col-lg-8, .col-xl-8;
46
44
  @include content;
47
- padding-left: 0;
45
+ @include content-nav;
48
46
  }
49
47
  }
50
48
 
51
49
  .page {
52
50
  &__content {
51
+ @extend .col-sm-12;
53
52
  @include content;
53
+ @include content-nav;
54
54
  }
55
55
  }
56
56
 
57
57
  .blog {
58
- &__breadcrumb {
59
- @extend .breadcrumb;
60
- &__item {
61
- @extend .breadcrumb-item;
62
- &--active {
63
- @extend .active;
64
- }
65
- }
66
- }
67
58
 
68
- &__navbar {
69
- display: flex;
70
- justify-content: space-between;
71
- flex-direction: row;
59
+ &__content {
60
+ @extend .col-sm-12;
61
+ @include content;
72
62
 
73
- &__newer, &__older, &__feeds {
74
- &--disabled {
75
- opacity: 0;
63
+ &__breadcrumb {
64
+ @extend .breadcrumb;
65
+ &__item {
66
+ @extend .breadcrumb-item;
67
+ &--active {
68
+ @extend .breadcrumb-item;
69
+ }
76
70
  }
77
71
  }
78
- }
79
72
 
80
- &__entries {
81
- margin-top: 1rem;
82
- margin-bottom: 1rem;
83
- &__card {
84
- display: flex;
85
- justify-content: space-between;
86
- flex-direction: row;
87
- flex-wrap: wrap;
73
+ &__entries {
74
+ margin-top: 1rem;
75
+ margin-bottom: 1rem;
76
+ &__card {
77
+ display: flex;
78
+ justify-content: space-between;
79
+ flex-direction: row;
80
+ flex-wrap: wrap;
88
81
 
89
- border: none;
82
+ border: none;
90
83
 
91
- &__item {
92
- @extend .col-lg-6;
93
- &__image {
94
- @extend .img-fluid;
95
- padding-bottom: 1em;
84
+ &__item {
85
+ @extend .col-lg-6;
86
+ &__image {
87
+ @extend .img-fluid;
88
+ padding-bottom: 1em;
89
+ }
96
90
  }
97
91
  }
98
92
  }
99
- border-bottom: 1px solid $body-color;
93
+
94
+ &__nav {
95
+ @include post-nav-explorer;
96
+ }
100
97
  }
101
98
  }
102
99
 
103
100
  .post {
104
101
  display: flex;
105
- justify-content: space-between;
106
- flex-direction: row;
107
- flex-wrap: wrap;
108
-
109
- &__navbar {
110
- @extend .col-lg-8;
111
- display: flex;
112
- justify-content: space-between;
113
- flex-direction: row;
114
-
115
- &__newer, &__older {
116
- &--disabled {
117
- opacity: 0;
118
- }
119
- }
120
- &__newer {
121
- margin-right: 0;
122
- }
123
- &__older {
124
- margin-left: 0;
125
- }
102
+ align-items: flex-start;
103
+
104
+ &__nav {
105
+ @include aside-nav;
106
+ @include post-nav-explorer;
126
107
  }
127
108
 
128
109
  &__content {
129
- @extend .col-lg-8;
110
+ @extend .col-sm-12, .col-md-12, .col-lg-8, .col-xl-8;
130
111
  @include content;
131
-
132
- &__nav {
133
- @include aside-nav;
134
- }
112
+ @include content-nav;
135
113
  }
114
+
136
115
  }
137
116
 
138
117
  .search {
139
- &__results {
140
- @include link-list;
118
+ @include content;
119
+ @include link-list;
141
120
 
142
- .lunrsearchresult {
143
- .title {
144
- margin-top: 0;
145
- }
146
- .url {
147
- color: silver;
148
- }
121
+ .lunrsearchresult {
122
+ .title {
123
+ margin-top: 0;
124
+ }
125
+ .url {
126
+ color: silver;
149
127
  }
150
128
  }
151
129
  }
@@ -170,6 +148,9 @@
170
148
 
171
149
  .sponsors {
172
150
  &__content {
151
+ @extend .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12;
152
+ @include content;
153
+
173
154
  &__card {
174
155
  display: flex;
175
156
  flex-wrap: wrap;