compost-jekyll-theme 0.1.0

data/_sass/open_sans.scss

@@ -0,0 +1,80 @@
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(../fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4taVIGxA.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(../fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4kaVIGxA.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(../fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4saVIGxA.woff2) format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(../fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4jaVIGxA.woff2) format('woff2');
+  unicode-range: U+0370-03FF;
+}
+/* hebrew */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(../fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4iaVIGxA.woff2) format('woff2');
+  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(../fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4vaVIGxA.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(../fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4uaVIGxA.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(../fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVI.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}

data/_sass/open_sans_wght_700.scss

@@ -0,0 +1,80 @@
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 700;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(../fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4taVIGxA.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 700;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(../fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4kaVIGxA.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 700;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(../fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4saVIGxA.woff2) format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 700;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(../fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4jaVIGxA.woff2) format('woff2');
+  unicode-range: U+0370-03FF;
+}
+/* hebrew */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 700;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(../fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4iaVIGxA.woff2) format('woff2');
+  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 700;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(../fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4vaVIGxA.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 700;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(../fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4uaVIGxA.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 700;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(../fonts/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVI.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}

data/_sass/roboto_mono_ital_wght_0_400_0_700_1_400_1_700.scss

@@ -0,0 +1,28 @@
+@font-face {
+  font-family: 'Roboto Mono';
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../fonts/robotomono/v22/L0xoDF4xlVMF-BfR8bXMIjhOsXG-q2oeuFoqFrlnAOW9-subset.woff2) format('woff2');
+}
+@font-face {
+  font-family: 'Roboto Mono';
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url(../fonts/robotomono/v22/L0xoDF4xlVMF-BfR8bXMIjhOsXG-q2oeuFoqFrmAB-W9-subset.woff2) format('woff2');
+}
+@font-face {
+  font-family: 'Roboto Mono';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../fonts/robotomono/v22/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vqPQw-subset.woff2) format('woff2');
+}
+@font-face {
+  font-family: 'Roboto Mono';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(../fonts/robotomono/v22/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_Of2PQw-subset.woff2) format('woff2');
+}

data/_sass/source_serif_4_ital_wght_0_400_0_700_1_400_1_700.scss

@@ -0,0 +1,28 @@
+@font-face {
+  font-family: 'Source Serif 4';
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../fonts/sourceserif4/SourceSerif4-It.ttf.woff2) format('woff2');
+}
+@font-face {
+  font-family: 'Source Serif 4';
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url(../fonts/sourceserif4/SourceSerif4-BoldIt.ttf.woff2) format('woff2');
+}
+@font-face {
+  font-family: 'Source Serif 4';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../fonts/sourceserif4/SourceSerif4-Regular.ttf.woff2) format('woff2');
+}
+@font-face {
+  font-family: 'Source Serif 4';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(../fonts/sourceserif4/SourceSerif4-Bold.ttf.woff2) format('woff2');
+}

data/_sass/toggler.scss

@@ -0,0 +1,20 @@
+////
+/// @group Toggler
+////
+
+/// Desplegar menúes sin javascript!
+///
+/// Comenzamos con un `<input type="checkbox"/>` con la clase
+/// `.toggler`.
+///
+/// @link https://dev.to/cydstumpel/creating-a-fold-out-navigation-with-css-only-4g9k
+/// @see toggler.html
+.toggler {
+  & + .toggled {
+    visibility: hidden;
+  }
+
+  &:checked + .toggled {
+    visibility: visible;
+  }
+}

data/_sass/utilities.scss

@@ -0,0 +1,245 @@
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    /// Bordes.  Bootstrap no define bordes _responsive_
+    ///
+    /// @link node_modules/bootstrap/scss/utilities/_borders.scss
+    /// @example html
+    ///   <div class="border border-md-top-0 border-width-3"></div>
+    .border#{$infix}   { border: $border-width solid $border-color !important; }
+    .border#{$infix}-0 { border: 0 !important; }
+    @each $direction in $directions {
+      .border#{$infix}-#{$direction}   { border-#{$direction}: $border-width solid $border-color !important; }
+      .border#{$infix}-#{$direction}-0 { border-#{$direction}: 0 !important; }
+      .border#{$infix}-#{$direction}-dashed { border-#{$direction}: $border-width dashed $border-color !important; }
+    }
+
+    @each $border-width, $length in $border-widths {
+      .border-width#{$infix}-#{$border-width}   { border-width: $length !important; }
+    }
+
+    @each $color, $rgb in $colors {
+      .background#{$infix}-#{$color} {
+        background-color: var(--#{$color});
+
+        &:focus {
+          background-color: var(--#{$color});
+        }
+      }
+
+      .#{$color}#{$infix} {
+        color: var(--#{$color});
+
+        &:focus {
+          color: var(--#{$color});
+        }
+      }
+
+      @each $attr in $svg-attributes {
+        /// Poder cambiar el relleno o la línea de un SVG
+        ///
+        /// @example html
+        ///   <div class="stroke-black fill-red">
+        ///     <svg/>
+        ///   </div>
+        .#{$attr}#{$infix}-#{$color} {
+          svg {
+            * {
+              #{$attr}: var(--#{$color});
+            }
+          }
+        }
+
+        .#{$attr}-hover#{$infix}-#{$color} {
+          &:hover,
+          &:focus-within {
+            svg {
+              * {
+                #{$attr}: var(--#{$color});
+              }
+            }
+          }
+        }
+      }
+
+      /// Cambiar el color al pasar por encima o hacer foco
+      ///
+      /// @example html
+      ///   <div class="black hover-red"></div>
+      .hover-#{$color} {
+        &:hover,
+        &:focus-within {
+          color: var(--#{$color}) !important;
+        }
+      }
+
+      /// Bordes de color
+      ///
+      /// @example html
+      ///   <div class="border-red"></div>
+      .border#{$infix}-#{$color} {
+        border-color: var(--#{$color}) !important;
+      }
+
+      .border-hover#{$infix}-#{$color} {
+        &:hover,
+        &:focus-within {
+          border-color: var(--#{$color}) !important;
+        }
+      }
+
+      @each $opacity, $degree in $opacities {
+        /// Color de fondo con transparencia (opacidad)
+        ///
+        /// @example html
+        ///   <div class="background-red-t2"></div>
+        .background#{$infix}-#{$color}-t#{$opacity} {
+          background-color: scale-color($rgb, $alpha: $degree);
+        }
+
+        .o#{$infix}-#{$opacity} {
+          opacity: ($degree + 100%) / 100% !important;
+        }
+      }
+    }
+
+    /// Espacio entre caracteres
+    ///
+    /// @example html
+    ///   <div class="letter-spacing-2"></div>
+    @each $letter-spacing, $value in $letter-spacings {
+      .letter-spacing#{$infix}-#{$letter-spacing} {
+        letter-spacing: $value !important;
+      }
+    }
+
+    .object-fit-cover#{$infix} {
+      object-fit: cover;
+    }
+
+    .lead#{$infix} {
+      font-size: $lead-font-size !important;
+    }
+
+    /// Poder aumentar o disminuir el alto de la tipografía.
+    /// Se pueden definir con la variable font_size en theme.yml
+    /// @example html
+    ///   <div class="f-20"></div>
+    @each $font-size, $value in $font-sizes {
+      .f#{$infix}-#{$font-size} {
+        font-size: $font-size-base * $value !important;
+      }
+    }
+
+    @each $cursor in $cursors {
+      /// El elemento va a tener un cursor
+      ///
+      /// @example html
+      ///   <div class="cursor-pointer"></div>
+      .cursor#{$infix}-#{$cursor} {
+        cursor: $cursor;
+      }
+    }
+
+    @each $spacer, $length in $spacers {
+      @each $direction in $directions {
+        /// Ubicación absoluta, usar con position-*
+        ///
+        /// @example html
+        ///   <div class="position-absolute top-0 left-3"></div>
+        .#{$direction}#{$infix}-#{$spacer} {
+          #{$direction}: $length
+        }
+
+        .object-position#{$infix}-#{$direction} {
+          object-position: $direction;
+        }
+      }
+
+      .lh#{$infix}-#{$spacer} {
+        line-height: $length !important;
+      }
+    }
+
+    /// Anchos y altos en base a `$sizes` definido por Bootstrap.  Para
+    /// personalizar los tamaños, modificarlos o agregarlos en `styles.scss`
+    ///
+    /// @link assets/css/styles.scss
+    @each $prop, $abbrev in (width: w, height: h) {
+      @each $size, $length in $sizes {
+        .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
+        .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
+        .min-#{$abbrev}#{$infix}-#{$size} { min-#{$prop}: $length !important; }
+        .max-#{$abbrev}#{$infix}-#{$size} { max-#{$prop}: $length !important; }
+      }
+    }
+
+    @each $transform-scale, $value in $transform-scales {
+      .transform-scale#{$infix}-#{$transform-scale} {
+        transform: scale($value) !important;
+      }
+
+      .transform-scale-hover#{$infix}-#{$transform-scale} {
+        &:hover, &:focus {
+          transform: scale($value) !important;
+        }
+      }
+    }
+
+    @each $background-size, $value in $background-sizes {
+      /// Tamaño de imagen de fondo
+      ///
+      /// @example html
+      ///   <div class="background-size-md-cover"></div>
+      .background-size#{$infix}-#{$background-size} {
+        background-size: $value !important;
+      }
+    }
+
+    @each $x in $background-positions-x {
+      @each $y in $background-positions-y {
+        .background-position#{$infix}-#{$x}-#{$y} {
+          background-position: $x $y;
+        }
+      }
+    }
+
+    @each $background-image, $value in $background-images {
+      .background-image#{$infix}-#{$background-image} {
+        background-image: url("#{$value}");
+      }
+    }
+  }
+}
+
+.font-sm {
+  font-size: 1rem * 1.0625;
+}
+
+.work-sans {
+  font-family: 'Work Sans';
+}
+
+.source-serif {
+  font-family: 'Source Serif 4';
+}
+
+.zindex-dropdown { z-index: 1000; }
+.zindex-sticky { z-index: 1020; }
+.zindex-fixed { z-index: 1030; }
+.zindex-modal-backdrop { z-index: 1040; }
+.zindex-modal { z-index: 1050; }
+.zindex-popover { z-index: 1060; }
+.zindex-tooltip { z-index: 1070; }
+
+code {
+  background-color: $code-background;
+  border-radius: $code-radius;
+  font-family: $code-font-family;
+}
+
+b,
+strong {
+  font-weight: $font-weight-bold;
+}

