jekyll-theme-peaceful-gates 1.1.0 → 1.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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 488016f9c261248e285031767bf3a349e44148ba3d8b7fd19c09dcc86976458c
4
- data.tar.gz: a321d930ab41108a82f7b072661c6de99781444589b03fbfba7942b948876b2a
3
+ metadata.gz: a3b45bb39728d85ff98765aba8f7fb628f095d1a06ca6ec7278e560737ab3ca0
4
+ data.tar.gz: 16e7e74509414de26956bab4a5f1e30fd0362b7c3ba9238b6c5af5c8ca8317b9
5
5
  SHA512:
6
- metadata.gz: 329b9a7af726bb29dbb3713db2f50b5a9655ad1a71ee40534fa41d68b1830c9c7c878dc9cf81b12f147cd86dfbb702d488cf84e49eaa1305bebb7bcc76915b89
7
- data.tar.gz: ac55d14646ab23eca2d3084535ae0c421bf7e99b740bf4c784729587ba000e81f9f331eaded6c7f5cecd3ee112a93e9a294540339e4cd75b0e6a9028b280c723
6
+ metadata.gz: 46ce91cc7400651bdac6d743656cfa11298239eeeafb28a610616375d257fab57799fc292cdbe70cb11f46944a24e852b68bb2e3022bba478c5d0953d89ee541
7
+ data.tar.gz: b9ae514e300c1d57a0cd52369c86ff35c7796e3f2ca1fc687f8dfb847b2d8feacd522342a98b74064215f9d7cc4826ecd02b7361d7b619ef5cf2c33e58870667
@@ -0,0 +1,9 @@
1
+ <footer class="footer">
2
+ <p class="site-description">
3
+ {{ site.description }}
4
+ </p>
5
+ {%- include social-bar.html -%}
6
+ <p class="copyright">
7
+ Copyright &copy; {{ site.copyright }} {{ site.author }}
8
+ </p>
9
+ </footer>
@@ -1,14 +1,13 @@
1
1
  <div class="menu-window" id="menu-window">
2
2
  <nav class="menu" id="menu">
3
3
  <div class="menu-container">
4
+
5
+ <!-- Header -->
4
6
  <header class="menu-header">
5
7
  <div class="menu-header-left">
6
8
  <button class="icon-button show-on-mobile" id="close-menu">
7
9
  <span class="fas fa-chevron-left"></span>
8
10
  </button>
9
- <button class="icon-button" id="toggle-darkmode">
10
- <span class="fas fa-moon"></span>
11
- </button>
12
11
  </div>
13
12
  <div class="menu-header-right">
14
13
  <a class="menu-title" href="{{ '/' | prepend: site.baseurl | prepend: site.url }}">
@@ -16,6 +15,8 @@
16
15
  </a>
17
16
  </div>
18
17
  </header>
18
+
19
+ <!-- Menu Links -->
19
20
  <ul class="menu-links">
20
21
  {%- for link in site.links -%}
21
22
  <li>
@@ -31,15 +32,14 @@
31
32
  </li>
32
33
  {%- endfor -%}
33
34
  </ul>
34
- <footer class="footer">
35
- <p class="site-description">
36
- {{ site.description }}
37
- </p>
38
- {%- include social-bar.html -%}
39
- <p class="copyright">
40
- Copyright &copy; {{ site.copyright }} {{ site.author }}
41
- </p>
42
- </footer>
35
+
36
+ <!-- Menu Controls -->
37
+ <div class="menu-controls">
38
+ <button class="icon-button" id="toggle-darkmode">
39
+ <span class="fas fa-moon"></span>
40
+ </button>
41
+ </div>
42
+
43
43
  </div>
44
44
  </nav>
45
45
  </div>
@@ -1,43 +1,36 @@
1
1
  <div class="social-bar">
2
- {%- if site.social.facebook -%}
3
- <a class="social-link" href="http://www.facebook.com/{{ site.social.facebook }}">
4
- <span class="fab fa-facebook"></span>
5
- </a>
6
- {%- endif -%}
2
+ {%- include social-link.html
3
+ icon="fab fa-facebook"
4
+ prefix="http://www.facebook.com/"
5
+ handle=site.social.facebook -%}
7
6
 
8
- {%- if site.social.twitter -%}
9
- <a class="social-link" href="http://www.twitter.com/{{ site.social.twitter }}">
10
- <span class="fab fa-twitter"></span>
11
- </a>
12
- {%- endif -%}
7
+ {%- include social-link.html
8
+ icon="fab fa-twitter"
9
+ prefix="http://www.twitter.com/"
10
+ handle=site.social.twitter -%}
13
11
 
14
- {%- if site.social.instagram -%}
15
- <a class="social-link" href="http://www.instagram.com/{{ site.social.instagram }}">
16
- <span class="fab fa-instagram"></span>
17
- </a>
18
- {%- endif -%}
12
+ {%- include social-link.html
13
+ icon="fab fa-instagram"
14
+ prefix="http://www.instagram.com/"
15
+ handle=site.social.instagram -%}
19
16
 
