jekyll-theme-iamlynnmckay 0.0.6 → 0.0.7

data/_sass/iamlynnmckay.scss

@@ -0,0 +1,282 @@
+//$base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+$base-font-family: monospace;
+$base-font-size:   14px;
+$base-font-weight: 400;
+$small-font-size:  $base-font-size * 0.875;
+$base-line-height: 1.5;
+
+$spacing-unit:     30px;
+
+$text-color:       rgb(255, 255, 255);
+$background-color: #1d1d1d;
+$brand-color:      #f171ab;
+
+$grey-color:       #828282;
+$grey-color-light: lighten($grey-color, 40%);
+$grey-color-dark:  darken($grey-color, 25%);
+
+$border-color: $text-color;
+
+$table-text-align: left;
+
+$content-width:    800px;
+
+$on-palm:          600px;
+$on-laptop:        800px;
+
+$code-background-color: lighten($background-color, 5%); 
+
+@import "minima-custom";
+
+hr {
+  margin-bottom: 1em;
+}
+
+body > header > div > a {
+    color: $brand-color
+}
+
+.site-footer {
+  padding: $spacing-unit / 2;
+}
+
+.footer-col {
+  margin-bottom: - ($spacing-unit / 2);
+}
+
+.footer-col > ul {
+  list-style: none;
+  margin-left: 0;
+}
+
+.x-social-media-list li {
+  display: inline;
+}
+
+.x-social-media-list a {
+  color: $grey-color !important;
+}
+
+.x-social-media-list a:hover {
+  color: $grey-color-light !important;
+}
+
+.x-sitemap-link { 
+  margin-left: 30px;
+}
+
+.x-post-meta > span {
+  font-size: $small-font-size;
+  color: $grey-color !important;
+}
+
+.x-post-meta a {
+  color: $grey-color !important;
+}
+
+.x-post-meta a:hover {
+  color: $grey-color-light !important;
+}
+
+.x-post-link > span {
+  display: block;
+  @include relative-font-size(1.5);
+}
+
+.x-post-list {
+  margin-left: 0;
+  list-style: none;
+
+  li {
+    margin-top: $spacing-unit / 2;
+    margin-bottom: $spacing-unit / 2;
+  }
+
+}
+
+.x-posts-by-date > li {
+  margin-left: 1em;
+}
+.x-page-list {
+  padding-bottom: 50px;
+}
+
+// custom
+
+.x-coming-soon {
+  margin: 50px;
+}
+
+ul.list-style-none {
+  list-style: none; /* Remove bullets */
+}
+
+.margin-left-0 {
+  margin-left: 0;
+}
+
+.x-text-align-center {
+  text-align: center;
+}
+
+.x-font-size-4x-base {
+  font-size: 4 * $base-font-size;
+}
+
+.contact-template > form > input.input-text {
+  width: $content-width;
+  height: $content-width / 2;
+  background-color: $background-color;
+}
+
+
+.x-home-template-image {
+  background-image: url("/assets/pages/home/header-image.jpg"); /* The image used - important! */
+  background-size: cover;
+  position: relative; /* Needed to position the cutout text in the middle of the image */
+  height: 300px; /* Some height */
+}
+
+.x-home-template-description {
+  background-color: white;
+  color: black;
+  font-size: $base-font-size * 2; /* Responsive font size */
+  font-weight: bold;
+  margin: 0 auto; /* Center the text container */
+  padding: 10px;
+  width: 50%;
+  text-align: center; /* Center text */
+  position: absolute; /* Position text */
+  top: 50%; /* Position text in the middle */
+  left: 50%; /* Position text in the middle */
+  transform: translate(-50%, -50%); /* Position text in the middle */
+  mix-blend-mode: screen; /* This makes the cutout text possible */
+}
+
+.x-home-template-pages {
+  a {
+
+    font-size: $base-font-size * 1.5;
+  }
+  ul {
+    list-style: none;
+    margin-left: 50px;
+    margin-bottom: 50px;
+  }
+  ul:first-child {
+    margin-top: 50px;
+    margin-bottom: 0;
+  }
+}
+
+.x-home-template-posts {
+    margin: 50px;
+
+}
+
+.x-home-template-canvas > canvas {
+  padding-left: 0;
+  padding-right: 0;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 50px;
+  margin-bottom: 50px;
+  display: block;
+  width: $content-width - ($content-width / 3);
+  height: $content-width / 8;
+}
+
+.x-nav-links > li {
+  display: inline;
+}
+
+
+
+.site-nav {
+  position: absolute;
+  top: 9px;
+  padding-top: 0;
+  right: $spacing-unit / 2;
+  background-color: $background-color;
+  text-align: right;
+  z-index: 2;
+  .nav-trigger {
+    display: none;
+  }
+
+  .menu-icon {
+    float: right;
+    width: 36px;
+    height: 26px;
+    line-height: 0;
+    padding-top: 10px;
+    text-align: center;
+    > svg path {
+      fill: $border-color;
+    }
+  }
+
+  label[for="nav-trigger"] {
+    display: block;
+    float: right;
+    width: 36px;
+    height: 36px;
+    z-index: 2;
+    cursor: pointer;
+  }
+
+  input ~ .trigger {
+    clear: both;
+    display: none;
+  }
+
+  input:checked ~ .trigger {
+    display: block;
+    padding-bottom: 5px;
+  }
+
+  .page-link {
+    color: $text-color;
+    line-height: $base-line-height;
+    display: block;
+    padding: 5px 10px;
+    // Gaps between nav items, but not on the last one
+    &:not(:last-child) {
+      margin-right: 0;
+    }
+    margin-left: 20px;
+  }
+
+  @media screen and (min-width: $on-palm) {
+    position: static;
+    float: right;
+    border: none;
+    background-color: inherit;
+    padding-top: 16px;
+
+    label[for="nav-trigger"] {
+      display: none;
+    }
+
+    
+
+    .menu-icon {
+      display: none;
+    }
+
+    input ~ .trigger {
+      display: block;
+    }
+
+    .page-link {
+      display: inline;
+      padding: 0;
+
+      &:not(:last-child) {
+        margin-right: 20px;
+      }
+      margin-left: auto;
+    }
+  }
+}
+

