jekyll-theme-peaceful-gates 2.0.1 → 2.2.0

data/_sass/fontawesome/brands.scss

@@ -0,0 +1,23 @@
+/*!
+ * Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+@import 'variables';
+
+@font-face {
+  font-family: 'Font Awesome 5 Brands';
+  font-style: normal;
+  font-weight: 400;
+  font-display: $fa-font-display;
+  src: url('#{$fa-font-path}/fa-brands-400.eot');
+  src: url('#{$fa-font-path}/fa-brands-400.eot?#iefix') format('embedded-opentype'),
+  url('#{$fa-font-path}/fa-brands-400.woff2') format('woff2'),
+  url('#{$fa-font-path}/fa-brands-400.woff') format('woff'),
+  url('#{$fa-font-path}/fa-brands-400.ttf') format('truetype'),
+  url('#{$fa-font-path}/fa-brands-400.svg#fontawesome') format('svg');
+}
+
+.fab {
+  font-family: 'Font Awesome 5 Brands';
+  font-weight: 400;
+}

data/_sass/fontawesome/fontawesome.scss

@@ -0,0 +1,16 @@
+/*!
+ * Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+@import 'variables';
+@import 'mixins';
+@import 'core';
+@import 'larger';
+@import 'fixed-width';
+@import 'list';
+@import 'bordered-pulled';
+@import 'animated';
+@import 'rotated-flipped';
+@import 'stacked';
+@import 'icons';
+@import 'screen-reader';

data/_sass/fontawesome/regular.scss

@@ -0,0 +1,23 @@
+/*!
+ * Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+@import 'variables';
+
+@font-face {
+  font-family: 'Font Awesome 5 Free';
+  font-style: normal;
+  font-weight: 400;
+  font-display: $fa-font-display;
+  src: url('#{$fa-font-path}/fa-regular-400.eot');
+  src: url('#{$fa-font-path}/fa-regular-400.eot?#iefix') format('embedded-opentype'),
+  url('#{$fa-font-path}/fa-regular-400.woff2') format('woff2'),
+  url('#{$fa-font-path}/fa-regular-400.woff') format('woff'),
+  url('#{$fa-font-path}/fa-regular-400.ttf') format('truetype'),
+  url('#{$fa-font-path}/fa-regular-400.svg#fontawesome') format('svg');
+}
+
+.far {
+  font-family: 'Font Awesome 5 Free';
+  font-weight: 400;
+}

data/_sass/fontawesome/solid.scss

@@ -0,0 +1,24 @@
+/*!
+ * Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+@import 'variables';
+
+@font-face {
+  font-family: 'Font Awesome 5 Free';
+  font-style: normal;
+  font-weight: 900;
+  font-display: $fa-font-display;
+  src: url('#{$fa-font-path}/fa-solid-900.eot');
+  src: url('#{$fa-font-path}/fa-solid-900.eot?#iefix') format('embedded-opentype'),
+  url('#{$fa-font-path}/fa-solid-900.woff2') format('woff2'),
+  url('#{$fa-font-path}/fa-solid-900.woff') format('woff'),
+  url('#{$fa-font-path}/fa-solid-900.ttf') format('truetype'),
+  url('#{$fa-font-path}/fa-solid-900.svg#fontawesome') format('svg');
+}
+
+.fa,
+.fas {
+  font-family: 'Font Awesome 5 Free';
+  font-weight: 900;
+}

data/_sass/fontawesome/v4-shims.scss

@@ -0,0 +1,6 @@
+/*!
+ * Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+@import 'variables';
+@import 'shims';

data/_sass/jekyll-theme-peaceful-gates.scss

@@ -0,0 +1,17 @@
+// Font awesome config
+$fa-font-path: "/assets/fonts";
+
+// Imports
+@import "./fontawesome/fontawesome.scss";
+@import "./fontawesome/solid.scss";
+@import "./fontawesome/brands.scss";
+@import "./jekyll-theme-peaceful-gates/variables";
+@import "./jekyll-theme-peaceful-gates/theme";
+@import "./jekyll-theme-peaceful-gates/util";
+@import "./jekyll-theme-peaceful-gates/base";
+@import "./jekyll-theme-peaceful-gates/code";
+@import "./jekyll-theme-peaceful-gates/menu";
+@import "./jekyll-theme-peaceful-gates/footer";
+@import "./jekyll-theme-peaceful-gates/page";
+@import "./jekyll-theme-peaceful-gates/centered";
+@import "./jekyll-theme-peaceful-gates/button";

data/_sass/jekyll-theme-peaceful-gates/_base.scss

@@ -0,0 +1,76 @@
+body {
+    margin: 0;
+    font-family: $font-family;
+
+    @include with-theme {
+        background-color: color-for(bg);
+        color: color-for(text);
+    }
+}
+
+a {
+    &:hover {
+        text-decoration: none;
+    }
+
+    @include with-theme {
+        color: color-for(primary);
+    }
+}
+
+h1,h2,h3,h4,h5,h6,p {
+    @include page-section;
+}
+
+img {
+    @include page-section;
+    max-width: 100%;
+    border-radius: $spacing-2;
+}
+
+// Wraps an element with a horizontal scroll bar
+.horizontal-scroll {
+    @include page-section;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+}
+
+// Table Design
+table {
+    border-collapse: collapse;
+    table-layout: fixed;
+    margin: 0pt;
+    min-width: 100%;
+    overflow: hidden;
+    th {
+        @include with-theme {
+            color: color-for(primary);
+        }
+    }
+    th,td {
+        margin: 0pt;
+        padding: $spacing-2;
+        overflow: hidden;
+        border-bottom: 1px solid;
+        white-space: nowrap;
+        text-align: center;
+        @include with-theme {
+            border-color: color-for(primary);
+        }
+    }
+    tr:last-child {
+        td {
+            border-bottom: none;
+        }
+    }
+}
+
+blockquote {
+    @include page-section;
+    margin-left: $spacing-3;
+    font-size: $medium-font-size;
+    @include with-theme {
+        color: color-for(primary);
+    }
+}

data/_sass/jekyll-theme-peaceful-gates/_button.scss

@@ -0,0 +1,125 @@
+.show-on-mobile {
+    @include on-tablet {
+        display: none !important;
+    }
+    @include on-desktop {
+        display: none !important;
+    }
+}
+
+.button-group {
+    // Spacing
+    margin: $spacing-3 0pt;
+
+    // Flexbox
+    display: flex;
+    flex-direction: row-reverse;
+    justify-content: center;
+    @include not-on-mobile {
+        justify-content: flex-start;
+    }
+
+    // Buttons in Group
+    .button {
+        flex: 1;
+        @include not-on-mobile {
+            flex: 0 auto;
+        }
+    }
+}
+
+.button {
+    // Spacing
+    margin: 0pt $spacing-1;
+    padding: $spacing-2 $spacing-3;
+    
+    // Text
+    text-align: center;
+    text-decoration: none;
+    
+    // Shape
+    border: none;
+    border-radius: 4pt;
+    
+    // Color
+    @include with-theme {
+        background-color: color-for(primary);
+        color: color-for(text-on-primary);
+    }
+}
+
+.button-sec {
+    @extend .button;
+    
+    // Color
+    @include with-theme {
+        background-color: color-for(secondary);
+        color: color-for(text-on-secondary);
+    }
+}
+
+.button-ter {
+    @extend .button;
+    
+    // Color
+    @include with-theme {
+        background-color: color-for(tertiary);
+        color: color-for(text-on-tertiary);
+    }
+}
+
+.button-quat {
+    @extend .button;
+    
+    // Color
+    @include with-theme {
+        background-color: color-for(quaternary);
+        color: color-for(text-on-quaternary);
+    }
+}
+
+.icon-button {
+    // Spacing and sizing
+    margin: $spacing-1;
+    padding: $spacing-2;
+    font-size: $icon-font-size;
+    
+    // Align with center
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    // Styling 
+    background: none;
+    border: none;
+    @include with-theme {
+        color: color-for(primary)
+    }
+}
+
+.icon-button-sec {
+    @extend .icon-button;
+    
+    // Color
+    @include with-theme {
+        color: color-for(secondary);
+    }
+}
+
+.icon-button-ter {
+    @extend .icon-button;
+    
+    // Color
+    @include with-theme {
+        color: color-for(tertiary);
+    }
+}
+
+.icon-button-quat {
+    @extend .icon-button;
+    
+    // Color
+    @include with-theme {
+        color: color-for(quaternary);
+    }
+}

data/_sass/jekyll-theme-peaceful-gates/_centered.scss

@@ -0,0 +1,29 @@
+.centered-root {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+
+    display: grid;
+    grid-template-rows: 1fr;
+    grid-template-columns: 1fr;
+    place-items: center;
+}
+
+.centered-container {
+    transform: translateY(-50%);
+}
+
+.centered-header {
+    margin: $spacing-3 0pt;
+    text-align: center;
+    * { margin: 0pt; }
+
+    .centered-title {
+        font-size: $mega-font-size;
+    }
+
+    .centered-subtitle {
+        font-size: $medium-font-size;
+        font-weight: normal;
+    }
+}

data/_sass/jekyll-theme-peaceful-gates/_code.scss

@@ -0,0 +1,121 @@
+code {
+    font-family: $code-font-family;
+    * { font-family: $code-font-family; }
+    @include with-theme {
+        color: color-for(primary);
+    }
+}
+
+pre {
+    overflow-x: auto;
+    margin: $spacing-3 0pt;
+    padding: $spacing-3;
+    @include with-theme {
+        background-color: color-for(hl-area);
+    }
+    border-radius: $spacing-2;
+    > code {
+        background: none;
+        border-radius: 0pt;
+        padding: 0pt;
+        @include with-theme {
+            color: color-for(text);
+        }
+    }
+}
+
+/**
+ * Syntax highlighting styles
+ */
+ .highlight {
+    // Highlight takes care of syntax highlighting stuff
+    margin: $spacing-3 0pt;
+    padding: $spacing-3;
+    border-radius: $spacing-2;
+    > pre { 
+        margin: 0pt;
+        padding: 0pt;
+        border-radius: 0pt;
+        background: none;
+    }
+
+    @include with-theme {
+        background-color: color-for(hl-area);
+
+        // Syntax scopes
+
+        // Comment
+        .c, .cm, .cp, .c1, .cs  { color: color-for(hl); font-style: italic } // Comment
+        // .cm    { color: darken($color: $white-color, $amount: 30%); font-style: italic } // Comment.Multiline
+        // .cp    { color: darken($color: $white-color, $amount: 30%); font-weight: bold } // Comment.Preproc
+        // .c1    { color: darken($color: $white-color, $amount: 30%); font-style: italic } // Comment.Single
+        // .cs    { color: darken($color: $white-color, $amount: 30%); font-weight: bold; font-style: italic } // Comment.Special
+
+        // Keywords
+        .k, .kd { color: color-for(primary); font-weight: bold; } // Keyword
+        // .kd  { color: darken($color: $white-color, $amount: 10%); font-weight: bold } // Keyword.Declaration
+        .kt  { color: lighten(color-for(primary), 20%); } // Keyword.Type
+        // .kc  { color: darken($color: $white-color, $amount: 10%); font-weight: bold } // Keyword.Constant
+        // .kp  { color: darken($color: $white-color, $amount: 10%); font-weight: bold } // Keyword.Pseudo
+        // .kr  { color: darken($color: $white-color, $amount: 10%); font-weight: bold } // Keyword.Reserved
+
+        // Operators
+        // .o     { color: darken($color: $white-color, $amount: 10%); font-weight: bold } // Operator
+        .ow    { color: color-for(quaternary); font-weight: bold } // Operator.Word
+
+        // Generic
+        // .go    { color: darken($color: $white-color, $amount: 30%); } // Generic.Output
+        // .gh    { color: #999 } // Generic.Heading
+        // .ge    { font-style: italic } // Generic.Emph
+        // .gd    { color: #000; background-color: #fdd } // Generic.Deleted
+        // .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
+        // .gi    { color: #000; background-color: #dfd } // Generic.Inserted
+        // .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
+        // .gp    { color: #555 } // Generic.Prompt
+        // .gs    { font-weight: bold } // Generic.Strong
+        // .gt    { color: #f00 } // Generic.Traceback
+        // .gu    { color: #aaa } // Generic.Subheading
+
+        // Names
+        .na  { color: color-for(quaternary) } // Name.Attribute
+        .nb  { color: lighten($color: color-for(primary), $amount: 30%); } // Name.Builtin
+        .nc  { color: color-for(quaternary); } // Name.Class
+        // .no  { color: lighten($color: $back-color, $amount: 40%) } // Name.Constant
+        // .ni  { color: darken($color: $white-color, $amount: 20%) } // Name.Entity
+        // .ne  { color: #900; font-weight: bold } // Name.Exception
+        // .nf  { color: lighten(color-for(primary), 30%); font-weight: bold } // Name.Function
+        // .nn  { color: darken($color: $white-color, $amount: 20%) } // Name.Namespace
+        .nt     { color: color-for(primary); font-weight: bold; } // Name.Tag
+        // .nv  { color: darken($color: $white-color, $amount: 20%) } // Name.Variable
+        // .bp  { color: darken($color: $white-color, $amount: 20%) } // Name.Builtin.Pseudo
+        // .vc  { color: darken($color: $white-color, $amount: 20%) } // Name.Variable.Class
+        // .vg  { color: darken($color: $white-color, $amount: 20%) } // Name.Variable.Global
+        // .vi  { color: darken($color: $white-color, $amount: 20%) } // Name.Variable.Instance
+        
+        // Literal.Number
+        .m, .mf, .mh, .mi, .mo, .il { color: darken(color-for(tertiary), 20%); }
+        // .mf    { color: #880 } // Literal.Number.Float
+        // .mh    { color: #880 } // Literal.Number.Hex
+        // .mi    { color: #880 } // Literal.Number.Integer
+        // .mo    { color: #880 } // Literal.Number.Oct
+        // .il    { color: #099 } // Literal.Number.Integer.Long
+        
+        // Literal.String
+        .dl, .s, .sb, .sc, .sd, .s2, .se, .si, .sx, .sr, .s1, .ss { color: color-for(secondary); }
+        // .sb    { color: #d14 } // Literal.String.Backtick
+        // .sc    { color: #d14 } // Literal.String.Char
+        // .sd    { color: #d14 } // Literal.String.Doc
+        // .s2    { color: #d14 } // Literal.String.Double
+        // .se    { color: #d14 } // Literal.String.Escape
+        // .sh    { color: #d14 } // Literal.String.Heredoc
+        // .si    { color: #d14 } // Literal.String.Interpol
+        // .sx    { color: #d14 } // Literal.String.Other
+        // .sr    { color: #009926 } // Literal.String.Regex
+        // .s1    { color: #d14 } // Literal.String.Single
+        // .ss    { color: #990073 } // Literal.String.Symbol
+        
+        // .w     { color: #bbb } // Text.Whitespace
+        // .gr    { color: #f00 } // Generic.Error
+        // .err   { color: #f00 } // Error
+    }
+}