jekyll-theme-peaceful-gates 1.1.0 → 1.2.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: 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