jekyll-theme-centos 0.2.3 → 0.4.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: 0035e6790dd5a0f4af9b4408efa92544c1359bb9f71305335343d550ec08b9b6
4
- data.tar.gz: 513fdb213da6d5646e42db31172c82ef77498b848faa086c37c1605e472f9fc6
3
+ metadata.gz: 181077707ec730242e1a1d1f88c8107d7c4cda70e1fcb41913c0559f185d2fc1
4
+ data.tar.gz: 86647a29137027f7849f9018db52234d2065aaebb412893ac5f3835e2cf02aca
5
5
  SHA512:
6
- metadata.gz: 562aebffcaf9668d054fd39c4c4391e3c47ec07c9eee0667d320e8a41c4047f291d2dcb9fc7eda75d4fab1573760876e20c7f4ce30aa03888222468554ece9f0
7
- data.tar.gz: c6ca5793080f35411c42e8e16ec14241072a6f3bf6f8a911e7832f2430225d3b52170d77c91f31fefcd8d700c3dbdb6bf4b2785470320b050bb69c9bcb110ba9
6
+ metadata.gz: 45b98eb5b67297e557c5622586dbf1715798f3884c38ddb445f3d720be003e46015fcf832825774b3ba89ae1ed39a74cba87126bc1c16d0240f667a2be1bd6b1
7
+ data.tar.gz: a83b145893d99cadce8e07b3f1f47a44a4db30e8bf8ef206280128ba4d13768f34fb10f82071927ce346c35584eb98aebdb3778297448602565adfe01769d5e2
@@ -1,8 +1,8 @@
1
1
  <div class="download__content__card">
2
2
  <div class="download__content__card__header">
3
- <ul class="nav nav-pills card-header-pills">
4
- <li class="nav-item"><a class="nav-link active" role="tab" data-toggle="tab" href="#tab-stream">CentOS Stream</a></li>
5
- <li class="nav-item"><a class="nav-link" role="tab" data-toggle="tab" href="#tab-linux">CentOS Linux</a></li>
3
+ <ul class="nav nav-pills card-header-pills flex-column flex-sm-row">
4
+ <li class="nav-item flex-sm-fill text-sm-center"><a class="nav-link active" role="tab" data-toggle="tab" href="#tab-stream">CentOS Stream</a></li>
5
+ <li class="nav-item flex-sm-fill text-sm-center"><a class="nav-link" role="tab" data-toggle="tab" href="#tab-linux">CentOS Linux</a></li>
6
6
  </ul>
7
7
  </div>
8
8
  <div class="download__content__card__body tab-content">
@@ -1,8 +1,8 @@
1
1
  <div class="download__content__card">
2
2
  <div class="download__content__card__header">
3
- <ul class="nav nav-pills card-header-pills">
4
- <li class="nav-item"><a class="nav-link active" role="tab" data-toggle="tab" href="#tab-linux-8">8</a></li>
5
- <li class="nav-item"><a class="nav-link" role="tab" data-toggle="tab" href="#tab-linux-7">7</a></li>
3
+ <ul class="nav nav-pills card-header-pills flex-column flex-sm-row">
4
+ <li class="nav-item flex-sm-fill text-sm-center"><a class="nav-link active" role="tab" data-toggle="tab" href="#tab-linux-8">8</a></li>
5
+ <li class="nav-item flex-sm-fill text-sm-center"><a class="nav-link" role="tab" data-toggle="tab" href="#tab-linux-7">7</a></li>
6
6
  </ul>
7
7
  </div>
8
8
 
@@ -1,8 +1,8 @@
1
1
  <div class="download__content__card">
2
2
 
3
3
  <div class="download__content__card__header">
