jekyll-theme-peaceful-gates 1.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (66) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +49 -0
  4. data/_includes/head.html +43 -0
  5. data/_includes/menu.html +45 -0
  6. data/_includes/page-header.html +13 -0
  7. data/_includes/social-bar.html +43 -0
  8. data/_layouts/centered.html +13 -0
  9. data/_layouts/default.html +12 -0
  10. data/_layouts/index.html +17 -0
  11. data/_layouts/page.html +11 -0
  12. data/_layouts/post-index.html +26 -0
  13. data/_layouts/post.html +21 -0
  14. data/_sass/fontawesome/_animated.scss +20 -0
  15. data/_sass/fontawesome/_bordered-pulled.scss +20 -0
  16. data/_sass/fontawesome/_core.scss +21 -0
  17. data/_sass/fontawesome/_fixed-width.scss +6 -0
  18. data/_sass/fontawesome/_icons.scss +1410 -0
  19. data/_sass/fontawesome/_larger.scss +23 -0
  20. data/_sass/fontawesome/_list.scss +18 -0
  21. data/_sass/fontawesome/_mixins.scss +56 -0
  22. data/_sass/fontawesome/_rotated-flipped.scss +24 -0
  23. data/_sass/fontawesome/_screen-reader.scss +5 -0
  24. data/_sass/fontawesome/_shims.scss +2066 -0
  25. data/_sass/fontawesome/_stacked.scss +31 -0
  26. data/_sass/fontawesome/_variables.scss +1427 -0
  27. data/_sass/fontawesome/brands.scss +23 -0
  28. data/_sass/fontawesome/fontawesome.scss +16 -0
  29. data/_sass/fontawesome/regular.scss +23 -0
  30. data/_sass/fontawesome/solid.scss +24 -0
  31. data/_sass/fontawesome/v4-shims.scss +6 -0
  32. data/_sass/jekyll-theme-peaceful-gates.scss +17 -0
  33. data/_sass/jekyll-theme-peaceful-gates/_base.scss +75 -0
  34. data/_sass/jekyll-theme-peaceful-gates/_button.scss +65 -0
  35. data/_sass/jekyll-theme-peaceful-gates/_centered.scss +29 -0
  36. data/_sass/jekyll-theme-peaceful-gates/_code.scss +121 -0
  37. data/_sass/jekyll-theme-peaceful-gates/_footer.scss +36 -0
  38. data/_sass/jekyll-theme-peaceful-gates/_menu.scss +103 -0
  39. data/_sass/jekyll-theme-peaceful-gates/_page.scss +70 -0
  40. data/_sass/jekyll-theme-peaceful-gates/_theme.scss +36 -0
  41. data/_sass/jekyll-theme-peaceful-gates/_util.scss +35 -0
  42. data/_sass/jekyll-theme-peaceful-gates/_variables.scss +29 -0
  43. data/assets/css/main.scss +3 -0
  44. data/assets/fonts/consolas.ttf +0 -0
  45. data/assets/fonts/fa-brands-400.eot +0 -0
  46. data/assets/fonts/fa-brands-400.svg +3570 -0
  47. data/assets/fonts/fa-brands-400.ttf +0 -0
  48. data/assets/fonts/fa-brands-400.woff +0 -0
  49. data/assets/fonts/fa-brands-400.woff2 +0 -0
  50. data/assets/fonts/fa-regular-400.eot +0 -0
  51. data/assets/fonts/fa-regular-400.svg +803 -0
  52. data/assets/fonts/fa-regular-400.ttf +0 -0
  53. data/assets/fonts/fa-regular-400.woff +0 -0
  54. data/assets/fonts/fa-regular-400.woff2 +0 -0
  55. data/assets/fonts/fa-solid-900.eot +0 -0
  56. data/assets/fonts/fa-solid-900.svg +4700 -0
  57. data/assets/fonts/fa-solid-900.ttf +0 -0
  58. data/assets/fonts/fa-solid-900.woff +0 -0
  59. data/assets/fonts/fa-solid-900.woff2 +0 -0
  60. data/assets/images/showcase/landscape-photo.jpg +0 -0
  61. data/assets/images/showcase/portrait-photo.jpg +0 -0
  62. data/assets/images/showcase/square-photo.jpg +0 -0
  63. data/assets/js/darkmode-toggle.js +45 -0
  64. data/assets/js/menu-slide.js +14 -0
  65. data/assets/js/table-layout.js +14 -0
  66. metadata +149 -0
