jekyll-theme-backwhite 1.0.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-backwhite/_back.scss

@@ -0,0 +1,75 @@
+.bw-back {
+    // Positioning
+    position: fixed;
+
+    /* This tells css to ensure that this
+     * layer is in the back, regardless of
+     * how it's included in the document.
+     * It is exactly what it says, the
+     * z-axis position of the element */
+    z-index: -1;
+
+    /* Back panel sizing. Fill vertically from
+     * top to bottom. Horizontally, start at
+     * left, be $desktop-menu-size wide*/
+    top: 0%;
+    left: 0%;
+    bottom: 0%;
+    width: $desktop-menu-size;
+
+    // Styling
+    background-color: $back-color;
+    border-color: $white-color;
+    color: $white-color;
+
+    // Align text
+    text-align: right;
+
+    // Fill entire screen on mobile
+    @include on-mobile {
+        top: 0%;
+        left: 0%;
+        bottom: 0%;
+        width: 100%;
+    };
+
+    // Container
+    .bw-back-container {
+        // Text align
+        text-align: right;
+        display: block;
+        &.visible {
+            display: block;
+        }
+
+        // Padding
+        padding: $spacing-unit;
+        margin: 0;
+        @include on-mobile {
+            margin-left: $spacing-unit;
+            margin-right: $spacing-unit;
+            display: none;
+            &.visible {
+                display: block;
+            }
+        }
+    }
+
+    // Links
+    .bw-links {
+        a {
+            text-decoration: none;
+            &:hover {
+                border-bottom: 1px solid;
+            }
+        }
+    }
+
+    // Backwhite footer
+    .bw-footer {
+        color: darken($white-color, 25%);
+        text-align: justify;
+        font-size: $small-font-size;
+        p { text-align: justify; }
+    }
+}

data/_sass/jekyll-theme-backwhite/_base.scss

@@ -0,0 +1,106 @@
+body {
+    overflow-x: hidden;
+    font-family: $font-family;
+    font-size: $normal-font-size;
+}
+
+a {
+    color: inherit;
+    border-bottom: 1px solid $back-color;
+    text-decoration: none;
+    &:hover {
+        border-bottom: none;
+    }
+}
+
+h1,h2,h3,h4 {
+    color: $back-color;
+    margin: $spacing-unit 0pt;
+}
+h1 {
+    display: block;
+    font-size: $large-font-size;
+}
+h2 {
+    display: block;
+    font-size: $medium-font-size;
+}
+h3 {
+    display: block;
+    font-size: $medium-font-size;
+}
+p {
+    display: block;
+    margin-top: $spacing-unit;
+    margin-bottom: $spacing-unit;
+}
+
+ul {
+    display: block;
+    list-style: none;
+    > li:before {
+        content: "-";
+        margin-right: 8pt;
+    }
+}
+ol {
+    display: block;
+    list-style: lower-roman;
+}
+
+table {
+    width: 100%;
+    table-layout: fixed;
+    padding: 0pt;
+    border-spacing: 0;
+
+    th {
+        color: $back-color;
+    }
+    th,td {
+        margin: 0pt;
+        padding: $spacing-unit;
+        text-align: center;
+        border-bottom: 0.5pt solid $back-color;
+        overflow: hidden;
+    }
+    th:last-child, td:last-child {
+        border-right: none;
+    }
+    tr:last-child > td {
+        border-bottom: none;
+    }
+}
+
+code {
+    font-family: $code-font-family;
+    font-size: $normal-font-size;
+    font-weight: 500;
+}
+
+pre {
+    @include block-cutout;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+}
+
+blockquote {
+    @include block-cutout;
+
+    // Font
+    font-size: $medium-font-size;
+    font-style: italic;
+    text-align: justify;
+
+    // Spacing
+    display: block;
+    margin: 0;
+    margin-top: $spacing-unit;
+    margin-bottom: $spacing-unit;
+    padding: 2*$spacing-unit;
+}
+
+img {
+    max-width: 100%;
+    box-shadow: 0px 0pt 8pt darken($white-color, 33%);
+}