4
- <ul class="nav nav-pills card-header-pills">
5
- <li class="nav-item"><a class="nav-link active" role="tab" data-toggle="tab" href="#tab-stream-8">8</a></li>
4
+ <ul class="nav nav-pills card-header-pills flex-column flex-sm-row">
5
+ <li class="nav-item flex-sm-fill text-sm-center"><a class="nav-link active" role="tab" data-toggle="tab" href="#tab-stream-8">8</a></li>
6
6
  </ul>
7
7
  </div>
8
8
 
@@ -7,7 +7,7 @@
7
7
  {% if site.header.worklines %}
8
8
  <div class="header__home__worklines">
9
9
  {% for item in site.header.worklines %}
10
- <a class="btn btn-light btn-lg" role="button" href="{{ item.link }}"><strong>{{ item.name }}</strong></a>
10
+ <a class="btn" role="button" href="{{ item.link }}">{{ item.name }}</a>
11
11
  {% endfor %}
12
12
  </div>
13
13
  {% endif %}
@@ -1,4 +1,4 @@
1
- <section class="home__around">
1
+ <section class="home__content__around">
2
2
  <h2>Around CentOS</h2>
3
3
  <div id="rss-feeds"></div>
4
4
  </section>
@@ -1,8 +1,8 @@
1
- <section class="home__news-and-sponsors" id="news-and-sponsors">
2
- <div class="home__news-and-sponsors__news">
1
+ <div class="home__content__news-and-sponsors" id="news-and-sponsors">
2
+ <div class="home__content__news-and-sponsors__news">
3
3
  {% include home/news.html %}
4
4
  </div>
5
- <div class="home__news-and-sponsors__sponsors">
5
+ <div class="home__content__news-and-sponsors__sponsors">
6
6
  {% include home/sponsors.html %}
7
7
  </div>
8
- </section>
8
+ </div>
@@ -1,4 +1,4 @@
1
- <nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark">
1
+ <nav class="navbar fixed-top navbar-expand-lg navbar-dark">
2
2
  <div class="container">
3
3
  <a class="navbar-brand" href="{{ site.identity.logo.link }}"><img src="{{ site.identity.logo.image }}" height="32" alt="{{ site.title }}"></a>
4
4
  <button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
@@ -0,0 +1,23 @@
1
+ <nav class="post__nav__explorer">
2
+ {% if page.previous.url %}
3
+ <div class="post__nav__explorer__newer">
4
+ {% else %}
5
+ <div class="post__nav__explorer__newer--disabled">
6
+ {% endif %}
7
+ <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>
8
+ </div>
9
+ {% include top.html %}
10
+ <div class="post__nav_explorer__feeds">
11
+ <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>
12
+ </div>
13
+ <div class="post__nav__explorer__index">
14
+ <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>
15
+ </div>
16
+ {% if page.next.url %}
17
+ <div class="post__nav__explorer__older">
18
+ {% else %}
19
+ <div class="post__nav__explorer__older--disabled">
20
+ {% endif %}
21
+ <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>
22
+ </div>
23
+ </nav>
@@ -0,0 +1,3 @@
1
+ {% include breadcrumbs.html %}
2
+ {% include toc.html html=content %}
3
+ {% include post-nav-explorer.html %}
data/_includes/top.html CHANGED
@@ -1,3 +1,3 @@
1
1
  <div class="top">
2
- <a href="#top"><button class="btn btn-light"><i class="fas fa-arrow-circle-up"></i></button></a>
2
+ <a href="#top"><button title="Page top" type="button" data-toggle="tooltip" class="btn btn-light"><i class="fas fa-arrow-circle-up"></i></button></a>
3
3
  </div>
data/_layouts/aside.html CHANGED
@@ -5,13 +5,28 @@ layout: default
5
5
  <main class="aside">
6
6
 
7
7
  <article class="aside__content">
8
+ <div class="aside__content__nav">
9
+ {% include breadcrumbs.html %}
10
+ {% include toc.html html=content %}
11
+ </div>
8
12
  {{ content }}
