jekyll-theme-iamlynnmckay 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: fe9d32d007583873aca4e23f046dbb6dfc91188fa0fe42e40a6e5f7a1d5eb0ae
+  data.tar.gz: 35462d3305568b25a2df4da86e377b4ff22ebb50592158d0dd37d8c7e502309e
+SHA512:
+  metadata.gz: e060d829a1d08685b8038bfa3d0ca1bcaa65f9fc17944592c8b480ee8f80f0d40bc698a55cb7b83ad805fe4158529bd5013636b72a2798f599a6a7c595cf7d1a
+  data.tar.gz: 61209640a12b7cf8066657b79abce3ae12e2a85c86995e7ddea365e63697b9bcf08e66d8f526d4bcd6b6c58a4c10cd67a034e5003e7f5b9427eceac313f78ff1

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2021 Lynn McKay
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,3 @@
+# jekyll-theme-iamlynnmckay
+
+Jekyll theme for [iamlynnmckay.com](http://iamlynnmckay.com).

data/_config.yml

@@ -0,0 +1,78 @@
+# minima
+
+email: site.email@example.com
+baseurl: "" 
+
+# jekyll-seo-tag 
+author: "Site.Author"
+url: "https://site.url"
+title: "site.title"
+description: "This is the value of site.description."
+descriptions:
+  posts: "posts..."
+  about: "about..."
+twitter:
+  username: "site.twitter.username"
+  card: "site.twitter.card"
+logo: "assets/logo.svg"
+
+# jekyll-scholar
+scholar:
+  style: apa
+
+# custom social links
+bandcamp:
+  username: site.?.username
+github:
+  username: site.?.username
+instagram:
+  username: site.?.username
+patreon:
+  username: site.?.username
+pinterest:
+  username: site.?.username
+reddit:
+  username: site.?.username
+soundcloud:
+  username: site.?.username
+stack-overflow:
+  username: site.?.username
+twitch:
+  username: site.?.username
+venmo:
+  username: site.?.username
+wikipedia:
+  username: site.?.username
+youtube:
+  username: site.?.username
+
+# Build settings
+theme: jekyll-theme-iamlynnmckay
+
+plugins:
+  - jekyll-feed
+  - jekyll-seo-tag
+  - jekyll-sitemap
+  - jekyll-postcss
+  - jekyll-scholar
+
+exclude:
+  - .gitignore
+  - .jekyll-cache/
+  - .sass-cache/
+  - .todo
+  - Gemfile
+  - Gemfile.lock
+  - README.md
+  - bin
+  - gemfiles/
+  - netlify.toml
+  - node_modules/
+  - package-lock.json
+  - postcss.config.js
+  - purgecss.config.js
+  - vendor/bundle/
+  - vendor/cache/
+  - vendor/gems/
+  - vendor/ruby/
+  - yarn.lock

data/_includes/disqus-comments.html

@@ -0,0 +1,19 @@
+{%- if page.comments != false and jekyll.environment == "production" -%}
+<div id="disqus_thread"></div>
+<script>
+  var disqus_config = function () {
+    this.page.url = '{{ page.url | absolute_url }}';
+    this.page.identifier = '{{ page.url | absolute_url }}';
+  };
+  (function () {
+    var d = document, s = d.createElement('script');
+
+    s.src = 'https://{{ site.disqus.shortname }}.disqus.com/embed.js';
+
+    s.setAttribute('data-timestamp', +new Date());
+    (d.head || d.body).appendChild(s);
+  })();
+</script>
+<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments
+    powered by Disqus.</a></noscript>
+{%- endif -%}

data/_includes/footer.html

@@ -0,0 +1,115 @@
+<footer>
+  <div class="text-center">
+    <div class="text-lg">
+      {{ site.title | escape }}
+    </div>
+    <div class="text-sm m-2">
+      {{- site.description | escape -}}
+    </div>
+  </div>
+  <div class="flex flex-wrap justify-center m-2">
+    <div class="m-2">
+      <a href="{{ " /feed.xml" | relative_url }}">
+        <i class="fas fa-rss"></i>
+      </a>
+    </div>
+    {% if site.bandcamp.username %}
+    <div class="m-2">
+      <a href="https://bandcamp.com/{{ site.bandcamp.username }}">
+        <i class="fab fa-bandcamp"></i>
+      </a>
+    </div>
+    {% endif %}
+    {% if site.facebook.username %}
+    <div class="m-2">
+      <a href="https://facebook.com/{{ site.facebook.username }}">
+        <i class="fab fa-facebook"></i>
+      </a>
+    </div>
+    {% endif %}
+    {% if site.github.username %}
+    <div class="m-2">
+      <a href="https://github.com/{{ site.github.username }}">
+        <i class="fab fa-github"></i>
+      </a>
+    </div>
+    {% endif %}
+    {% if site.instagram.username %}
+    <div class="m-2">
+      <a href="https://instagram.com/{{ site.instagram.username }}">
+        <i class="fab fa-instagram"></i>
+      </a>
+    </div>
+    {% endif %}
+    {% if site.patreon.username %}
+    <div class="m-2">
+      <a href="https://patreon.com/{{ site.patreon.username }}">
+        <i class="fab fa-patreon"></i>
+      </a>
+    </div>
+    {% endif %}
+    {% if site.pinterest.username %}
+    <div class="m-2">
+      <a href="https://pinterest.com/{{ site.pinterest.username }}">
+        <i class="fab fa-pinterest"></i>
+      </a>
+    </div>
+    {% endif %}
+    {% if site.reddit.username %}
+    <div class="m-2">
+      <a href="https://reddit.com/{{ site.reddit.username }}">
+        <i class="fab fa-reddit"></i>
+      </a>
+    </div>
+    {% endif %}
+    {% if site.soundcloud.username %}
+    <div class="m-2">
+      <a href="https://soundcloud.com/{{ site.soundcloud.username }}">
+        <i class="fab fa-soundcloud"></i>
+      </a>
+    </div>
+    {% endif %}
+    {% if site.stack-overflow.username %}
+    <div class="m-2">
+      <a href="https://stack-overflow.com/{{ site.stack-overflow.username }}">
+        <i class="fab fa-stack-overflow"></i>
+      </a>
+    </div>
+    {% endif %}
+    {% if site.twitch.username %}
+    <div class="m-2">
+      <a href="https://twitch.com/{{ site.twitch.username }}">
+        <i class="fab fa-twitch"></i>
+      </a>
+    </div>
+    {% endif %}
+    {% if site.twitter.username %}
+    <div class="m-2">
+      <a href="https://twitter.com/{{ site.twitter.username }}">
+        <i class="fab fa-twitter"></i>
+      </a>
+    </div>
+    {% endif %}
+    {% if site.venmo.username %}
+    <div class="m-2">
+      <a href="https://venmo.com/u/{{ site.venmo.username }}">
+        <i class="fab fa-paypal"></i>
+      </a>
+    </div>
+    {% endif %}
+    {% if site.wikipedia.username %}
+    <div class="m-2">
+      <a href="https://wikipedia.com/{{ site.wikipedia.username }}">
+        <i class="fab fa-wikipedia-w"></i>
+      </a>
+    </div>
+    {% endif %}
+    {% if site.youtube.username %}
+    <div class="m-2">
+      <a href="https://youtube.com/{{ site.youtube.username }}">
+        <i class="fab fa-youtube"></i>
+      </a>
+    </div>
+    {% endif %}
+  </div>
+</footer>

data/_includes/google-analytics.html

@@ -0,0 +1,13 @@
+<script>
+  if (!(window.doNotTrack === "1" || navigator.doNotTrack === "1" || navigator.doNotTrack === "yes" || navigator.msDoNotTrack === "1")) {
+    (function (i, s, o, g, r, a, m) {
+      i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+        (i[r].q = i[r].q || []).push(arguments)
+      }, i[r].l = 1 * new Date(); a = s.createElement(o),
+        m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+    })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+
+    ga('create', '{{ site.google_analytics }}', 'auto');
+    ga('send', 'pageview');
+  }
+</script>