data/_sass/jekyll-theme-backwhite/_form.scss

@@ -0,0 +1,172 @@
+// Block form
+.bw-form {
+    // Page block
+    display: block;
+
+    // Inherit theme colors
+    background-color: inherit;
+    color: inherit;
+
+    // Single row in block form
+    .bw-form-row {
+        // We want each form element in
+        // The row to have the same width
+        display: flex;
+        flex-direction: row;
+        align-items: stretch;
+
+        // We also want to keep the theme
+        // colors according to context
+        background-color: inherit;
+        color: inherit;
+    }
+}
+
+// Inline forms
+.bw-inline-form {
+    // We want to space input elements evenly
+    display: flex;
+    flex-direction: row;
+    align-items: stretch;
+
+    // Keep theme colors
+    background-color: inherit;
+    color: inherit;
+
+    // Input group
+    .bw-input-group {
+        // Scale up to share space
+        flex: 1;
+
+        // Spacing and padding
+        margin: $spacing-unit/2 0pt;
+        padding: 0;
+
+        // Theme colors
+        background-color: inherit;
+        color: inherit;
+
+        input {
+            height: 100%;
+        }
+    }
+
+    .bw-button-group {
+        // No scaling
+        flex: 0;
+        padding: 0;
+        margin: $spacing-unit/2 0pt;
+        color: inherit;
+
+        button {
+            height: 100%;
+            background: none;
+            border: none;
+            border-bottom: 1px solid;
+            padding: $spacing-unit/2;
+            display: inline-flex;
+            flex-direction: row;
+            align-items: center;
+            color: inherit;
+
+            * {
+                margin: 0pt $spacing-unit/2;
+                color: inherit;
+            }
+        }
+    }
+}
+
+.bw-input-group {
+    // Scale to fill space 
+    // (apparantly, the element was not shrinking, 
+    // it was being forced to have an input of 1,
+    // so we add "auto" to tell it that it grows to
+    // 1 fraction, but it can scale down if need be)
+    flex: 1 auto;
+
+    // Internal spacing
+    padding: $spacing-unit/2;
+
+    // Space elements vertically.
+    // Input is at absolute bottom,
+    // Label is at absolute top.
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+
+    // Theme colors
+    background-color: inherit;
+
+    label {
+        // Vertical block
+        display: block;
+        font-size: $small-font-size;
+
+        // Theme colors
+        color: inherit;
+    }
+
+    input, select {
+        // Vertical block
+        display: block;
+
+        // Set width to containing unit
+        width: 100% !important;
+
+        // So apparently the sizing on these is just that 
+        // little bit off, because it uses different sizing...
+        box-sizing: border-box;
+        -ms-box-sizing: border-box;
+        -moz-box-sizing: border-box;
+        -webkit-box-sizing: border-box;
+
+        // Style input field
+        border: none;
+        background: none;
+        border-radius: 0pt;
+        border-bottom: 1px solid;
+        border-color: inherit;
+        background-color: inherit;
+        color: inherit;
+
+        // Same on iOS
+        -webkit-appearance: none;
+
+        // We don't need an outline on focus
+        &:focus {
+            outline: none;
+        };
+    }
+}
+
+.bw-checkbox-group {
+    padding: $spacing-unit $spacing-unit/2;
+    display: inline-flex;
+    align-items: center;
+    background-color: inherit;
+    color: inherit;
+
+    label {
+        margin-right: $spacing-unit/2;
+        font-size: small;
+        color: inherit;
+    }
+
+    input[type="checkbox"] {
+        margin: 0;
+        margin-left: $spacing-unit/2;
+    }
+}
+
+.bw-file-group {
+    flex: 1;
+    padding: $spacing-unit/2;
+    background-color: inherit;
+}
+
+.bw-button-group {
+    flex: 1;
+    padding: $spacing-unit/2;
+    text-align: right;
+}