jekyll-theme-elementary-blog 1.0.0 → 1.0.1

data/_posts/2019-10-01-future-embargoed-post.md

@@ -0,0 +1,18 @@
+---
+title: Future Embargoed Post
+description: Shh, it's a secret!
+author: cassidyjames
+tags:
+  - meta
+  - embargo
+image: https://source.unsplash.com/featured?secret
+
+hidden: 3000-01-01T00:00:00Z
+date: 2019-10-01
+---
+
+This is demonstrating a future embargoed post. This one is a little tricky; in order for GitHub Pages (and other instances that don't publish posts from the future) to render this, we have to put the publish date in the past, whether that's in the filename or with `date` in the front-matter.
+
+But if we want to hide or embargo it, we need to specify `hidden` in the front-matter. If it's just `hidden: true`, we'll show a generic hidden message at the top. If it's `hidden: ` and then a date, we'll show an embargo message mentioning that date specifically.
+
+Remember that the URL is public, so if someone shares it, anyone can read it. And if it's guessable, it's possible someone will just stumble upon it.

data/_posts/2019-11-25-sponsor-post.md

@@ -0,0 +1,18 @@
+---
+title: Sponsor Post
+description: Thank you to our sponsors
+author: cassidyjames
+image: https://source.unsplash.com/featured?money
+tags:
+  - meta
+  - sponsorship
+
+sponsor:
+  name: FakeSponsor
+  link: https://example.com
+  image: https://source.unsplash.com/600x150/daily?money
+  image-2x: https://source.unsplash.com/1200x300/daily?money
+  hook: "They're not real, but we won't let that stop them from throwing money at us."
+---
+
+This is a test post to demonstrate how the sponsors slot works. It's defined in the front-matter, and then will show on this post in perpetuity.

data/_posts/2020-07-16-twitter-embeds.md

@@ -0,0 +1,39 @@
+---
+title: Twitter “Embed” Cards While Respecting Privacy
+description: A quick demo!
+author: cassidyjames
+---
+
+We wanted to quote/embed a tweet in our blog, but don't like the idea of pulling in JS or even an iframe from Twitter's servers. So insted, we recreate a tweet card locally, making sure to follow the [Twitter Display Requirements](https://developer.twitter.com/en/developer-terms/display-requirements). Check it out:
+
+```liquid
+{% raw %}{% include twitter-card.html
+  name="Cassidy James Blaede"
+  account="CassidyJames"
+  avatar="https://gravatar.com/avatar/41275ecc8271aca852ce2c0ff72d2610?s=128"
+  id="1281816033343537152"
+  timestamp="2020-07-10"
+  contents="Got my PINEBOOK Pro! Super duper first impressions: damn, this
+    hardware quality is nice for the price. I would love to see what they could
+    do around the $500–750 price, honestly. Performance is great; I would not
+    guess it was ARM just from using it. It’s fanless!"
+%}{% endraw %}
+```
+
+Turns into:
+
+{% include twitter-card.html
+  name="Cassidy James Blaede"
+  account="CassidyJames"
+  avatar="https://gravatar.com/avatar/41275ecc8271aca852ce2c0ff72d2610?s=128"
+  id="1281816033343537152"
+  timestamp="2020-07-10"
+  contents="Got my PINEBOOK Pro! Super duper first impressions: damn, this
+    hardware quality is nice for the price. I would love to see what they could
+    do around the $500–750 price, honestly. Performance is great; I would not
+    guess it was ARM just from using it. It’s fanless!"
+%}
+
+This is all rendered and styled localy, ensuring we're not hitting Twitter's tracking code just to show some content. It also means quoted tweets will persist, even if removed from Twitter (since it's just local content). It's even light/dark style aware!
+
+It does not (yet) support showing retweets, verified badges, or embedded media. If/when the need arises for those, we can add them, though. Profile images must be manually passed in, as well—ideally included with the regular assets for a post so all assets are staying local to the domain.

data/_posts/3000-12-31-future-post.md

@@ -0,0 +1,11 @@
+---
+title: Future Post
+description: "We come from the future!"
+author: cassidyjames
+image: https://source.unsplash.com/featured?future
+tags:
+  - future
+  - meta
+---
+
+You found a post from the future! That must mean you're running Jekyll with `--future`, or somehow you have actually time-traveled.

data/_sass/_byline.scss

@@ -0,0 +1,84 @@
+.byline {
+  font-family: var(--ui-font);
+  font-size: 0.8em;
+  line-height: 1.5em;
+  margin: 1.5em auto;
+  max-width: var(--content-width);
+
+  .avatar {
+    background-color: var(--slate-500);
+    border: none;
+    border-radius: 50%;
+    color: transparent;
+    float: left;
+    height: 48px;
+    margin-right: 0.5em;
+    overflow: hidden;
+    position: relative;
+    vertical-align: middle;
+    width: 48px;
+
+    &::before {
+      content: "";
+      border-radius: 50%;
+      box-shadow:
+        inset 0 0 0 1px rgba(0, 0, 0, 0.35),
+        inset 0 0 0 2px rgba(255, 255, 255, 0.1),
+        inset 0 2px 0 0 rgba(255, 255, 255, 0.45),
+        inset 0 -2px 0 0 rgba(255, 255, 255, 0.15),
+        0 1px 3px 0 rgba(0, 0, 0, 0.12),
+        0 1px 2px 0 rgba(0, 0, 0, 0.24);
+      height: 100%;
+      position: absolute;
+      width: 100%;
+
+      @media (prefers-color-scheme: dark) {
+        box-shadow:
+          inset 0 0 0 1px black,
+          inset 0 0 0 2px rgba(255, 255, 255, 0.05),
+          inset 0 2px 0 0 rgba(255, 255, 255, 0.22),
+          inset 0 -2px 0 0 rgba(255, 255, 255, 0.07),
+          0 1px 3px 0 rgba(0, 0, 0, 0.24),
+          0 1px 2px 0 rgba(0, 0, 0, 0.48);
+      }
+    }
+  }
+
+  a {
+    color: inherit;
+    opacity: 1;
+    text-decoration: none;
+
+    &:hover {
+      color: var(--accent-color);
+      text-decoration: underline;
+    }
+  }
+
+  .name {
+    font-weight: 600;
+    opacity: 0.8;
+  }
+
+  .description {
+    opacity: 0.67;
+
+    &::before {
+      content: " | ";
+    }
+  }
+
+  time,
+  .read-time {
+    opacity: 0.8;
+    font-size: 0.9em;
+    line-height: 1em;
+  }
+
+  .read-time::before {
+    display: inline-block;
+    margin: 0 0.25em;
+    content: " · ";
+  }
+}
+

data/_sass/_code.scss

@@ -0,0 +1,196 @@
+// Solarized Code Highlighting
+// Adapted from https://gist.github.com/nicolashery/5765395
+
+code {
+  background-color: var(--secondary-bg-color);
+  border-radius: 0.25em;
+  font-size: 0.85em;
+  padding: 0.2em;
+}
+
+.highlighter-rouge {
+  margin: 2em auto;
+  text-align: center;
+
+  > .highlight {
+    border-radius: 0.25em;
+    box-shadow:
+      0 0 0 1px rgba(0, 0, 0, 0.05),
+      0 3px 3px rgba(0, 0, 0, 0.22);
+    line-height: 1;
+  }
+}
+
+.highlight {
+  code {
+    padding: 0;
+  }
+
+  table {
+    border-spacing: 0;
+    margin: auto;
+  }
+}
+
+.rouge-code {
+  padding-left: 0.25em;
+  padding-right: 1em;
+}
+
+
+.highlight {
+  display: inline-block;
+  font-size: 0.85em;
+  line-height: 1.33em;
+  margin: auto;
+  overflow: auto;
+  text-align: left;
+  background-color: var(--solarized-base3);
+  color: var(--solarized-base01);
+
+  .gl {
+    background-color: var(--solarized-base2);
+    padding: 0 0.5em;
+    text-align: right;
+  }
+
+  .c,
+  .c1,
+  .cm,
+  .sb {
+    color: var(--solarized-base1);
+  }
+
+  .err,
+  .g,
+  .ge,
+  .go,
+  .gp,
+  .gs,
+  .gt,
+  .l,
+  .ld,
+  .n,
+  .na,
+  .nl,
+  .nn,
+  .nx,
+  .p,
+  .py,
+  .sd,
+  .sh,
+  .w {
+    color: var(--solarized-base01);
+  }
+
+  .gd,
+  .il,
+  .m,
+  .mf,
+  .mh,
+  .mi,
+  .mo,
+  .s,
+  .s1,
+  .s2,
+  .sc,
+  .si,
+  .ss,
+  .sx {
+    color: var(--solarized-cyan);
+  }
+
+  .bp,
+  .kd,
+  .kr,
+  .nc,
+  .nd,
+  .nf,
+  .nt,
+  .nv,
+  .vc,
+  .vg,
+  .vi {
+    color: var(--solarized-blue);
+  }
+
+  .cp,
+  .cs,
+  .gi,
+  .k,
+  .kn,
+  .kp,
+  .o,
+  .ow {
+    color: var(--solarized-green);
+  }
+
+  .gh,
+  .gu,
+  .kc,
+  .ne,
+  .ni,
+  .no,
+  .se,
+  .x {
+    color: var(--solarized-orange);
+  }
+
+  .gr,
+  .kt,
+  .sr {
+    color: var(--solarized-red);
+  }
+
+  .nb {
+    color: var(--solarized-yellow);
+  }
+
+  .ge {
+    font-style: italic;
+  }
+
+  .gs {
+    font-weight: bold;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .highlight {
+    background-color: var(--solarized-base03);
+    color: var(--solarized-base1);
+
+    .gl {
+      background-color: var(--solarized-base02);
+    }
+
+    .c,
+    .c1,
+    .cm,
+    .sb {
+      color: var(--solarized-base01);
+    }
+
+    .err,
+    .g,
+    .ge,
+    .go,
+    .gp,
+    .gs,
+    .gt,
+    .l,
+    .ld,
+    .n,
+    .na,
+    .nl,
+    .nn,
+    .nx,
+    .p,
+    .py,
+    .sd,
+    .sh,
+    .w {
+      color: var(--solarized-base1);
+    }
+  }
+}

data/_sass/_colors.scss

@@ -0,0 +1,94 @@
+:root {
+  --strawberry-100: #ff8c82;
+  --strawberry-300: #ed5353;
+  --strawberry-500: #c6262e;
+  --strawberry-700: #a10705;
+  --strawberry-900: #7a0000;
+
+  --orange-100: #ffc27d;
+  --orange-300: #ffa154;
+  --orange-500: #f37329;
+  --orange-700: #cc3b02;
+  --orange-900: #a62100;
+
+  --banana-100: #fff394;
+  --banana-300: #ffe16b;
+  --banana-500: #f9c440;
+  --banana-700: #d48e15;
+  --banana-900: #ad5f00;
+
+  --lime-100: #d1ff82;
+  --lime-300: #9bdb4d;
+  --lime-500: #68b723;
+  --lime-700: #3a9104;
+  --lime-900: #206b00;
+
+  --blueberry-100: #8cd5ff;
+  --blueberry-300: #64baff;
+  --blueberry-500: #3689e6;
+  --blueberry-700: #0d52bf;
+  --blueberry-900: #002e99;
+
+  --grape-100: #e4c6fa;
+  --grape-300: #cd9ef7;
+  --grape-500: #a56de2;
+  --grape-700: #7239b3;
+  --grape-900: #452981;
+
+  --cocoa-100: #a3907c;
+  --cocoa-300: #8a715e;
+  --cocoa-500: #715344;
+  --cocoa-700: #57392d;
+  --cocoa-900: #3d211b;
+
+  --silver-100: #fafafa;
+  --silver-300: #d4d4d4;
+  --silver-500: #abacae;
+  --silver-700: #7e8087;
+  --silver-900: #555761;
+
+  --slate-100: #95a3ab;
+  --slate-300: #667885;
+  --slate-500: #485a6c;
+  --slate-700: #273445;
+  --slate-900: #0e141f;
+
+  --black-100: #666666;
+  --black-300: #4d4d4d;
+  --black-500: #333333;
+  --black-700: #1a1a1a;
+  --black-900: #000000;
+
+  --solarized-base01: #586e75;
+  --solarized-base02: #073642;
+  --solarized-base03: #002b36;
+  --solarized-base1: #93a1a1;
+  --solarized-base2: #eee8d5;
+  --solarized-base3: #fdf6e3;
+  --solarized-blue: #268bd2;
+  --solarized-cyan: #2aa198;
+  --solarized-green: #859900;
+  --solarized-orange: #cb4b16;
+  --solarized-red: #dc322f;
+  --solarized-yellow: #b58900;
+
+  --bg-color: white;
+  --fg-color: var(--black-500);
+  --accent-color: var(--blueberry-700);
+  --header-bg-color: var(--blueberry-300);
+  --header-fg-color: var(--silver-100);
+  --secondary-bg-color: #f5f5f5; // Instead of making up a Silver 200
+  --secondary-fg-color: var(--black-300);
+  --warning-bg-color: var(--banana-300);
+  --warning-fg-color: var(--black-900);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --bg-color: var(--black-700);
+    --fg-color: var(--silver-300);
+    --accent-color: var(--blueberry-300);
+    --secondary-bg-color: var(--black-500);
+    --secondary-fg-color: var(--silver-300);
+  }
+}