data/_sass/work_sans_ital_wght_1_300.scss

@@ -0,0 +1,7 @@
+@font-face {
+  font-family: 'Work Sans';
+  font-style: italic;
+  font-weight: 300;
+  font-display: swap;
+  src: url(../fonts/worksans/v18/QGY9z_wNahGAdqQ43Rh_ebrnlwyYfEPxPoGUgGsJow-subset.woff2) format('woff2');
+}

data/assets/css/styles.scss

@@ -0,0 +1,23 @@
+---
+---
+
+{%- assign theme = site.posts | find: "layout", "theme" -%}
+{%- assign footer = site.posts | find: "layout", "footer" -%}
+{%- assign about = site.posts | find: "layout", "about" -%}
+
+$background-site: '../../{{ theme.body_image.path | default: "public/background-dithered.jpg" | uri_escape }}';
+$background-footer: '../../{{ footer.background_image.path | default: "public/footer.png" | uri_escape }}';
+$background-menu: '../../{{ about.background_image.path | default: "public/background_header.png" | uri_escape }}';
+
+{{ theme | yaml_to_scss: site.data.layouts.theme }}
+{{ site.data.theme | yaml_to_scss }}
+
+@import "bootstrap/scss/bootstrap";
+@import "utilities";
+@import "open_sans";
+@import "open_sans_wght_700";
+@import "work_sans_ital_wght_1_300";
+@import "source_serif_4_ital_wght_0_400_0_700_1_400_1_700";
+@import "roboto_mono_ital_wght_0_400_0_700_1_400_1_700";
+@import "content";
+@import "toggler";

data/assets/fonts/sourceserif4/SourceSerif4-Bold.ttf.woff2

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ff10ac1f81f0c8900afff182a1f7fec7e85dfc8075cb931a86650d17836042c5
+size 81320

data/assets/fonts/sourceserif4/SourceSerif4-BoldIt.ttf.woff2

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7087fcf84cede29671bab6075470f44cb74b6877ff747ed925ca999bfbbb15cb
+size 63220

data/assets/fonts/sourceserif4/SourceSerif4-It.ttf.woff2

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:714d5c5595e9f768e0b2bfa46c323b44819476070d65350b75b622f48b233783
+size 59860

data/assets/fonts/sourceserif4/SourceSerif4-Regular.ttf.woff2

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2a8a02e9d20b0914515875d2afb2af18d14733a659d39e168200ede164f7d865
+size 76180

data/assets/js/env.js

@@ -0,0 +1,8 @@
+---
+---
+
+window.env = {
+  AIRBRAKE_PROJECT_ID: {{ site.env.AIRBRAKE_PROJECT_ID | default: 0 }},
+  AIRBRAKE_PROJECT_KEY: "{{ site.env.AIRBRAKE_PROJECT_KEY }}",
+  JEKYLL_ENV: "{{ jekyll.environment }}"
+};