data/assets/css/main.scss

@@ -0,0 +1,4 @@
+---
+---
+
+@import "iamlynnmckay"

data/assets/js/bouncing-ball-in-canvas-element.js

@@ -0,0 +1,41 @@
+(() => {
+    var canvas = document.getElementById('canvas');
+    var ctx = canvas.getContext('2d');
+    var raf;
+
+    var ball = {
+        x: 1,
+        y: 0,
+        vx: 3,
+        vy: 2,
+        radius: 5,
+        color: 'white',
+        draw: function () {
+            ctx.beginPath();
+            ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2, true);
+            ctx.closePath();
+            ctx.fillStyle = this.color;
+            ctx.fill();
+        }
+    };
+
+
+    function draw() {
+        ctx.clearRect(0, 0, canvas.width, canvas.height);
+        ball.draw();
+        ball.x += ball.vx;
+        ball.y += ball.vy;
+        if (ball.y + ball.vy > canvas.height || ball.y + ball.vy < 0) {
+            ball.color = randomColor();
+            ball.vy = -ball.vy;
+        }
+        if (ball.x + ball.vx > canvas.width || ball.x + ball.vx < 0) {
+            ball.color = randomColor();
+            ball.vx = -ball.vx;
+        }
+        raf = window.requestAnimationFrame(draw);
+    }
+
+    raf = window.requestAnimationFrame(draw);
+   
+})();

data/assets/js/main.js

@@ -0,0 +1,13 @@
+function randomColor() {
+    return '#' + Math.floor(Math.random() * 16777215).toString(16);
+}
+
+function sleep(time) {
+    return new Promise((resolve) => setTimeout(resolve, time));
+}
+
+window.onload = () => {
+    (() => {
+        console.log("@iamlynnmckay");
+    })();
+} 