@@ -0,0 +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
+ }
@@ -0,0 +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';
@@ -0,0 +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
+ }
@@ -0,0 +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
+ }
@@ -0,0 +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';
@@ -0,0 +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";
17
+ @import "./jekyll-theme-peaceful-gates/button";
@@ -0,0 +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
+ }
75
+ }
@@ -0,0 +1,65 @@
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
+ }
65
+ }
@@ -0,0 +1,29 @@
1
+ .centered-root {
2
+ position: absolute;
3
+ width: 100%;
4
+ height: 100%;
5
+
6
+ display: grid;
7
+ grid-template-rows: 1fr;
8
+ grid-template-columns: 1fr;
9
+ place-items: center;
10
+ }
11
+
12
+ .centered-container {
13
+ transform: translateY(-50%);
14
+ }
15
+
16
+ .centered-header {
17
+ margin: $spacing-3 0pt;
18
+ text-align: center;
19
+ * { margin: 0pt; }
20
+
21
+ .centered-title {
22
+ font-size: $mega-font-size;
23
+ }
24
+
25
+ .centered-subtitle {
26
+ font-size: $medium-font-size;
27
+ font-weight: normal;
28
+ }
29
+ }
@@ -0,0 +1,121 @@
1
+ code {
2
+ font-family: $code-font-family;
3
+ * { font-family: $code-font-family; }
4
+ @include with-theme {
5
+ color: color-for(primary);
6
+ }
7
+ }
8
+
9
+ pre {
10
+ overflow-x: auto;
11
+ margin: $spacing-3 0pt;
12
+ padding: $spacing-3;
13
+ @include with-theme {
14
+ background-color: color-for(hl-area);
15
+ }
16
+ border-radius: $spacing-1;
17
+ > code {
18
+ background: none;
19
+ border-radius: 0pt;
20
+ padding: 0pt;
21
+ @include with-theme {
22
+ color: color-for(text);
23
+ }
24
+ }
25
+ }
26
+
27
+ /**
28
+ * Syntax highlighting styles
29
+ */
30
+ .highlight {
31
+ // Highlight takes care of syntax highlighting stuff
32
+ margin: $spacing-3 0pt;
33
+ padding: $spacing-3;
34
+ border-radius: $spacing-1;
35
+ > pre {
36
+ margin: 0pt;
37
+ padding: 0pt;
38
+ border-radius: 0pt;
39
+ background: none;
40
+ }
41
+
42
+ @include with-theme {
43
+ background-color: color-for(hl-area);
44
+
45
+ // Syntax scopes
46
+
47
+ // Comment
48
+ .c, .cm, .cp, .c1, .cs { color: color-for(hl); font-style: italic } // Comment
49
+ // .cm { color: darken($color: $white-color, $amount: 30%); font-style: italic } // Comment.Multiline
50
+ // .cp { color: darken($color: $white-color, $amount: 30%); font-weight: bold } // Comment.Preproc
51
+ // .c1 { color: darken($color: $white-color, $amount: 30%); font-style: italic } // Comment.Single
52
+ // .cs { color: darken($color: $white-color, $amount: 30%); font-weight: bold; font-style: italic } // Comment.Special
53
+
54
+ // Keywords
55
+ .k, .kd { color: color-for(primary); font-weight: bold; } // Keyword
56
+ // .kd { color: darken($color: $white-color, $amount: 10%); font-weight: bold } // Keyword.Declaration
57
+ // .kt { } // Keyword.Type
58
+ // .kc { color: darken($color: $white-color, $amount: 10%); font-weight: bold } // Keyword.Constant
59
+ // .kp { color: darken($color: $white-color, $amount: 10%); font-weight: bold } // Keyword.Pseudo
60
+ // .kr { color: darken($color: $white-color, $amount: 10%); font-weight: bold } // Keyword.Reserved
61
+
62
+ // Operators
63
+ // .o { color: darken($color: $white-color, $amount: 10%); font-weight: bold } // Operator
64
+ // .ow { color: darken($color: $white-color, $amount: 10%); font-weight: bold } // Operator.Word
65
+
66
+ // Generic
67
+ // .go { color: darken($color: $white-color, $amount: 30%); } // Generic.Output
68
+ // .gh { color: #999 } // Generic.Heading
69
+ // .ge { font-style: italic } // Generic.Emph
70
+ // .gd { color: #000; background-color: #fdd } // Generic.Deleted
71
+ // .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
72
+ // .gi { color: #000; background-color: #dfd } // Generic.Inserted
73
+ // .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
74
+ // .gp { color: #555 } // Generic.Prompt
75
+ // .gs { font-weight: bold } // Generic.Strong
76
+ // .gt { color: #f00 } // Generic.Traceback
77
+ // .gu { color: #aaa } // Generic.Subheading
78
+
79
+ // Names
80
+ .na { color: color-for(primary) } // Name.Attribute
81
+ // .nb { color: lighten($color: $back-color, $amount: 50%); } // Name.Builtin
82
+ // .nc { color: lighten($color: $back-color, $amount: 40%); font-weight: bold } // Name.Class
83
+ // .no { color: lighten($color: $back-color, $amount: 40%) } // Name.Constant
84
+ // .ni { color: darken($color: $white-color, $amount: 20%) } // Name.Entity
85
+ // .ne { color: #900; font-weight: bold } // Name.Exception
86
+ // .nf { color: lighten($color: $back-color, $amount: 55%); font-weight: bold } // Name.Function
87
+ // .nn { color: darken($color: $white-color, $amount: 20%) } // Name.Namespace
88
+ .nt { color: color-for(primary); font-weight: bold; } // Name.Tag
89
+ // .nv { color: darken($color: $white-color, $amount: 20%) } // Name.Variable
90
+ // .bp { color: darken($color: $white-color, $amount: 20%) } // Name.Builtin.Pseudo
91
+ // .vc { color: darken($color: $white-color, $amount: 20%) } // Name.Variable.Class
92
+ // .vg { color: darken($color: $white-color, $amount: 20%) } // Name.Variable.Global
93
+ // .vi { color: darken($color: $white-color, $amount: 20%) } // Name.Variable.Instance
94
+
95
+ // Literal.Number
96
+ .m, .mf, .mh, .mi, .mo, .il { color: color-for(primary); }
97
+ // .mf { color: #880 } // Literal.Number.Float
98
+ // .mh { color: #880 } // Literal.Number.Hex
99
+ // .mi { color: #880 } // Literal.Number.Integer
100
+ // .mo { color: #880 } // Literal.Number.Oct
101
+ // .il { color: #099 } // Literal.Number.Integer.Long
102
+
103
+ // Literal.String
104
+ .dl, .s, .sb, .sc, .sd, .s2, .se, .si, .sx, .sr, .s1, .ss { color: color-for(hl); }
105
+ // .sb { color: #d14 } // Literal.String.Backtick
106
+ // .sc { color: #d14 } // Literal.String.Char
107
+ // .sd { color: #d14 } // Literal.String.Doc
108
+ // .s2 { color: #d14 } // Literal.String.Double
109
+ // .se { color: #d14 } // Literal.String.Escape
110
+ // .sh { color: #d14 } // Literal.String.Heredoc
111
+ // .si { color: #d14 } // Literal.String.Interpol
112
+ // .sx { color: #d14 } // Literal.String.Other
113
+ // .sr { color: #009926 } // Literal.String.Regex
114
+ // .s1 { color: #d14 } // Literal.String.Single
115
+ // .ss { color: #990073 } // Literal.String.Symbol
116
+
117
+ // .w { color: #bbb } // Text.Whitespace
118
+ // .gr { color: #f00 } // Generic.Error
119
+ // .err { color: #f00 } // Error
120
+ }
121
+ }
@@ -0,0 +1,36 @@
1
+ .footer {
2
+ font-size: $small-font-size;
3
+ text-align: center;
4
+ }
5
+
6
+ .site-description {
7
+ text-align: justify;
8
+ }
9
+
10
+ .copyright {
11
+ font-style: italic;
12
+ }
13
+
14
+ .social-link {
15
+ // Sizing and spacing
16
+ margin: $spacing-1;
17
+
18
+ // Sizing is scaled by font
19
+ $font-size: $medium-font-size;
20
+
21
+ // Manually set width and height
22
+ width: $font-size + 2*$spacing-1;
23
+ height: $font-size + 2*$spacing-1;
24
+ border-radius: $font-size;
25
+
26
+ // Center icon
27
+ display: inline-grid;
28
+ grid-template-rows: 1fr;
29
+ grid-template-columns: 1fr;
30
+ place-items: center;
31
+
32
+ // Style icon
33
+ font-size: $font-size;
34
+ text-decoration: none;
35
+ color: inherit !important;
36
+ }