data/_includes/head.html

@@ -0,0 +1,13 @@
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  {%- seo -%}
+  <!-- TODO: build this with the page source -->
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.3/css/all.min.css">
+  <link rel="stylesheet" href="{{ 'assets/main.css' | relative_url }}">
+  {%- feed_meta -%}
+  {%- if jekyll.environment == 'production' and site.google_analytics -%}
+  {%- include google-analytics.html -%}
+  {%- endif -%}
+</head>

data/_includes/header.html

@@ -0,0 +1,26 @@
+<header role="banner">
+  <nav>
+    <div class="flex place-items-center">
+      <div class="flex flex-auto place-items-center m-2">
+        <div class="mr-2">
+          <a href="/">
+            <img width="54" height="54" viewBox="0 0 54 54" src="/{{ site.logo }}" />
+          </a>
+        </div>
+        <div>
+          <a href="/" class="hover:underline">{{ site.title | escape }}</a>
+        </div>
+      </div>
+      <div>
+        <span class="m-2">
+          <i class="fa fa-caret-right"></i>
+          <a href="/about">about</a>
+        </span>
+        <span class="m-2">
+          <i class="fa fa-caret-right"></i>
+          <a href="/posts">posts</a>
+        </span>
+      </div>
+    </div>
+  </nav>
+</header>