data/assets/js/random-color-for-font-awesome-icons.js

@@ -0,0 +1,5 @@
+(() => {
+    document.querySelectorAll("i.fa, i.fas, i.fab").forEach((elem) => {
+        elem.style.color = randomColor();
+    });
+})();

metadata

@@ -1,29 +1,29 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-iamlynnmckay
 version: !ruby/object:Gem::Version
-  version: 0.0.6
+  version: 0.0.7
 platform: ruby
 authors:
 - Lynn McKay
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-10-06 00:00:00.000000000 Z
+date: 2022-07-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
-  name: jekyll
+  name: github-pages
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '4.2'
+        version: '0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '4.2'
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: jekyll-feed
   requirement: !ruby/object:Gem::Requirement
@@ -38,20 +38,6 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '0.9'
-- !ruby/object:Gem::Dependency
-  name: jekyll-postcss
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
 - !ruby/object:Gem::Dependency
   name: jekyll-seo-tag
   requirement: !ruby/object:Gem::Requirement
@@ -81,19 +67,19 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: jekyll-scholar
+  name: webrick
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '1.7'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '1.7'
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
@@ -108,48 +94,63 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-description: 
+description:
 email:
 - iamlynnmckay@gmail.com
 executables: []
 extensions: []
 extra_rdoc_files: []
 files:
-- LICENSE.txt
+- LICENSE
 - README.md
 - _config.yml
+- _includes/404-template.html
+- _includes/about-template.html
+- _includes/bib-template.html
+- _includes/blog-template.html
+- _includes/contact-template.html
+- _includes/css.html
+- _includes/default-template.html
 - _includes/disqus-comments.html
 - _includes/footer.html
 - _includes/google-analytics.html
 - _includes/head.html
 - _includes/header.html
-- _includes/scripts.html
-- _includes/tailwind.config.js
-- _layouts/about.html
+- _includes/home-template.html
+- _includes/js.html
+- _includes/list-of-homepage-links.html
+- _includes/page-template.html
+- _includes/post-categories.html
+- _includes/post-date.html
+- _includes/post-item-proxy.html
+- _includes/post-item.html
+- _includes/post-meta.html
+- _includes/post-tags.html
+- _includes/post-template.html
+- _includes/posts-by-category.html
+- _includes/posts-by-date-top-three.html
+- _includes/posts-by-date.html
+- _includes/posts-by-tag.html
+- _includes/posts-list-nested.html
+- _includes/posts-list.html
+- _includes/social.html
+- _layouts/404.html
 - _layouts/bib.html
 - _layouts/default.html
 - _layouts/home.html
+- _layouts/page.html
 - _layouts/post.html
-- _layouts/posts.html
-- _sass/syntax-highlighting.scss
-- assets/_files/.gitignore
-- assets/_files/_bibliography/references.bib
-- assets/_files/_config.yml
-- assets/_files/_includes/tailwind.config.js
-- assets/_files/about.html
-- assets/_files/index.html
-- assets/_files/package.json
-- assets/_files/postcss.config.js
-- assets/_files/posts.html
-- assets/_scripts/build.sh
-- assets/_scripts/run.sh
-- assets/images/logo.svg
-- assets/main.scss
+- _sass/_minima-custom.scss
+- _sass/iamlynnmckay.scss
+- assets/css/main.scss
+- assets/js/bouncing-ball-in-canvas-element.js
+- assets/js/main.js
+- assets/js/random-color-for-font-awesome-icons.js
 homepage: https://github.com/iamlynnmckay/jekyll-theme-iamlynnmckay
 licenses:
 - MIT
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -164,8 +165,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.0.3
-signing_key: 
+rubygems_version: 3.3.11
+signing_key:
 specification_version: 4
-summary: Jekyll theme for iamlynmckay.com.
+summary: "..."
 test_files: []