13
+
14
+ <div class="aside__content__nav">
15
+ <div class="aside__nav__explorer">
16
+ {% include top.html %}
17
+ </div>
18
+ </div>
19
+
9
20
  </article>
10
21
 
11
22
  <aside class="aside__nav">
12
23
  {% include breadcrumbs.html %}
13
24
  {% include toc.html html=content %}
14
- {% include top.html %}
25
+
26
+ <div class="aside__nav__explorer">
27
+ {% include top.html %}
28
+ </div>
29
+
15
30
  </aside>
16
31
 
17
32
  </main>
data/_layouts/blog.html CHANGED
@@ -4,24 +4,26 @@ layout: default
4
4
 
5
5
  <main class="blog">
6
6
 
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>
7
+ <div class="blog__content">
8
+
9
+ <ol class="blog__content__breadcrumb">
10
+ <li class="blog__content__breadcrumb__item"><a href="/">Home</a></li>
11
+ <li class="blog__content__breadcrumb__item--active">{{ page.title | capitalize }}</li>
10
12
  </ol>
11
13
 
12
- <section class="blog__entries">
14
+ <section class="blog__content__entries">
13
15
  {%- if site.posts.size > 0 -%}
14
- <div class="blog__entries__card">
16
+ <div class="blog__content__entries__card">
15
17
  {%- for post in paginator.posts -%}