data/_includes/scripts.html

@@ -0,0 +1,72 @@
+<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").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

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

data/_layouts/about.html

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

data/_layouts/bib.html

@@ -0,0 +1,4 @@
+---
+---
+
+<li>{{ reference }}</li>

data/_layouts/default.html

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: ' en' }}">
+{%- include head.html -%}
+<body>
+  {%- include header.html -%}
+  <main aria-label="Content">
+    <div class="flex flex-col min-h-screen">
+      <div class="relative sm:max-w-xl sm:mx-auto mr-8 ml-8">
+        {{ content }}
+      </div>
+    </div>
+  </main>
+  {%- include footer.html -%}
+  {%- include scripts.html -%}
+</body>
+</html>

data/_layouts/home.html

@@ -0,0 +1,61 @@
+---
+layout: default
+---
+
+<blockquote>
+  <h1>{{- site.description | escape -}}</h1>
+</blockquote>
+<figure>
+  <img width="250" height="250" viewBox="0 0 250 250" src="/{{ site.logo }}" />
+</figure>
+<section>
+  <h3 class="text-center italic">
+    e.g.
+  </h3>
+  <ul class="grid grid-cols-1">
+    {% for i in (0..2) %}
+    <li class="x-fa">
+      <i class="fa fa-angle-double-right"></i>
+      <span class="text-category">
+        <a href="/blog#{{ site.posts[i].categories[0] }}"> {{ site.posts[i].categories[0] | escape }}</a>
+      </span>
+      <div class="text-title text-center">
+        <i class="fa fa-caret-right"></i>
+        <a href="{{ site.posts[i].url }}"> {{ site.posts[i].title | escape }}</a>
+      </div>
+      <div class="grid grid-cols-2">
+        <span class="text-tag">
+          {% for tag in site.posts[i].tags %}
+          <a href="/blog">#{{ tag }}</a>
+          {% endfor %}
+        </span>
+        <span>
+          <time class="text-date text-right" datetime="{{ post.date | date_to_xmlschema }}">
+            {{ site.posts[i].date | date: "%b %-d, %Y" }}
+          </time>
+        </span>
+      </div>
+    </li>
+    {% endfor %}
+  </ul>
+  <h3 class="text-center italic">
+    goto
+  </h3>
+  <div class="grid lg:grid-cols-2 sm:grid-cols-1 m-5 text-center">
+    <a href="/posts">
+      <h2>
+        <i class="fa fa-angle-right"></i>
+        {{ site.descriptions.posts | escape }}
+      </h2>
+    </a>
+    <a href="/about">
+      <h2>
+        <i class="fa fa-angle-right"></i>
+        {{ site.descriptions.about | escape }}
+      </h2>
+    </a>
+  </div>
+  <div class="flex justify-center">
+    <canvas id="canvas" width="300"></canvas>
+  </div>
+</section>

data/_layouts/post.html

@@ -0,0 +1,47 @@
+---
+layout: default
+---
+
+<article itemscope itemtype="http://schema.org/BlogPosting">
+  <header class="mb-8">
+    <div class="text-category">
+      <i class="fa fa-angle-double-right"></i>
+      <a href="/blog#{{ page.categories[0] }}"> {{ page.categories[0] | escape }}</a>
+    </div>
+    <div class="ml-3">
+      <h1 itemprop="name headline">
+        <i class="fa fa-angle-right"></i>
+        {{ page.title | escape }}
+      </h1>
+    </div>
+    <p>
+      <span class="text-tag">
+        {% for tag in page.tags %}
+        <a href="/blog">#{{ tag }}</a>
+        {% endfor %}
+      </span>
+      <time class="text-date text-right" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
+        {{ page.date | date: "%b %-d, %Y" }}
+      </time>
+      {%- if page.author -%}
+      <span itemprop="author" itemscope itemtype="http://schema.org/Person">
+        <span itemprop="name">{{ page.author }}</span>
+      </span>
+      {%- endif -%}
+    </p>
+  </header>
+  <div itemprop="articleBody">
+    <section>
+      {{ content }}
+    </section>
+  </div>
+  {%- if site.disqus.shortname -%}
+  {%- include disqus-comments.html -%}
+  {%- endif -%}
+  <div class="mt-8">
+    <h2>References:</h2>
+    <ul>
+      {% bibliography --file references --cited %}
+    </ul>
+  </div>
+</article>