20
- {%- if site.social.youtube -%}
21
- <a class="social-link" href="http://www.youtube.com/{{ site.social.youtube }}">
22
- <span class="fab fa-youtube"></span>
23
- </a>
24
- {%- endif -%}
17
+ {%- include social-link.html
18
+ icon="fab fa-youtube"
19
+ prefix="http://www.youtube.com/"
20
+ handle=site.social.youtube -%}
25
21
 
26
- {%- if site.social.linkedin -%}
27
- <a class="social-link" href="http://www.linkedin.com/in/{{ site.social.linkedin }}">
28
- <span class="fab fa-linkedin"></span>
29
- </a>
30
- {%- endif -%}
22
+ {%- include social-link.html
23
+ icon="fab fa-linkedin"
24
+ prefix="http://www.linkedin.com/in/"
25
+ handle=site.social.linkedin -%}
31
26
 
32
- {%- if site.social.github -%}
33
- <a class="social-link" href="http://www.github.com/{{ site.social.github }}">
34
- <span class="fab fa-github"></span>
35
- </a>
36
- {%- endif -%}
27
+ {%- include social-link.html
28
+ icon="fab fa-github"
29
+ prefix="http://www.github.com/"
30
+ handle=site.social.github -%}
37
31
 
38
- {%- if site.social.email -%}
39
- <a class="social-link" href="mailto://{{ site.social.email }}">
40
- <span class="fas fa-envelope"></span>
41
- </a>
42
- {%- endif -%}
32
+ {%- include social-link.html
33
+ icon="fas fa-envelope"
34
+ prefix="mailto://"
35
+ handle=site.social.email -%}
43
36
  </div>
@@ -0,0 +1,6 @@
1
+ {%- if include.handle -%}
2
+ <a class="social-link"
3
+ href="{{ include.prefix }}{{ include.handle }}">
4
+ <span class="{{ include.icon }}"></span>
5
+ </a>
6
+ {%- endif -%}
@@ -8,5 +8,6 @@
8
8
  <main class="main-container">
9
9
  {{ content }}
10
10
  </main>
11
+ {%- include footer.html -%}
11
12
  </body>
12
13
  </html>
@@ -1,13 +1,32 @@
1
1
  .footer {
2
+ padding: $spacing-3;
3
+ @include on-desktop {
4
+ padding: $spacing-3 $content-gutters-width;
5
+ margin-top: $spacing-3;
6
+ margin-left: $desktop-menu-width;
7
+ }
2
8
  font-size: $small-font-size;
3
9
  text-align: center;
10
+ @include with-theme {
11
+ color: color-for(hl);
12
+ }
13
+ }
14
+
15
+ @mixin footer-section {
16
+ margin: $spacing-1 0pt;
4
17
  }
5
18
 
6
19
  .site-description {
20
+ @include footer-section;
7
21
  text-align: justify;
8
22
  }
9
23
 
24
+ .social-bar {
25
+ @include footer-section;
26
+ }
27
+
10
28
  .copyright {
29
+ @include footer-section;
11
30
  font-style: italic;
12
31
  }
13
32
 
@@ -5,10 +5,8 @@
5
5
  .main-container {
6
6
  margin: $spacing-3;
7
7
  @include on-desktop {
8
- position: absolute;
9
- left: $desktop-menu-width;
10
- right: 0%;
11
8
  margin: 0pt $spacing-3;
9
+ margin-left: $desktop-menu-width + $spacing-3;
12
10
  }
13
11
  }
14
12
 
@@ -100,4 +98,10 @@
100
98
  }
101
99
  }
102
100
  }
101
+ }
102
+
103
+ .menu-controls {
104
+ display: flex;
105
+ flex-direction: row;
106
+ align-items: center;
103
107
  }
@@ -31,7 +31,7 @@
31
31
  .content-gutters {
32
32
  margin: 0pt;
33
33
  @include on-desktop {
34
- margin: 0pt 10%;
34
+ margin: 0pt $content-gutters-width;
35
35
  }
36
36
  }
37
37
 
@@ -15,6 +15,7 @@ $spacing-unit: 16pt !default;
15
15
  $spacing-1: $spacing-unit / 4;
16
16
  $spacing-2: $spacing-unit / 2;
17
17
  $spacing-3: $spacing-unit;
18
+ $content-gutters-width: 10%;
18
19
 
19
20
  // Font sizes
20
21
  $icon-font-size: 24pt !default;
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-peaceful-gates
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.1.0
4
+ version: 1.2.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - andydevs
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2020-10-22 00:00:00.000000000 Z
11
+ date: 2020-10-30 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -61,10 +61,12 @@ extra_rdoc_files: []
61
61
  files:
62
62
  - LICENSE.txt
63
63
  - README.md
64
+ - _includes/footer.html
64
65
  - _includes/head.html
65
66
  - _includes/menu.html
66
67
  - _includes/page-header.html
67
68
  - _includes/social-bar.html
69
+ - _includes/social-link.html
68
70
  - _layouts/centered.html
69
71
  - _layouts/default.html
70
72
  - _layouts/index.html