16
- <div class="blog__entries__card__item">
18
+ <div class="blog__content__entries__card__item">
17
19
  {%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
18
20
  {%- if post.image -%}
19
- <a href="{{ post.url | relative_url }}"><img class="blog__entries__card__item__image" src="{{ post.image }}" alt="{{ post.title | escape }}"></a>
21
+ <a href="{{ post.url | relative_url }}"><img class="blog__content__entries__card__item__image" src="{{ post.image }}" alt="{{ post.title | escape }}"></a>
20
22
  {%- endif -%}
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>
23
+ <a href="{{ post.url | relative_url }}"><h4 class="blog__content__entries__card__item__title">{{ post.title | escape }}</h4></a>
24
+ <p class="blog__content__entries__card__item__date">{{ post.date | date: date_format }}</p>
23
25
  {%- if site.show_excerpts -%}
24
- <p class="blog__entries__card__item__excerpt">{{ sponsor.excerpt }}</p>
26
+ <p class="blog__content__entries__card__item__excerpt">{{ sponsor.excerpt }}</p>
25
27
  {%- endif -%}
26
28
  </div>
27
29
  {% endfor %}
@@ -29,27 +31,8 @@ layout: default
29
31
  {%- endif -%}
30
32
  </section>
31
33
 
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>
50
- </div>
34
+ {% include post-nav-explorer.html %}
35
+
51
36
  </div>
52
- {% endif %}
53
- </nav>
54
37
 
55
38
  </main>
@@ -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,10 @@
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
+ {% include home/news-and-sponsors.html -%}
14
+ {% include home/around.html -%}
15
+ </div>
14
16
  </main>
15
17
 
16
18
  {% 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" | 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
@@ -4,10 +4,15 @@ layout: default
4
4
 
5
5
  <main class="search">
6
6
 
7
- {% include breadcrumbs.html %}
7
+ <div class="search__content">
8
+ <div class="search__content__nav">
9
+ {% include breadcrumbs.html %}
10
+ {% include toc.html html=content %}
11
+ </div>
8
12
 
9
- <section class="search__results">
10
- {{ content }}
11
- </section>
13
+ <div class="search__results">
14
+ {{ content }}
15
+ </div>
16
+ </div>
12
17
 
13
18
  </main>
@@ -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">
@@ -19,11 +19,9 @@
19
19
  color: $nord-color-6;
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;
@@ -4,30 +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: 6rem;
17
+ padding-bottom: 12rem;
18
+ margin-top: calc(#{$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
 
27
28
  &__worklines {
28
29
  @extend .container;
29
30
  .btn {
30
- @extend .btn, .btn-outline-light;
31
+ @extend .btn, .btn-light;
32
+ text-shadow: none;
31
33
  margin-bottom: 1rem;
32
34
  margin-right: 1rem;
33
35
  }
@@ -35,8 +37,8 @@
35
37
  }
36
38
 
37
39
  &__page {
38
- padding-top: 4rem;
39
- padding-bottom: 3rem;
40
+ padding-top: 2rem;
41
+ padding-bottom: 8rem;
40
42
  margin-top: 60px;
41
43
 
42
44
  display: flex;
@@ -54,8 +56,8 @@
54
56
  }
55
57
 
56
58
  &__blog, &__post {
57
- padding-top: 4rem;
58
- padding-bottom: 3rem;
59
+ padding-top: 2rem;
60
+ padding-bottom: 8rem;
59
61
  margin-top: 60px;
60
62
 
61
63
  display: flex;
@@ -1,138 +1,125 @@
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;
16
- }
17
- &__sponsors {
18
- @extend .col-4;
19
- .card {
20
- margin: 1em;
21
- margin-left: 0;
22
- border: none;
7
+ &__content {
8
+ @extend .col-sm-12;
9
+ @include content;
10
+ &__news-and-sponsors {
11
+ @extend .row;
12
+ &__news {
13
+ @extend .col-sm-12, .col-xl-8;
14
+ @include link-list;
23
15
  }
24
- img {
25
- width: auto;
26
- height: 50px;
16
+ &__sponsors {
17
+ @extend .col-sm-12, .col-xl-4;
18
+ .card {
19
+ margin: 1em;
20
+ margin-left: 0;
21
+ border: none;
22
+ }
23
+ img {
24
+ width: auto;
25
+ height: 50px;
26
+ }
27
27
  }
28
28
  }
29
+ &__around {
30
+ @include link-list;
31
+ }
29
32
  }
30
- &__around {
31
- @include link-list;
32
- }
33
+
33
34
  }
34
35
 
35
36
  .aside {
36
37
  display: flex;
37
38
  align-items: flex-start;
38
- flex-wrap: wrap;
39
39
 
40
40
  &__nav {
41
41
  @include aside-nav;
42
42
  }
43
43
 
44
44
  &__content {
45
- @extend .col-xl-8;
45
+ @extend .col-sm-12, .col-md-12, .col-lg-8, .col-xl-8;
46
46
  @include content;
47
- padding-left: 0;
47
+ @include content-nav;
48
48
  }
49
49
  }
50
50
 
51
51
  .page {
52
52
  &__content {
53
+ @extend .col-sm-12;
53
54
  @include content;
55
+ @include content-nav;
54
56
  }
55
57
  }
56
58
 
57
59
  .blog {
58
- &__breadcrumb {
59
- @extend .breadcrumb;
60
- &__item {
61
- @extend .breadcrumb-item;
62
- &--active {
63
- @extend .active;
64
- }
65
- }
66
- }
67
60
 
68
- &__navbar {
69
- display: flex;
70
- justify-content: space-between;
71
- flex-direction: row;
61
+ &__content {
62
+ @extend .col-sm-12;
63
+ @include content;
72
64
 
73
- &__newer, &__older, &__feeds {
74
- &--disabled {
75
- opacity: 0;
65
+ &__breadcrumb {
66
+ @extend .breadcrumb;
67
+ &__item {
68
+ @extend .breadcrumb-item;
69
+ &--active {
70
+ @extend .breadcrumb-item;
71
+ }
76
72
  }
77
73
  }
78
- }
79
74
 
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;
75
+ &__entries {
76
+ margin-top: 1rem;
77
+ margin-bottom: 1rem;
78
+ &__card {
79
+ display: flex;
80
+ justify-content: space-between;
81
+ flex-direction: row;
82
+ flex-wrap: wrap;
88
83
 
89
- border: none;
84
+ border: none;
90
85
 
91
- &__item {
92
- @extend .col-lg-6;
93
- &__image {
94
- @extend .img-fluid;
95
- padding-bottom: 1em;
86
+ &__item {
87
+ @extend .col-lg-6;
88
+ a {
89
+ color: $body-color;
90
+ &:hover {
91
+ color: $body-color;
92
+ }
93
+ }
94
+ &__image {
95
+ @extend .img-fluid;
96
+ padding-bottom: 1em;
97
+ }
96
98
  }
97
99
  }
98
100
  }
99
- border-bottom: 1px solid $body-color;
101
+
102
+ &__nav {
103
+ @include post-nav-explorer;
104
+ }
100
105
  }
101
106
  }
102
107
 
103
108
  .post {
104
109
  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
- }
110
+ align-items: flex-start;
111
+
112
+ &__nav {
113
+ @include aside-nav;
114
+ @include post-nav-explorer;
126
115
  }
127
116
 
128
117
  &__content {
129
- @extend .col-lg-8;
118
+ @extend .col-sm-12, .col-md-12, .col-lg-8, .col-xl-8;
130
119
  @include content;
131
-
132
- &__nav {
133
- @include aside-nav;
134
- }
120
+ @include content-nav;
135
121
  }
122
+
136
123
  }
137
124
 
138
125
  .search {
@@ -170,6 +157,9 @@
170
157
 
171
158
  .sponsors {
172
159
  &__content {
160
+ @extend .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12;
161
+ @include content;
162
+
173
163
  &__card {
174
164
  display: flex;
175
165
  flex-wrap: wrap;
@@ -1,3 +1,6 @@
1
1
  @import "mixins/_content";
2
+ @import "mixins/_content-nav";
2
3
  @import "mixins/_aside-nav";
3
4
  @import "mixins/_link-list";
5
+
6
+ @import "mixins/_post-nav-explorer"
@@ -1,3 +1,6 @@
1
1
  .navbar {
2
2
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
3
+ &-dark {
4
+ background: $black;
5
+ }
3
6
  }
@@ -7,7 +7,7 @@
7
7
  // Color system
8
8
  $white: #fff;
9
9
  $black: #000;
10
- $dark: $black;
10
+ $dark: #343a40;
11
11
 
12
12
  /* ----------------------------------------------------------------------
13
13
  * CentOS Identity
@@ -51,7 +51,7 @@ $nord-color-15: #b48ead;
51
51
  //
52
52
  // Settings for the `<body>` element.
53
53
 
54
- $body-bg: $white;
54
+ $body-bg: #f0f0f0;
55
55
  $body-color: #212529;
56
56
 
57
57
  // Paragraphs
@@ -80,3 +80,7 @@ $dropdown-link-hover-bg: rgba($white, .2);
80
80
  // Breadcrumbs
81
81
  $breadcrumb-bg: transparent;
82
82
  $breadcrumb-padding-x: 0;
83
+
84
+ //
85
+ $component-active-color: $white;
86
+ $component-active-bg: $dark;
@@ -1,26 +1,37 @@
1
1
  @mixin aside-nav {
2
- @extend .col-xl-4;
3
2
  font-size: small;
3
+ margin-top: 15px;
4
+ margin-left: 15px;
5
+ margin-bottom: $paragraph-margin-bottom;
4
6
 
5
- border-left: 1px solid #eee;
7
+ align-self: start;
8
+ position: sticky;
9
+ top: calc(#{$navbar-brand-height + $paragraph-margin-bottom} + 10px);
6
10
 
7
- @include media-breakpoint-up(xl) {
8
- align-self: start;
9
- position: sticky;
10
- top: 90px;
11
+ &__explorer {
12
+ display: flex;
13
+ justify-content: space-between;
14
+ flex-direction: row;
15
+ border-top: 1px solid $gray-300;
16
+ margin-top: $paragraph-margin-bottom;
17
+ margin-bottom: $paragraph-margin-bottom;
18
+ padding-top: $paragraph-margin-bottom;
11
19
  }
12
20
 
13
21
  .toc {
14
22
  &__section {
15
- @include media-breakpoint-up(xl) {
16
- flex-direction: column;
17
- max-height: 70vh;
18
- overflow-y: auto;
19
- }
23
+ flex-direction: column;
24
+ max-height: 65vh;
25
+ overflow-y: auto;
20
26
  }
21
27
  }
22
28
 
23
- .top {
24
- margin-top: $paragraph-margin-bottom;
29
+ @include media-breakpoint-up(xm) {
30
+ display: none;
25
31
  }
32
+
33
+ @include media-breakpoint-up(lg) {
34
+ display: block;
35
+ }
36
+
26
37
  }
@@ -0,0 +1,11 @@
1
+ @mixin content-nav {
2
+ &__nav {
3
+ margin: 0;
4
+ @include media-breakpoint-up(xm) {
5
+ display: block;
6
+ }
7
+ @include media-breakpoint-up(lg) {
8
+ display: none;
9
+ }
10
+ }
11
+ }
@@ -1,8 +1,13 @@
1
1
  @mixin content {
2
2
 
3
+ background: #fff;
4
+ padding: 2.75rem;
5
+ margin-top: -120px;
6
+ min-height: 430px;
7
+
3
8
  h1, h2, h3, h4, h5, h6 {
4
9
  scroll-margin-top: $scroll-margin-top + 2.5;
5
- &:first-child {
10
+ &:first-of-type {
6
11
  margin-top: 0;
7
12
  padding-top: 0;
8
13
  }
@@ -15,6 +20,7 @@
15
20
 
16
21
  img {
17
22
  @extend .img-fluid;
23
+ width: 100%;
18
24
  }
19
25
 
20
26
  pre {
@@ -29,7 +35,6 @@
29
35
  }
30
36
  }
31
37
 
32
-
33
38
  blockquote {
34
39
  @extend .blockquote;
35
40
  font-size: $font-size-base;
@@ -78,5 +83,5 @@
78
83
  @extend .embed-responsive, .embed-responsive-16by9;
79
84
  margin-bottom: $line-height-base * 1em;
80
85
  }
81
- }
82
86
 
87
+ }
@@ -0,0 +1,21 @@
1
+ @mixin post-nav-explorer {
2
+ &__explorer {
3
+ &__newer, &__older {
4
+ &--disabled {
5
+ display: none;
6
+ }
7
+ }
8
+
9
+ &__newer {
10
+ margin-right: 0;
11
+ }
12
+
13
+ &__older {
14
+ margin-left: 0;
15
+ }
16
+
17
+ .top {
18
+ margin-top: 0;
19
+ }
20
+ }
21
+ }
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.2.3
4
+ version: 0.4.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-02-18 00:00:00.000000000 Z
11
+ date: 2021-03-29 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -99,6 +99,8 @@ files:
99
99
  - _includes/page/alert-warning.html
100
100
  - _includes/page/figure.html
101
101
  - _includes/page/video.html
102
+ - _includes/post-nav-explorer.html
103
+ - _includes/post-nav.html
102
104
  - _includes/search.html
103
105
  - _includes/toc.html
104
106
  - _includes/top.html
@@ -215,8 +217,10 @@ files:
215
217
  - _sass/centos/centos.scss
216
218
  - _sass/centos/fonts/_montserrat.scss
217
219
  - _sass/centos/mixins/_aside-nav.scss
220
+ - _sass/centos/mixins/_content-nav.scss
218
221
  - _sass/centos/mixins/_content.scss
219
222
  - _sass/centos/mixins/_link-list.scss
223
+ - _sass/centos/mixins/_post-nav-explorer.scss
220
224
  - _sass/fontawesome/_animated.scss
221
225
  - _sass/fontawesome/_bordered-pulled.scss
222
226
  - _sass/fontawesome/_core.scss