jekyll-theme-peaceful-gates 1.2.0 → 2.0.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.
Files changed (53) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.txt +21 -21
  3. data/README.md +48 -48
  4. data/_includes/footer.html +10 -8
  5. data/_includes/head.html +42 -42
  6. data/_includes/menu.html +47 -45
  7. data/_includes/page-header.html +7 -12
  8. data/_includes/social-bar.html +35 -35
  9. data/_includes/social-link.html +5 -5
  10. data/_layouts/centered.html +12 -12
  11. data/_layouts/default.html +13 -13
  12. data/_layouts/index.html +7 -16
  13. data/_layouts/page.html +11 -11
  14. data/_layouts/post-index.html +25 -25
  15. data/_layouts/post.html +20 -20
  16. data/_sass/fontawesome/_animated.scss +20 -20
  17. data/_sass/fontawesome/_bordered-pulled.scss +20 -20
  18. data/_sass/fontawesome/_core.scss +21 -21
  19. data/_sass/fontawesome/_fixed-width.scss +6 -6
  20. data/_sass/fontawesome/_icons.scss +1410 -1410
  21. data/_sass/fontawesome/_larger.scss +23 -23
  22. data/_sass/fontawesome/_list.scss +18 -18
  23. data/_sass/fontawesome/_mixins.scss +56 -56
  24. data/_sass/fontawesome/_rotated-flipped.scss +24 -24
  25. data/_sass/fontawesome/_screen-reader.scss +5 -5
  26. data/_sass/fontawesome/_shims.scss +2066 -2066
  27. data/_sass/fontawesome/_stacked.scss +31 -31
  28. data/_sass/fontawesome/_variables.scss +1427 -1427
  29. data/_sass/fontawesome/brands.scss +23 -23
  30. data/_sass/fontawesome/fontawesome.scss +16 -16
  31. data/_sass/fontawesome/regular.scss +23 -23
  32. data/_sass/fontawesome/solid.scss +24 -24
  33. data/_sass/fontawesome/v4-shims.scss +6 -6
  34. data/_sass/jekyll-theme-peaceful-gates.scss +16 -16
  35. data/_sass/jekyll-theme-peaceful-gates/_base.scss +74 -74
  36. data/_sass/jekyll-theme-peaceful-gates/_button.scss +67 -64
  37. data/_sass/jekyll-theme-peaceful-gates/_centered.scss +28 -28
  38. data/_sass/jekyll-theme-peaceful-gates/_code.scss +120 -120
  39. data/_sass/jekyll-theme-peaceful-gates/_footer.scss +61 -54
  40. data/_sass/jekyll-theme-peaceful-gates/_menu.scss +111 -106
  41. data/_sass/jekyll-theme-peaceful-gates/_page.scss +73 -69
  42. data/_sass/jekyll-theme-peaceful-gates/_theme.scss +35 -35
  43. data/_sass/jekyll-theme-peaceful-gates/_util.scss +49 -34
  44. data/_sass/jekyll-theme-peaceful-gates/_variables.scss +30 -29
  45. data/assets/css/main.scss +2 -2
  46. data/assets/fonts/fa-brands-400.svg +3570 -3570
  47. data/assets/fonts/fa-regular-400.svg +803 -803
  48. data/assets/fonts/fa-solid-900.svg +4700 -4700
  49. data/assets/js/darkmode-toggle.js +44 -44
  50. data/assets/js/dropdown-toggle.js +5 -0
  51. data/assets/js/table-layout.js +13 -13
  52. metadata +24 -10
  53. data/assets/js/menu-slide.js +0 -14