data/_includes/scripts.html

@@ -1,73 +0,0 @@
-<script>
-    window.onload = () => {
-
-        function randomColor() {
-            return '#' + Math.floor(Math.random() * 16777215).toString(16);
-        }
-
-        function sleep(time) {
-            return new Promise((resolve) => setTimeout(resolve, time));
-        }
-
-        (() => {
-
-            document.querySelectorAll("i.fa, i.fas, i.fab").forEach((elem) => {
-                //sleep(500).then(() => {
-                // Do something after the sleep!
-                elem.style.color = randomColor();
-                //});
-            });
-        })();
-
-        (() => {
-            var canvas = document.getElementById('canvas');
-            var ctx = canvas.getContext('2d');
-            var raf;
-
-            var ball = {
-                x: 1,
-                y: 0,
-                vx: 3,
-                vy: 2,
-                radius: 5,
-                color: 'white',
-                draw: function () {
-                    ctx.beginPath();
-                    ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2, true);
-                    ctx.closePath();
-                    ctx.fillStyle = this.color;
-                    ctx.fill();
-                }
-            };
-
-
-            function draw() {
-                ctx.clearRect(0, 0, canvas.width, canvas.height);
-                ball.draw();
-                ball.x += ball.vx;
-                ball.y += ball.vy;
-                if (ball.y + ball.vy > canvas.height || ball.y + ball.vy < 0) {
-                    ball.color = randomColor();
-                    ball.vy = -ball.vy;
-                }
-                if (ball.x + ball.vx > canvas.width || ball.x + ball.vx < 0) {
-                    ball.color = randomColor();
-                    ball.vx = -ball.vx;
-                }
-                raf = window.requestAnimationFrame(draw);
-            }
-
-            raf = window.requestAnimationFrame(draw);
-            /*
-            canvas.addEventListener('mouseover', function(e) {
-              raf = window.requestAnimationFrame(draw);
-            });
-            
-            canvas.addEventListener('mouseout', function(e) {
-              window.cancelAnimationFrame(raf);
-            });
-            */
-        })();
-
-    };
-</script>

data/_includes/tailwind.config.js

@@ -1,12 +0,0 @@
-module.exports = {
-  future: {
-    // removeDeprecatedGapUtilities: true,
-    // purgeLayersByDefault: true,
-  },
-  purge: [],
-  theme: {
-    extend: {},
-  },
-  variants: {},
-  plugins: [],
-}

data/_layouts/about.html

@@ -1,7 +0,0 @@
----
-layout: default
----
-
-<h1>About</h1>
-
-{{ content }}

data/_layouts/posts.html

@@ -1,36 +0,0 @@
----
-layout: default
----
-
-<h1>Posts</h1>
-<ul class="grid grid-cols-1">
-    {% for category in site.categories %}
-    <li class="x-fa">
-        {% capture category_key %}{{ category | first }}{% endcapture %}
-        <div id="{{ category_key }}">
-            <i class="fa fa-angle-double-right"></i>
-            <a class="text-category" href="#{{ category_key }}">{{ category_key }}</a>
-        </div>
-        <ul class="grid grid-cols-1">
-            {% for post in site.categories[category_key] %}
-            <li class="x-fa">
-                <span class="text-title">
-                    <i class="fa fa-angle-right"></i>
-                    <a href="{{ post.url }}"> {{ post.title | escape }}</a>
-                </span>
-                <div class="grid grid-cols-2">
-                    <span class="text-tag">
-                        {% for tag in post.tags %}
-                        <a href="#">#{{ tag }}</a>
-                        {% endfor %}
-                    </span>
-                    <time class="text-right" datetime="{{ post.date | date_to_xmlschema }}">
-                        {{ post.date | date: "%b %-d, %Y" }}
-                    </time>
-                </div>
-            </li>
-            {% endfor %}
-        </ul>
-    </li>
-    {% endfor %}
-</ul>