dedovic-2021 0.1.0 → 0.2.0

data/_sass/includes/_icons.scss

@@ -0,0 +1,49 @@
+@font-face {
+    font-family: 'icons';
+    src:  url('../../assets/fonts/icons.eot?3xfjp9');
+    src:  url('../../assets/fonts/icons.eot?3xfjp9#iefix') format('embedded-opentype'),
+      url('../../assets/fonts/icons.ttf?3xfjp9') format('truetype'),
+      url('../../assets/fonts/icons.woff?3xfjp9') format('woff'),
+      url('../../assets/fonts/icons.svg?3xfjp9#icomoon') format('svg');
+    font-weight: normal;
+    font-style: normal;
+    font-display: block;
+  }
+  
+  [class^="icon-"], [class*=" icon-"] {
+    /* use !important to prevent issues with browser extensions that change fonts */
+    font-family: 'icons' !important;
+    speak: never;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+  
+    /* Better Font Rendering =========== */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+  
+  .icon-check:before {
+    content: "\e906";
+  }
+  .icon-chevrons-right:before {
+    content: "\e904";
+  }
+  .icon-chevrons-left:before {
+    content: "\e905";
+  }
+  .icon-copy:before {
+    content: "\e903";
+  }
+  .icon-list:before {
+    content: "\e900";
+  }
+  .icon-grid:before {
+    content: "\e901";
+  }
+  .icon-arrow:before {
+    content: "\e902";
+  }
+  

data/_sass/includes/_syntax.scss

@@ -0,0 +1,84 @@
+.highlight .hll { background-color: $black }
+.highlight  { background: $black; color: $grey }
+.highlight .c { color: $green } /* Comment */
+.highlight .err { color: $grey; border: 1px solid $red } /* Error */
+.highlight .esc { color: $grey } /* Escape */
+.highlight .g { color: $grey } /* Generic */
+.highlight .k { color: $yellow } /* Keyword */
+.highlight .l { color: $grey } /* Literal */
+.highlight .n { color: $grey } /* Name */
+.highlight .o { color: $white } /* Operator */
+.highlight .x { color: $grey } /* Other */
+.highlight .p { color: $grey } /* Punctuation */
+.highlight .ch { color: $green } /* Comment.Hashbang */
+.highlight .cm { color: $green } /* Comment.Multiline */
+.highlight .cp { color: $green } /* Comment.Preproc */
+.highlight .cpf { color: $green } /* Comment.PreprocFile */
+.highlight .c1 { color: $green } /* Comment.Single */
+.highlight .cs { color: $red; font-weight: bold } /* Comment.Special */
+.highlight .gd { color: $red } /* Generic.Deleted */
+.highlight .ge { color: $grey; font-style: italic } /* Generic.Emph */
+.highlight .gr { color: $red } /* Generic.Error */
+.highlight .gh { color: $green; font-weight: bold } /* Generic.Heading */
+.highlight .gi { color: $liteGreen } /* Generic.Inserted */
+.highlight .go { color: $grey } /* Generic.Output */
+.highlight .gp { color: $green; font-weight: bold } /* Generic.Prompt */
+.highlight .gs { color: $grey; font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: $green; font-weight: bold } /* Generic.Subheading */
+.highlight .gt { color: $green } /* Generic.Traceback */
+.highlight .kc { color: $yellow } /* Keyword.Constant */
+.highlight .kd { color: $liteGreen } /* Keyword.Declaration */
+.highlight .kn { color: $purple } /* Keyword.Namespace */
+.highlight .kp { color: $yellow } /* Keyword.Pseudo */
+.highlight .kr { color: $yellow } /* Keyword.Reserved */
+.highlight .kt { color: $liteGreen } /* Keyword.Type */
+.highlight .ld { color: $grey } /* Literal.Date */
+.highlight .m { color: $purple } /* Literal.Number */
+.highlight .s { color: $red } /* Literal.String */
+.highlight .na { color: $grey } /* Name.Attribute */
+.highlight .nb { color: $purple } /* Name.Builtin */
+.highlight .nc { color: $aqua } /* Name.Class */
+.highlight .no { color: $grey } /* Name.Constant */
+.highlight .nd { color: $grey } /* Name.Decorator */
+.highlight .ni { color: $grey } /* Name.Entity */
+.highlight .ne { color: $green; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: $grey } /* Name.Function */
+.highlight .nl { color: $grey } /* Name.Label */
+.highlight .nn { color: $grey } /* Name.Namespace */
+.highlight .nx { color: $grey } /* Name.Other */
+.highlight .py { color: $grey } /* Name.Property */
+.highlight .nt { color: $grey } /* Name.Tag */
+.highlight .nv { color: $aqua } /* Name.Variable */
+.highlight .ow { color: $liteGreen } /* Operator.Word */
+.highlight .w { color: $grey } /* Text.Whitespace */
+.highlight .mb { color: $purple } /* Literal.Number.Bin */
+.highlight .mf { color: $purple } /* Literal.Number.Float */
+.highlight .mh { color: $purple } /* Literal.Number.Hex */
+.highlight .mi { color: $purple } /* Literal.Number.Integer */
+.highlight .mo { color: $purple } /* Literal.Number.Oct */
+.highlight .sa { color: $red } /* Literal.String.Affix */
+.highlight .sb { color: $red } /* Literal.String.Backtick */
+.highlight .sc { color: $red } /* Literal.String.Char */
+.highlight .dl { color: $red } /* Literal.String.Delimiter */
+.highlight .sd { color: $red } /* Literal.String.Doc */
+.highlight .s2 { color: $red } /* Literal.String.Double */
+.highlight .se { color: $red } /* Literal.String.Escape */
+.highlight .sh { color: $red } /* Literal.String.Heredoc */
+.highlight .si { color: $red } /* Literal.String.Interpol */
+.highlight .sx { color: $red } /* Literal.String.Other */
+.highlight .sr { color: $red } /* Literal.String.Regex */
+.highlight .s1 { color: $red } /* Literal.String.Single */
+.highlight .ss { color: $red } /* Literal.String.Symbol */
+.highlight .bp { color: $purple } /* Name.Builtin.Pseudo */
+.highlight .fm { color: $grey } /* Name.Function.Magic */
+.highlight .vc { color: $aqua } /* Name.Variable.Class */
+.highlight .vg { color: $aqua } /* Name.Variable.Global */
+.highlight .vi { color: $aqua } /* Name.Variable.Instance */
+.highlight .vm { color: $aqua } /* Name.Variable.Magic */
+.highlight .il { color: $purple } /* Literal.Number.Integer.Long */
+
+
+.highlight {
+    padding: .5rem;
+    border-radius: 4px;
+}

data/_sass/includes/_typography.scss

@@ -0,0 +1,89 @@
+@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Source+Code+Pro&display=swap');
+
+@font-face {
+    font-family: 'Optima';
+    src: url('../../assets/fonts/optima-webfont.woff2') format('woff2'),
+         url('../../assets/fonts/optima-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'Optima';
+    src: url('../../assets/fonts/optima_b-webfont.woff2') format('woff2'),
+         url('../../assets/fonts/optima_b-webfont.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+
+}
+
+html {
+    font-size: 16px;
+    font-family: 'Open Sans', sans-serif;
+    font-weight: 300;
+    color: $black;
+}
+
+h1, h2, h3 {
+    font-family: 'Optima', sans-serif;
+    font-weight: bold;
+}
+
+h4, h5, h6 {
+    font-family: 'Open Sans', sans-serif;
+    font-weight: bold;
+}
+
+h1 {
+    font-size: 4rem;
+}
+
+h2 {
+    font-size: 3.2rem;
+}
+
+h3 {
+    font-size: 2.6rem;
+}
+
+h4 {
+    font-size: 1.8rem;
+}
+
+h5 {
+    font-size: 1.4rem;
+}
+
+h6 {
+    font-size: 1.2rem;
+}
+
+a {
+    color: $red;
+    font-weight: 600;
+    text-decoration: underline;
+
+    &.read-more {
+        text-transform: uppercase;
+        color: $black;
+        font-weight: 300;
+        text-decoration: none;
+    }
+}
+
+ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    li {
+        padding: 0;
+        &:after {
+
+        }
+        &:last-child:after {
+        }
+    }
+}
+
+

data/_sass/main.scss

@@ -0,0 +1,201 @@
+@charset "utf-8";
+
+// Import partials.
+@import
+    "includes/colors",
+    "includes/grid",
+    "includes/typography",
+    "includes/icons",
+    "includes/buttons",
+    "includes/cards",
+    "includes/syntax"
+;
+
+html {
+    background-color: $white;
+    &.layout-art {
+        background-color: $liteGreen;
+    }
+    &.layout-recipes,  &.layout-recipe {
+        background-color: $orange;
+    }
+    &.layout-about {
+        background-color: $liteAqua;
+    }
+}
+
+body {
+    margin: 2rem 0 160px 0;
+}
+
+footer {
+    position: fixed;
+    bottom: 1rem;
+    width: 100%;
+
+    .site-nav, .site-info {
+        border: 1px solid $black;
+        background-color: $white;
+        width: calc(100% - 2rem);
+        margin: 0 auto;
+    }
+
+    .site-info {
+        font-style: italic;
+        font-size: .8rem;
+        p {
+            margin: .5rem;
+            text-align: right;
+        }
+    }
+
+    .site-nav {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        margin-bottom: 1rem;
+        align-items: center;
+        line-height: 2rem;
+        .icon {
+            font-size: 2rem;
+            padding: .6rem .5rem;
+        }
+        .trigger {
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: space-evenly;
+            align-items: center;
+            justify-content: center;
+            .page-link {
+                font-family: 'Optima', sans-serif;
+                color: $black;
+                font-weight: 400;
+                text-decoration: none;
+                font-size: 1.2rem;
+                margin: 0;
+                padding: 1rem;
+                &.active {
+                    font-size: 1.6rem;
+                }
+            }
+
+        }
+
+    }
+
+}
+
+.layout-recipe, .layout-recipes {
+    .page-link.active {
+        background-color: $yellow;
+    }
+}
+
+.layout-art, .layout-post, .layout-writing, .layout-about {
+    .page-link.active {
+        background-color: $aqua;
+    }
+}
+
+
+// RECIPES & WRITING
+
+.recipe-wrapper {
+    border: 1px solid $black;
+    background-color: $white;
+    border-radius: 4px 40px 4px 4px;
+    .recipe {
+        margin-right: 6rem;
+        margin-bottom: 4rem;
+
+        img {
+            width: 100%;
+            height: auto;
+            margin: 1rem 0;
+        }
+    }
+}
+
+.layout-recipe, .layout-recipes {
+    .post-title, .page-heading {
+        text-shadow: 3px 3px $yellow;
+    }
+}
+
+
+h1 {
+    margin: 2rem 0 1rem 0;
+}
+
+
+.post-title {
+    margin: 0 0 1rem 0;
+}
+
+
+.post-header {
+    margin-top: 2rem;
+}
+
+.tag-list {
+    text-transform: uppercase;
+    font-weight: bold;
+    li {
+        display: inline;
+        margin: 0 1rem 0 0;
+    }
+}
+
+.filter-menu {
+    padding: 0;
+    
+    label {
+        text-transform: uppercase;
+        font-weight: bold;
+    }
+    ul {
+        line-height: 4rem;
+        li {
+            display: inline;
+            border: 1px solid $black;
+            background-color: $white;
+            border-radius: 4px 40px 4px 4px;
+            width: fit-content;
+            padding: .5rem 2rem .5rem 1rem;
+            margin-right: 1rem;
+            text-transform: uppercase;
+            font-weight: bold;
+        }
+    }
+
+}
+
+.card-grid {
+    .post-link {
+        text-decoration: none;
+        color: $black;
+        font-weight: normal;
+        h3 {
+            
+            margin: .5rem 0;
+        }
+    }
+    .thumbnail {
+        margin-bottom: .5rem;
+    }
+}
+
+.layout-recipes .card-grid .post-link h3 {
+    text-shadow: 3px 3px $yellow;
+}
+
+.layout-writing .card-grid .post-link h3 {
+    text-shadow: 3px 3px $aqua;
+}
+
+.layout-post, .layout-art, .layout-writing, .layout-about {
+    .post-title, .page-heading {
+        text-shadow: 3px 3px $aqua;
+    }
+}
+

data/assets/fonts/icons.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xe900;" glyph-name="list" d="M436.224 578.048c107.52 0 214.016 0 321.536 0 34.816 0 34.816 53.248 0 53.248-107.52 0-214.016 0-321.536 0-33.792 0-33.792-53.248 0-53.248zM344.064 604.672c0-21.491-17.421-38.912-38.912-38.912s-38.912 17.421-38.912 38.912c0 21.491 17.421 38.912 38.912 38.912s38.912-17.421 38.912-38.912zM757.76 484.864c-107.52 0-214.016 0-321.536 0-34.816 0-34.816-53.248 0-53.248 107.52 0 214.016 0 321.536 0 34.816 0 34.816 53.248 0 53.248zM344.064 458.24c0-21.491-17.421-38.912-38.912-38.912s-38.912 17.421-38.912 38.912c0 21.491 17.421 38.912 38.912 38.912s38.912-17.421 38.912-38.912zM757.76 338.432c-107.52 0-214.016 0-321.536 0-34.816 0-34.816-53.248 0-53.248 107.52 0 214.016 0 321.536 0 34.816 0 34.816 53.248 0 53.248zM344.064 311.808c0-21.491-17.421-38.912-38.912-38.912s-38.912 17.421-38.912 38.912c0 21.491 17.421 38.912 38.912 38.912s38.912-17.421 38.912-38.912z" />
+<glyph unicode="&#xe901;" glyph-name="grid" d="M381.952 873.984h-184.32c-62.464 0-112.64-50.176-112.64-112.64v-184.32c0-62.464 50.176-112.64 112.64-112.64h184.32c62.464 0 112.64 50.176 112.64 112.64v184.32c0 61.44-50.176 112.64-112.64 112.64zM433.152 577.024c0-28.672-22.528-51.2-51.2-51.2h-184.32c-28.672 0-51.2 22.528-51.2 51.2v184.32c0 28.672 22.528 51.2 51.2 51.2h184.32c28.672 0 51.2-22.528 51.2-51.2v-184.32zM825.344 873.984h-184.32c-62.464 0-112.64-50.176-112.64-112.64v-184.32c0-62.464 50.176-112.64 112.64-112.64h184.32c62.464 0 112.64 50.176 112.64 112.64v184.32c0 61.44-50.176 112.64-112.64 112.64zM876.544 577.024c0-28.672-22.528-51.2-51.2-51.2h-184.32c-28.672 0-51.2 22.528-51.2 51.2v184.32c0 28.672 22.528 51.2 51.2 51.2h184.32c28.672 0 51.2-22.528 51.2-51.2v-184.32zM381.952 428.544h-184.32c-62.464 0-112.64-50.176-112.64-112.64v-184.32c0-62.464 50.176-112.64 112.64-112.64h184.32c62.464 0 112.64 50.176 112.64 112.64v184.32c0 61.44-50.176 112.64-112.64 112.64zM433.152 131.584c0-28.672-22.528-51.2-51.2-51.2h-184.32c-28.672 0-51.2 22.528-51.2 51.2v184.32c0 28.672 22.528 51.2 51.2 51.2h184.32c28.672 0 51.2-22.528 51.2-51.2v-184.32zM825.344 428.544h-184.32c-62.464 0-112.64-50.176-112.64-112.64v-184.32c0-62.464 50.176-112.64 112.64-112.64h184.32c62.464 0 112.64 50.176 112.64 112.64v184.32c0 61.44-50.176 112.64-112.64 112.64zM876.544 131.584c0-28.672-22.528-51.2-51.2-51.2h-184.32c-28.672 0-51.2 22.528-51.2 51.2v184.32c0 28.672 22.528 51.2 51.2 51.2h184.32c28.672 0 51.2-22.528 51.2-51.2v-184.32z" />
+<glyph unicode="&#xe902;" glyph-name="arrow" d="M402.746 82.746l-320 320c-24.994 24.992-24.994 65.516 0 90.51l320 320c24.994 24.992 65.516 24.992 90.51 0 24.994-24.994 24.994-65.516 0-90.51l-210.746-210.746h613.49c35.346 0 64-28.654 64-64s-28.654-64-64-64h-613.49l210.746-210.746c12.496-12.496 18.744-28.876 18.744-45.254s-6.248-32.758-18.744-45.254c-24.994-24.994-65.516-24.994-90.51 0z" />
+<glyph unicode="&#xe903;" glyph-name="copy" d="M810 42.667v598h-468v-598h468zM810 724.667q34 0 60-25t26-59v-598q0-34-26-60t-60-26h-468q-34 0-60 26t-26 60v598q0 34 26 59t60 25h468zM682 896.667v-86h-512v-598h-84v598q0 34 25 60t59 26h512z" />
+<glyph unicode="&#xe904;" glyph-name="chevrons-right" d="M584.832 183.168l213.333 213.333c16.683 16.683 16.683 43.691 0 60.331l-213.333 213.333c-16.683 16.683-43.691 16.683-60.331 0s-16.683-43.691 0-60.331l183.168-183.168-183.168-183.168c-16.683-16.683-16.683-43.691 0-60.331s43.691-16.683 60.331 0zM286.165 183.168l213.333 213.333c16.683 16.683 16.683 43.691 0 60.331l-213.333 213.333c-16.683 16.683-43.691 16.683-60.331 0s-16.683-43.691 0-60.331l183.168-183.168-183.168-183.168c-16.683-16.683-16.683-43.691 0-60.331s43.691-16.683 60.331 0z" />
+<glyph unicode="&#xe905;" glyph-name="chevrons-left" d="M499.499 243.499l-183.168 183.168 183.168 183.168c16.683 16.683 16.683 43.691 0 60.331s-43.691 16.683-60.331 0l-213.333-213.333c-16.683-16.683-16.683-43.691 0-60.331l213.333-213.333c16.683-16.683 43.691-16.683 60.331 0s16.683 43.691 0 60.331zM798.165 243.499l-183.168 183.168 183.168 183.168c16.683 16.683 16.683 43.691 0 60.331s-43.691 16.683-60.331 0l-213.333-213.333c-16.683-16.683-16.683-43.691 0-60.331l213.333-213.333c16.683-16.683 43.691-16.683 60.331 0s16.683 43.691 0 60.331z" />
+<glyph unicode="&#xe906;" glyph-name="check" d="M823.168 712.832l-439.168-439.168-183.168 183.168c-16.683 16.683-43.691 16.683-60.331 0s-16.683-43.691 0-60.331l213.333-213.333c16.683-16.683 43.691-16.683 60.331 0l469.333 469.333c16.683 16.683 16.683 43.691 0 60.331s-43.691 16.683-60.331 0z" />
+</font></defs></svg>

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: dedovic-2021
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.0
 platform: ruby
 authors:
 - Martha Hipley
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-09-08 00:00:00.000000000 Z
+date: 2021-10-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -24,27 +24,45 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '4.2'
-- !ruby/object:Gem::Dependency
-  name: bundler
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '1.12'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '1.12'
 description:
 email:
 - info@marthahipley.com
 executables: []
 extensions: []
 extra_rdoc_files: []
-files: []
+files:
+- LICENSE.txt
+- README.md
+- _includes/codeHeader.html
+- _includes/footer.html
+- _includes/head.html
+- _includes/sidebar.html
+- _layouts/about.html
+- _layouts/art.html
+- _layouts/default.html
+- _layouts/landing.html
+- _layouts/page.html
+- _layouts/post.html
+- _layouts/recipe.html
+- _layouts/recipes.html
+- _layouts/writing.html
+- _sass/includes/_buttons.scss
+- _sass/includes/_cards.scss
+- _sass/includes/_colors.scss
+- _sass/includes/_grid.scss
+- _sass/includes/_icons.scss
+- _sass/includes/_syntax.scss
+- _sass/includes/_typography.scss
+- _sass/main.scss
+- assets/fonts/icons.eot
+- assets/fonts/icons.svg
+- assets/fonts/icons.ttf
+- assets/fonts/icons.woff
+- assets/fonts/optima-webfont.woff
+- assets/fonts/optima-webfont.woff2
+- assets/fonts/optima_b-webfont.woff
+- assets/fonts/optima_b-webfont.woff2
+- assets/img/banana-bread.jpg
 homepage: https://dedovic.com/
 licenses:
 - MIT