@@ -1,23 +1,23 @@
1
- /*!
2
- * Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
3
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
4
- */
5
- @import 'variables';
6
-
7
- @font-face {
8
- font-family: 'Font Awesome 5 Brands';
9
- font-style: normal;
10
- font-weight: 400;
11
- font-display: $fa-font-display;
12
- src: url('#{$fa-font-path}/fa-brands-400.eot');
13
- src: url('#{$fa-font-path}/fa-brands-400.eot?#iefix') format('embedded-opentype'),
14
- url('#{$fa-font-path}/fa-brands-400.woff2') format('woff2'),
15
- url('#{$fa-font-path}/fa-brands-400.woff') format('woff'),
16
- url('#{$fa-font-path}/fa-brands-400.ttf') format('truetype'),
17
- url('#{$fa-font-path}/fa-brands-400.svg#fontawesome') format('svg');
18
- }
19
-
20
- .fab {
21
- font-family: 'Font Awesome 5 Brands';
22
- font-weight: 400;
23
- }
1
+ /*!
2
+ * Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
3
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
4
+ */
5
+ @import 'variables';
6
+
7
+ @font-face {
8
+ font-family: 'Font Awesome 5 Brands';
9
+ font-style: normal;
10
+ font-weight: 400;
11
+ font-display: $fa-font-display;
12
+ src: url('#{$fa-font-path}/fa-brands-400.eot');
13
+ src: url('#{$fa-font-path}/fa-brands-400.eot?#iefix') format('embedded-opentype'),
14
+ url('#{$fa-font-path}/fa-brands-400.woff2') format('woff2'),
15
+ url('#{$fa-font-path}/fa-brands-400.woff') format('woff'),
16
+ url('#{$fa-font-path}/fa-brands-400.ttf') format('truetype'),
17
+ url('#{$fa-font-path}/fa-brands-400.svg#fontawesome') format('svg');
18
+ }
19
+
20
+ .fab {
21
+ font-family: 'Font Awesome 5 Brands';
22
+ font-weight: 400;
23
+ }
@@ -1,16 +1,16 @@
1
- /*!
2
- * Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
3
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
4
- */
5
- @import 'variables';
6
- @import 'mixins';
7
- @import 'core';
8
- @import 'larger';
9
- @import 'fixed-width';
10
- @import 'list';
11
- @import 'bordered-pulled';
12
- @import 'animated';
13
- @import 'rotated-flipped';
14
- @import 'stacked';
15
- @import 'icons';
16
- @import 'screen-reader';
1
+ /*!
2
+ * Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
3
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
4
+ */
5
+ @import 'variables';
6
+ @import 'mixins';
7
+ @import 'core';
8
+ @import 'larger';
9
+ @import 'fixed-width';
10
+ @import 'list';
11
+ @import 'bordered-pulled';
12
+ @import 'animated';
13
+ @import 'rotated-flipped';
14
+ @import 'stacked';
15
+ @import 'icons';
16
+ @import 'screen-reader';
@@ -1,23 +1,23 @@
1
- /*!
2
- * Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
3
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
4
- */
5
- @import 'variables';
6
-
7
- @font-face {
8
- font-family: 'Font Awesome 5 Free';
9
- font-style: normal;
10
- font-weight: 400;
11
- font-display: $fa-font-display;
12
- src: url('#{$fa-font-path}/fa-regular-400.eot');
13
- src: url('#{$fa-font-path}/fa-regular-400.eot?#iefix') format('embedded-opentype'),
14
- url('#{$fa-font-path}/fa-regular-400.woff2') format('woff2'),
15
- url('#{$fa-font-path}/fa-regular-400.woff') format('woff'),
16
- url('#{$fa-font-path}/fa-regular-400.ttf') format('truetype'),
17
- url('#{$fa-font-path}/fa-regular-400.svg#fontawesome') format('svg');
18
- }
19
-
20
- .far {
21
- font-family: 'Font Awesome 5 Free';
22
- font-weight: 400;
23
- }
1
+ /*!
2
+ * Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
3
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
4
+ */
5
+ @import 'variables';
6
+
7
+ @font-face {
8
+ font-family: 'Font Awesome 5 Free';
9
+ font-style: normal;
10
+ font-weight: 400;
11
+ font-display: $fa-font-display;
12
+ src: url('#{$fa-font-path}/fa-regular-400.eot');
13
+ src: url('#{$fa-font-path}/fa-regular-400.eot?#iefix') format('embedded-opentype'),
14
+ url('#{$fa-font-path}/fa-regular-400.woff2') format('woff2'),
15
+ url('#{$fa-font-path}/fa-regular-400.woff') format('woff'),
16
+ url('#{$fa-font-path}/fa-regular-400.ttf') format('truetype'),
17
+ url('#{$fa-font-path}/fa-regular-400.svg#fontawesome') format('svg');
18
+ }
19
+
20
+ .far {
21
+ font-family: 'Font Awesome 5 Free';
22
+ font-weight: 400;
23
+ }
@@ -1,24 +1,24 @@
1
- /*!
2
- * Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
3
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
4
- */
5
- @import 'variables';
6
-
7
- @font-face {
8
- font-family: 'Font Awesome 5 Free';
9
- font-style: normal;
10
- font-weight: 900;
11
- font-display: $fa-font-display;
12
- src: url('#{$fa-font-path}/fa-solid-900.eot');
13
- src: url('#{$fa-font-path}/fa-solid-900.eot?#iefix') format('embedded-opentype'),
14
- url('#{$fa-font-path}/fa-solid-900.woff2') format('woff2'),
15
- url('#{$fa-font-path}/fa-solid-900.woff') format('woff'),
16
- url('#{$fa-font-path}/fa-solid-900.ttf') format('truetype'),
17
- url('#{$fa-font-path}/fa-solid-900.svg#fontawesome') format('svg');
18
- }
19
-
20
- .fa,
21
- .fas {
22
- font-family: 'Font Awesome 5 Free';
23
- font-weight: 900;
24
- }
1
+ /*!
2
+ * Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
3
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
4
+ */
5
+ @import 'variables';
6
+
7
+ @font-face {
8
+ font-family: 'Font Awesome 5 Free';
9
+ font-style: normal;
10
+ font-weight: 900;
11
+ font-display: $fa-font-display;
12
+ src: url('#{$fa-font-path}/fa-solid-900.eot');
13
+ src: url('#{$fa-font-path}/fa-solid-900.eot?#iefix') format('embedded-opentype'),
14
+ url('#{$fa-font-path}/fa-solid-900.woff2') format('woff2'),
15
+ url('#{$fa-font-path}/fa-solid-900.woff') format('woff'),
16
+ url('#{$fa-font-path}/fa-solid-900.ttf') format('truetype'),
17
+ url('#{$fa-font-path}/fa-solid-900.svg#fontawesome') format('svg');
18
+ }
19
+
20
+ .fa,
21
+ .fas {
22
+ font-family: 'Font Awesome 5 Free';
23
+ font-weight: 900;
24
+ }
@@ -1,6 +1,6 @@
1
- /*!
2
- * Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
3
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
4
- */
5
- @import 'variables';
6
- @import 'shims';
1
+ /*!
2
+ * Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
3
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
4
+ */
5
+ @import 'variables';
6
+ @import 'shims';
@@ -1,17 +1,17 @@
1
- // Font awesome config
2
- $fa-font-path: "/assets/fonts";
3
-
4
- // Imports
5
- @import "./fontawesome/fontawesome.scss";
6
- @import "./fontawesome/solid.scss";
7
- @import "./fontawesome/brands.scss";
8
- @import "./jekyll-theme-peaceful-gates/variables";
9
- @import "./jekyll-theme-peaceful-gates/theme";
10
- @import "./jekyll-theme-peaceful-gates/util";
11
- @import "./jekyll-theme-peaceful-gates/base";
12
- @import "./jekyll-theme-peaceful-gates/code";
13
- @import "./jekyll-theme-peaceful-gates/menu";
14
- @import "./jekyll-theme-peaceful-gates/footer";
15
- @import "./jekyll-theme-peaceful-gates/page";
16
- @import "./jekyll-theme-peaceful-gates/centered";
1
+ // Font awesome config
2
+ $fa-font-path: "/assets/fonts";
3
+
4
+ // Imports
5
+ @import "./fontawesome/fontawesome.scss";
6
+ @import "./fontawesome/solid.scss";
7
+ @import "./fontawesome/brands.scss";
8
+ @import "./jekyll-theme-peaceful-gates/variables";
9
+ @import "./jekyll-theme-peaceful-gates/theme";
10
+ @import "./jekyll-theme-peaceful-gates/util";
11
+ @import "./jekyll-theme-peaceful-gates/base";
12
+ @import "./jekyll-theme-peaceful-gates/code";
13
+ @import "./jekyll-theme-peaceful-gates/menu";
14
+ @import "./jekyll-theme-peaceful-gates/footer";
15
+ @import "./jekyll-theme-peaceful-gates/page";
16
+ @import "./jekyll-theme-peaceful-gates/centered";
17
17
  @import "./jekyll-theme-peaceful-gates/button";