data/_layouts/posts.html

@@ -0,0 +1,36 @@
+---
+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>

data/_sass/syntax-highlighting.scss

@@ -0,0 +1,71 @@
+/**
+ * Syntax highlighting styles
+ */
+.highlight {
+  background: #fff;
+  @extend %vertical-rhythm;
+
+  .highlighter-rouge & {
+    background: #eef;
+  }
+
+  .c     { color: #998; font-style: italic } // Comment
+  .err   { color: #a61717; background-color: #e3d2d2 } // Error
+  .k     { font-weight: bold } // Keyword
+  .o     { font-weight: bold } // Operator
+  .cm    { color: #998; font-style: italic } // Comment.Multiline
+  .cp    { color: #999; font-weight: bold } // Comment.Preproc
+  .c1    { color: #998; font-style: italic } // Comment.Single
+  .cs    { color: #999; font-weight: bold; font-style: italic } // Comment.Special
+  .gd    { color: #000; background-color: #fdd } // Generic.Deleted
+  .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
+  .ge    { font-style: italic } // Generic.Emph
+  .gr    { color: #a00 } // Generic.Error
+  .gh    { color: #999 } // Generic.Heading
+  .gi    { color: #000; background-color: #dfd } // Generic.Inserted
+  .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
+  .go    { color: #888 } // Generic.Output
+  .gp    { color: #555 } // Generic.Prompt
+  .gs    { font-weight: bold } // Generic.Strong
+  .gu    { color: #aaa } // Generic.Subheading
+  .gt    { color: #a00 } // Generic.Traceback
+  .kc    { font-weight: bold } // Keyword.Constant
+  .kd    { font-weight: bold } // Keyword.Declaration
+  .kp    { font-weight: bold } // Keyword.Pseudo
+  .kr    { font-weight: bold } // Keyword.Reserved
+  .kt    { color: #458; font-weight: bold } // Keyword.Type
+  .m     { color: #099 } // Literal.Number
+  .s     { color: #d14 } // Literal.String
+  .na    { color: #008080 } // Name.Attribute
+  .nb    { color: #0086B3 } // Name.Builtin
+  .nc    { color: #458; font-weight: bold } // Name.Class
+  .no    { color: #008080 } // Name.Constant
+  .ni    { color: #800080 } // Name.Entity
+  .ne    { color: #900; font-weight: bold } // Name.Exception
+  .nf    { color: #900; font-weight: bold } // Name.Function
+  .nn    { color: #555 } // Name.Namespace
+  .nt    { color: #000080 } // Name.Tag
+  .nv    { color: #008080 } // Name.Variable
+  .ow    { font-weight: bold } // Operator.Word
+  .w     { color: #bbb } // Text.Whitespace
+  .mf    { color: #099 } // Literal.Number.Float
+  .mh    { color: #099 } // Literal.Number.Hex
+  .mi    { color: #099 } // Literal.Number.Integer
+  .mo    { color: #099 } // Literal.Number.Oct
+  .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
+  .bp    { color: #999 } // Name.Builtin.Pseudo
+  .vc    { color: #008080 } // Name.Variable.Class
+  .vg    { color: #008080 } // Name.Variable.Global
+  .vi    { color: #008080 } // Name.Variable.Instance
+  .il    { color: #099 } // Literal.Number.Integer.Long
+}

data/assets/logo.svg

@@ -0,0 +1 @@
+<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><rect x="0" y="0" width="500" height="500" style="fill:#FFF" /></svg>

data/assets/main.scss

@@ -0,0 +1,205 @@
+---
+# Only the main Sass file needs front matter (the dashes are enough)
+---
+
+@import "tailwindcss/base";
+@import "tailwindcss/components";
+@import "tailwindcss/utilities";
+
+/**
+ * Syntax highlighting styles, stolen from minima theme
+ */
+.highlight {
+   font-weight: bold;
+
+  .c     { @apply text-gray-200; font-style: italic } /* Comment */
+  .err   { @apply text-pink-900; @apply bg-white; } /* Error */
+  .k     { font-weight: bold } /* Keyword */
+  .o     { font-weight: bold } /* Operator */
+  .cm    { @apply text-gray-200; font-style: italic } /* Comment.Multiline */
+  .cp    { @apply text-gray-100; font-weight: bold } /* Comment.Preproc */
+  .c1    { @apply text-gray-200; font-style: italic } /* Comment.Single */
+  .cs    { @apply text-gray-100; font-weight: bold; font-style: italic } /* Comment.Special */
+  .gd    { @apply text-gray-900; @apply bg-white; } /* Generic.Deleted */
+  .gd .x { @apply text-gray-900; @apply bg-white; } /* Generic.Deleted.Specific */
+  .ge    { font-style: italic } /* Generic.Emph */
+  .gr    { @apply text-red-600; } /* Generic.Error */
+  .gh    { @apply text-gray-100; } /* Generic.Heading */
+  .gi    { @apply text-gray-900; background-color: #dfd } /* Generic.Inserted */
+  .gi .x { @apply text-gray-900; background-color: #afa } /* Generic.Inserted.Specific */
+  .go    { @apply text-gray-300; } /* Generic.Output */
+  .gp    { @apply text-gray-400; } /* Generic.Prompt */
+  .gs    { font-weight: bold } /* Generic.Strong */
+  .gu    { @apply text-gray-500; } /* Generic.Subheading */
+  .gt    { @apply text-red-600; } /* Generic.Traceback */
+  .kc    { font-weight: bold } /* Keyword.Constant */
+  .kd    { font-weight: bold } /* Keyword.Declaration */
+  .kp    { font-weight: bold } /* Keyword.Pseudo */
+  .kr    { font-weight: bold } /* Keyword.Reserved */
+  .kt    { @apply text-teal-900; font-weight: bold } /* Keyword.Type */
+  .m     { @apply text-indigo-200; } /* Literal.Number */
+  .s     { @apply text-red-500; } /* Literal.String */
+  .n     { @apply text-indigo-600; } /* Name.??? */
+  .na    { @apply text-indigo-500; } /* Name.Attribute */
+  .nb    { @apply text-indigo-700; } /* Name.Builtin */
+  .nc    { @apply text-indigo-800; font-weight: bold } /* Name.Class */
+  .no    { @apply text-indigo-500; } /* Name.Constant */
+  .ni    { @apply text-red-800; } /* Name.Entity */
+  .ne    { @apply text-red-400; font-weight: bold } /* Name.Exception */
+  .nf    { @apply text-red-400; font-weight: bold } /* Name.Function */
+  .nn    { @apply text-gray-400; } /* Name.Namespace */
+  .nt    { @apply text-indigo-900; } /* Name.Tag */
+  .nv    { @apply text-indigo-500; } /* Name.Variable */
+  .ow    { font-weight: bold } /* Operator.Word */
+  .w     { @apply text-gray-600; } /* Text.Whitespace */
+  .mf    { @apply text-indigo-200; } /* Literal.Number.Float */
+  .mh    { @apply text-indigo-200; } /* Literal.Number.Hex */
+  .mi    { @apply text-indigo-200; } /* Literal.Number.Integer */
+  .mo    { @apply text-indigo-200; } /* Literal.Number.Oct */
+  .sb    { @apply text-red-500; } /* Literal.String.Backtick */
+  .sc    { @apply text-red-500; } /* Literal.String.Char */
+  .sd    { @apply text-red-500; } /* Literal.String.Doc */
+  .s2    { @apply text-red-500; } /* Literal.String.Double */
+  .se    { @apply text-red-500; } /* Literal.String.Escape */
+  .sh    { @apply text-red-500; } /* Literal.String.Heredoc */
+  .si    { @apply text-red-500; } /* Literal.String.Interpol */
+  .sx    { @apply text-red-500; } /* Literal.String.Other */
+  .sr    { @apply text-indigo-900; } /* Literal.String.Regex */
+  .s1    { @apply text-red-500; } /* Literal.String.Single */
+  .ss    { @apply text-red-900; } /* Literal.String.Symbol */
+  .bp    { @apply text-gray-100; } /* Name.Builtin.Pseudo */
+  .vc    { @apply text-indigo-500; } /* Name.Variable.Class */
+  .vg    { @apply text-indigo-500; } /* Name.Variable.Global */
+  .vi    { @apply text-indigo-500; } /* Name.Variable.Instance */
+  .il    { @apply text-indigo-200; } /* Literal.Number.Integer.Long */ 
+}
+
+
+.text-shadow-black {
+    text-shadow: 1px 1px 5px #000;
+}
+
+/* @@TODO: look at the tailwind website and use of @apply, it does a lot of what you're trying to do */
+/*
+div {
+    border: 1px solid rgb(255, 0, 0) !important;
+}
+*/
+
+a:hover {
+    @apply underline;
+}
+
+.x-h1 {
+    @apply text-3xl;
+    @apply mt-8;
+    @apply mb-8;
+}
+.x-h2 {
+    @apply text-2xl;
+    @apply mt-4;
+    @apply mb-4;
+}
+.x-h3 {
+    @apply text-xl;
+    @apply mt-2;
+    @apply mb-2;
+}
+.x-h4 {
+    @apply text-lg;
+}
+.x-h5 {
+    @apply text-lg;
+}
+.x-h6 {
+    @apply text-lg;
+}
+.x-p {
+    @apply text-base;
+    @apply mt-2;
+    @apply mb-2;
+}
+.x-body {
+    @apply text-gray-200;
+    @apply bg-black;
+}
+.x-blockquote {
+    @apply m-2;
+    @apply text-center;
+    @apply italic;
+}
+.x-figure {
+    @apply mt-8;
+    @apply mb-8;
+    @apply flex;
+    @apply justify-center;
+}
+.x-ul {
+    @apply mt-4;
+    @apply mb-4;
+}
+.x-li {
+    @apply ml-3;
+    @apply mt-2;
+    @apply mb-2;
+}
+.x-a {
+    &:hover {
+        @apply underline;
+    }
+}
+.x-time {
+    @apply block;
+}
+.x-section {
+    @apply mt-8;
+    @apply mb-8;
+}
+.x-code {
+    @apply text-gray-400;
+    @apply font-mono;
+}
+.x-pre {
+    @apply text-gray-400;
+    @apply font-mono;
+}
+.x-nav {
+    @apply m-1;
+}
+
+h1 { @extend .x-h1;}
+h2 { @extend .x-h2;}
+h3 { @extend .x-h3;}
+h4 { @extend .x-h4;}
+h5 { @extend .x-h5;}
+h6 { @extend .x-h6;}
+p { @extend .x-p;}
+body { @extend .x-body;}
+blockquote { @extend .x-blockquote; }
+figure { @extend .x-figure; }
+ul { @extend .x-ul;}
+li { @extend .x-li;}
+li::before { content: "• "; }
+li.x-fa::before { content: ""; }
+a { @extend .x-a;}
+time { @extend .x-time; }
+section { @extend .x-section; }
+code { @extend .x-code; }
+pre { @extend .x-code; }
+nav { @extend .x-nav; }
+
+.text-category {
+    @apply text-gray-400;
+}
+.text-tag {
+    @apply text-gray-400;
+}
+.text-date {
+    @apply text-gray-400;
+
+}
+.text-title {
+    @apply text-white;
+    @apply m-2;
+
+}

metadata

@@ -0,0 +1,160 @@
+--- !ruby/object:Gem::Specification
+name: jekyll-theme-iamlynnmckay
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Lynn McKay
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2021-10-03 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.2'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.2'
+- !ruby/object:Gem::Dependency
+  name: jekyll-feed
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.9'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !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
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.1'
+- !ruby/object:Gem::Dependency
+  name: jekyll-sitemap
+  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-scholar
+  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: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: 
+email:
+- iamlynnmckay@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE.txt
+- README.md
+- _config.yml
+- _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
+- _layouts/bib.html
+- _layouts/default.html
+- _layouts/home.html
+- _layouts/post.html
+- _layouts/posts.html
+- _sass/syntax-highlighting.scss
+- assets/logo.svg
+- assets/main.scss
+homepage: https://github.com/iamlynnmckay/jekyll-theme-iamlynnmckay
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.0.3
+signing_key: 
+specification_version: 4
+summary: Jekyll theme for iamlynmckay.com.
+test_files: []