@@ -1,75 +1,75 @@
1
- body {
2
- margin: 0;
3
- font-family: $font-family;
4
-
5
- @include with-theme {
6
- background-color: color-for(bg);
7
- color: color-for(text);
8
- }
9
- }
10
-
11
- a {
12
- &:hover {
13
- text-decoration: none;
14
- }
15
-
16
- @include with-theme {
17
- color: color-for(primary);
18
- }
19
- }
20
-
21
- h1,h2,h3,h4,h5,h6,p {
22
- @include page-section;
23
- }
24
-
25
- img {
26
- @include page-section;
27
- max-width: 100%;
28
- }
29
-
30
- // Wraps an element with a horizontal scroll bar
31
- .horizontal-scroll {
32
- @include page-section;
33
- width: 100%;
34
- overflow-x: auto;
35
- -webkit-overflow-scrolling: touch;
36
- }
37
-
38
- // Table Design
39
- table {
40
- border-collapse: collapse;
41
- table-layout: fixed;
42
- margin: 0pt;
43
- min-width: 100%;
44
- overflow: hidden;
45
- th {
46
- @include with-theme {
47
- color: color-for(primary);
48
- }
49
- }
50
- th,td {
51
- margin: 0pt;
52
- padding: $spacing-2;
53
- overflow: hidden;
54
- border-bottom: 1px solid;
55
- white-space: nowrap;
56
- text-align: center;
57
- @include with-theme {
58
- border-color: color-for(primary);
59
- }
60
- }
61
- tr:last-child {
62
- td {
63
- border-bottom: none;
64
- }
65
- }
66
- }
67
-
68
- blockquote {
69
- @include page-section;
70
- margin-left: $spacing-3;
71
- font-size: $medium-font-size;
72
- @include with-theme {
73
- color: color-for(primary);
74
- }
1
+ body {
2
+ margin: 0;
3
+ font-family: $font-family;
4
+
5
+ @include with-theme {
6
+ background-color: color-for(bg);
7
+ color: color-for(text);
8
+ }
9
+ }
10
+
11
+ a {
12
+ &:hover {
13
+ text-decoration: none;
14
+ }
15
+
16
+ @include with-theme {
17
+ color: color-for(primary);
18
+ }
19
+ }
20
+
21
+ h1,h2,h3,h4,h5,h6,p {
22
+ @include page-section;
23
+ }
24
+
25
+ img {
26
+ @include page-section;
27
+ max-width: 100%;
28
+ }
29
+
30
+ // Wraps an element with a horizontal scroll bar
31
+ .horizontal-scroll {
32
+ @include page-section;
33
+ width: 100%;
34
+ overflow-x: auto;
35
+ -webkit-overflow-scrolling: touch;
36
+ }
37
+
38
+ // Table Design
39
+ table {
40
+ border-collapse: collapse;
41
+ table-layout: fixed;
42
+ margin: 0pt;
43
+ min-width: 100%;
44
+ overflow: hidden;
45
+ th {
46
+ @include with-theme {
47
+ color: color-for(primary);
48
+ }
49
+ }
50
+ th,td {
51
+ margin: 0pt;
52
+ padding: $spacing-2;
53
+ overflow: hidden;
54
+ border-bottom: 1px solid;
55
+ white-space: nowrap;
56
+ text-align: center;
57
+ @include with-theme {
58
+ border-color: color-for(primary);
59
+ }
60
+ }
61
+ tr:last-child {
62
+ td {
63
+ border-bottom: none;
64
+ }
65
+ }
66
+ }
67
+
68
+ blockquote {
69
+ @include page-section;
70
+ margin-left: $spacing-3;
71
+ font-size: $medium-font-size;
72
+ @include with-theme {
73
+ color: color-for(primary);
74
+ }
75
75
  }
@@ -1,65 +1,68 @@
1
- @include on-desktop {
2
- .show-on-mobile {
3
- display: none !important;
4
- }
5
- }
6
-
7
- .button-group {
8
- // Spacing
9
- margin: $spacing-3 0pt;
10
-
11
- // Flexbox
12
- display: flex;
13
- flex-direction: row-reverse;
14
- justify-content: center;
15
- @include on-desktop {
16
- justify-content: flex-start;
17
- }
18
-
19
- // Buttons in Group
20
- .button {
21
- flex: 1;
22
- @include on-desktop {
23
- flex: 0 auto;
24
- }
25
- }
26
- }
27
-
28
- .button {
29
- // Spacing
30
- margin: 0pt $spacing-1;
31
- padding: $spacing-2 $spacing-3;
32
-
33
- // Text
34
- text-align: center;
35
- text-decoration: none;
36
-
37
- // Shape
38
- border: none;
39
- border-radius: 4pt;
40
-
41
- // Color
42
- @include with-theme {
43
- background-color: color-for(primary);
44
- color: color-for(text-on-primary);
45
- }
46
- }
47
-
48
- .icon-button {
49
- // Spacing and sizing
50
- margin: $spacing-1;
51
- padding: $spacing-2;
52
- font-size: $icon-font-size;
53
-
54
- // Align with center
55
- display: flex;
56
- align-items: center;
57
- justify-content: center;
58
-
59
- // Styling
60
- background: none;
61
- border: none;
62
- @include with-theme {
63
- color: color-for(primary)
64
- }
1
+ .show-on-mobile {
2
+ @include on-tablet {
3
+ display: none !important;
4
+ }
5
+ @include on-desktop {
6
+ display: none !important;
7
+ }
8
+ }
9
+
10
+ .button-group {
11
+ // Spacing
12
+ margin: $spacing-3 0pt;
13
+
14
+ // Flexbox
15
+ display: flex;
16
+ flex-direction: row-reverse;
17
+ justify-content: center;
18
+ @include not-on-mobile {
19
+ justify-content: flex-start;
20
+ }
21
+
22
+ // Buttons in Group
23
+ .button {
24
+ flex: 1;
25
+ @include not-on-mobile {
26
+ flex: 0 auto;
27
+ }
28
+ }
29
+ }
30
+
31
+ .button {
32
+ // Spacing
33
+ margin: 0pt $spacing-1;
34
+ padding: $spacing-2 $spacing-3;
35
+
36
+ // Text
37
+ text-align: center;
38
+ text-decoration: none;
39
+
40
+ // Shape
41
+ border: none;
42
+ border-radius: 4pt;
43
+
44
+ // Color
45
+ @include with-theme {
46
+ background-color: color-for(primary);
47
+ color: color-for(text-on-primary);
48
+ }
49
+ }
50
+
51
+ .icon-button {
52
+ // Spacing and sizing
53
+ margin: $spacing-1;
54
+ padding: $spacing-2;
55
+ font-size: $icon-font-size;
56
+
57
+ // Align with center
58
+ display: flex;
59
+ align-items: center;
60
+ justify-content: center;
61
+
62
+ // Styling
63
+ background: none;
64
+ border: none;
65
+ @include with-theme {
66
+ color: color-for(primary)
67
+ }
65
68
  }