lifeblood 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 42110934322c18c62aa64cdfd8d891568eac0ae5b3742d1364a421446cc72c4a
+  data.tar.gz: 0a51aa68e2d6c2a05bc56bebf03c581b19a6db74d854b450ae2af3391e7f9658
+SHA512:
+  metadata.gz: 6b811802d51173a5764ed291db731ad05dd8d7d732c0ebb83f8522d529ebb05e26fa28255d68135c2e0eaa48371f4b04fda83cbfafcf602ad0292558dd4b2ee7
+  data.tar.gz: ae9f6f7f4c46c64ef169196167db7115a6c888125561fc6405d9bf757d546280aa24f96b9ea1b1eea3b1243083726db4a5fc0398293ad78d5c116a8479d22d62

data/404.md

@@ -0,0 +1,11 @@
+---
+title: 404
+layout: default
+permalink: /404.html
+---
+
+# page not found
+
+sorry, we couldn't find that page.
+
+try using the site navigation, or go to the <a href="{{ '/' | absolute_url }}">home page</a>.

data/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 sporeball
+
+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,36 @@
+# lifeblood
+
+<a href="https://rubygems.org/gems/lifeblood"><img src="https://img.shields.io/gem/v/lifeblood" /></a>
+
+**lifeblood** is a hyperfocused Jekyll theme for documentation - clean, customizable, cutesy.\
+it's designed as the theme for [victus](https://sporeball.dev/victus)' documentation, while being available for all to use.
+
+<img src="https://user-images.githubusercontent.com/12767408/140596116-f18c34c1-28c6-401e-97f9-26ef95e06420.png" width="638" height="640" />
+
+
+### quick start
+if your site is hosted on GitHub Pages, you can add lifeblood to your site's `_config.yml` as a remote theme:
+
+```yml
+remote_theme: sporeball/lifeblood
+```
+
+#### gem-based theme
+alternatively, you can install lifeblood as a gem-based theme.
+1. add the gem to your `Gemfile`:
+```ruby
+gem "lifeblood"
+```
+2. change the `theme` parameter in your `_config.yml`:
+```yaml
+theme: lifeblood
+```
+3. use [Bundler](https://bundler.io)'s `bundle` command to update all bundled gems.
+
+### usage
+to see lifeblood in action, and for more information on usage and customization options, you can [view the documentation](https://sporeball.dev/lifeblood).
+
+### donate
+you can support the development of this project and others via Patreon:
+
+[![Support me on Patreon](https://img.shields.io/endpoint.svg?url=https%3A%2F%2Fshieldsio-patreon.vercel.app%2Fapi%3Fusername%3Dsporeball%26type%3Dpledges%26suffix%3D%252Fmonth&style=for-the-badge)](https://patreon.com/sporeball)

data/_config.yml

@@ -0,0 +1,27 @@
+title: lifeblood
+description: a hyperfocused Jekyll theme for documentation
+encoding: utf-8
+
+sass:
+  style: compressed
+
+exclude: ["README.md", "LICENSE", "*.gem", "*.gemspec", "Gemfile.lock"]
+
+compress_html:
+  clippings: all
+  comments: all
+  endings: all
+  startings: []
+  blanklines: false
+  profile: false
+
+theme_color: "#fc88fc"
+
+footer_left: "made with <span class='love'>&lt;3</span> by <a href='https://sporeball.dev' target='_blank'>sporeball</a>"
+footer_right: "&copy; 2021"
+
+# enable_custom: true
+# fonts: []
+
+enable_dark_theme: true
+# enable_versions: true

data/_includes/footer.html

@@ -0,0 +1,6 @@
+{%- if site.footer_left or site.footer_right -%}
+<footer>
+  <small id="footer_left">{{ site.footer_left }}</small>
+  <small id="footer_right">{{ site.footer_right }}</small>
+</footer>
+{%- endif -%}

data/_includes/head.html

@@ -0,0 +1,48 @@
+<head>
+  {%- capture title -%}{{ page.title }} | {{ site.title }}{%- endcapture -%}
+  {%- if site.enable_versions == true and page.version != nil -%}
+  {%- capture version -%}({{ page.version }}){%- endcapture -%}
+  {%- assign title = title | append: " " | append: version -%}
+  {%- endif -%}
+  <title>{{ title }}</title>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+  {%- assign desc = page.content | markdownify | newline_to_br | split: "<br />" -%}
+  {%- assign desc_hless = "" | split: "" -%}
+  {%- for item in desc -%}
+  {%- unless item contains "</h1>" or item contains "</h2>" or item contains "</h3>" or item contains "</h4>" or item contains "</h5>" or item contains "</h6>" -%}
+  {%- assign desc_hless = desc_hless | push: item -%}
+  {%- endunless -%}
+  {%- endfor -%}
+  {%- assign desc_hless = desc_hless | join: "" | strip_html | truncate: 180 | strip -%}
+  <meta name="description" content="{{ desc_hless }}">
+
+  <meta property="og:title" content="{{ page.title }}">
+  <meta property="og:type" content="website">
+  <meta property="og:url" content="{{ page.url | absolute_url }}">
+  <meta property="og:site_name" content="{{ site.title }}">
+  {%-
+    assign excerpt = page.content | markdownify |
+    replace: "</h1>", ":" | replace: "</h2>", ":" | replace: "</h3>", ":" | replace: "</h4>", ":" | replace: "</h5>", ":" | replace: "</h6>", ":" |
+    strip_html | truncatewords: 36
+  -%}
+  <meta property="og:description" content="{{ excerpt }}">
+  <meta name="theme-color" content="{{ site.theme_color }}">
+
+  <link rel="stylesheet" href="{{ '/assets/lifeblood.css' | relative_url }}">
+  {%- if site.enable_dark_theme -%}
+  <link rel="stylesheet" href="{{ '/assets/lifeblood_dark.css' | relative_url }}">
+  {%- endif -%}
+  <link rel="icon" href="{{ '/assets/favicon.ico' | relative_url }}">
+
+  {%- if site.fonts -%}
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family={{ site.fonts | join: '&family=' }}&display=swap">
+  {%- endif -%}
+  {%- if site.enable_custom -%}
+  <link rel="stylesheet" href="{{ '/assets/custom.css' | relative_url }}">
+  {%- endif -%}
+</head>

data/_includes/nav.html

@@ -0,0 +1,57 @@
+<div class="wrapper wrapper-nav">
+  <input type="checkbox" id="invis"></input>
+  <div id="nav_top">
+    <a id="site_title" href="{{ '/' | absolute_url }}">{{ site.title }}</a>
+    <label for="invis" id="toggle">
+      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <line x1="3" y1="12" x2="21" y2="12"></line>
+        <line x1="3" y1="6" x2="21" y2="6"></line>
+        <line x1="3" y1="18" x2="21" y2="18"></line>
+      </svg>
+    </label>
+  </div>
+
+  <div id="nav_content">
+    <nav>
+      <ul>
+      {%- assign titled_pages = site.html_pages | where_exp: "item", "item.title != nil" | where_exp: "item", "item.title != 404" -%}
+
+      {%- if site.enable_versions == true -%}
+      {%- assign versions_map = titled_pages | map: "version" | uniq | compact -%}
+      {%- assign same_titled_pages = titled_pages | where_exp: "item", "item.title == page.title" -%}
+      <!-- restrict the nav to pages which share the same version as the page we're on -->
+      {%- assign titled_pages = titled_pages | where_exp: "item", "item.version != nil" | where_exp: "item", "item.version == page.version" -%}
+      {%- endif -%}
+
+      {%- assign numeric_pages = titled_pages | where_exp: "item", "item.nav_order != nil" | sort: "nav_order" -%}
+      {%- assign alphabetic_pages = titled_pages | where_exp: "item", "item.nav_order == nil" | sort: "title" -%}
+
+      {%- for node in numeric_pages -%}
+      <li class="{% if node.title == page.title %}active{% endif %}"><a href="{{ node.url | absolute_url }}">{{ node.title }}</a></li>
+      {%- endfor -%}
+      </ul>
+
+      {%- if alphabetic_pages.size != 0 -%}
+      <hr>
+      <ul>
+      {%- for node in alphabetic_pages -%}
+        <li class="{% if node.title == page.title %}active{% endif %}"><a href="{{ node.url | absolute_url }}">{{ node.title }}</a></li>
+      {%- endfor -%}
+      </ul>
+      {%- endif -%}
+    </nav>
+
+    {%- if site.enable_versions == true and page.title != 404 -%}
+    <p id="versions">
+      {%- for version in versions_map -%}
+      {%- assign match = same_titled_pages | where_exp: "item", "item.version == version" | first -%}
+      {%- if match == nil -%}
+      <a class="redlink" title="page does not exist">{{ version }}</a>
+      {%- else -%}
+      <a href="{{ match.url | absolute_url }}">{{ version }}</a>
+      {%- endif -%}
+      {%- endfor -%}
+    </p>
+    {%- endif -%}
+  </div>
+</div>

data/_layouts/compress.html

@@ -0,0 +1,10 @@
+---
+# Jekyll layout that compresses HTML
+# v3.1.0
+# http://jch.penibelst.de/
+# © 2014–2015 Anatol Broder
+# MIT License
+---
+
+{% capture _LINE_FEED %}
+{% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment or site.compress_html.ignore.envs == "all" %}{{ content }}{% else %}{% capture _content %}{{ content }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "<!-- -->" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "</pre>" %}<pre{{ _pres.first }}</pre>{% endif %}{% unless _pre_before contains "</pre>" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} <table id="compress_html_profile_{{ site.time | date: "%Y%m%d" }}" class="compress_html_profile"> <thead> <tr> <td>Step <td>Bytes <tbody> <tr> <td>raw <td>{{ content | size }}{% if _profile_endings %} <tr> <td>endings <td>{{ _profile_endings }}{% endif %}{% if _profile_startings %} <tr> <td>startings <td>{{ _profile_startings }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}

data/_layouts/default.html

@@ -0,0 +1,15 @@
+---
+layout: compress
+---
+
+<!DOCTYPE html>
+<html>
+  {% include head.html %}
+  <body>
+    {% include nav.html %}
+    <div class="wrapper wrapper-content">
+      <main>{{ content }}</main>
+      {% include footer.html %}
+    </div>
+  </body>
+</html>

data/_layouts/page.html

@@ -0,0 +1,5 @@
+---
+layout: default
+---
+
+{{ content }}

data/_layouts/post.html

@@ -0,0 +1,5 @@
+---
+layout: default
+---
+
+{{ content }}

data/_sass/base.scss

@@ -0,0 +1,108 @@
+* {
+  margin:0;
+  border:0;
+  box-sizing:border-box;
+  padding:0
+}
+
+:root {
+  --font-stack:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
+  --font-stack-code:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --color-background:#f9f9f9;
+  --color-text:#363636;
+  --color-text-muted:#888;
+  --color-link:#0076d1;
+  --color-link-alt:#0d96ff;
+  --color-redlink:#d10000;
+  --color-nav:#efefef;
+  --color-nav-active:#e8e8e8;
+  --color-code:#e8e8e8;
+  --color-code-name:#e45649;
+  --color-code-string:#50a14f;
+  --color-code-function:#4078f2;
+  --color-code-keyword:#a626a4;
+  --color-code-constant:#986801;
+  --color-code-attribute:#b76b01;
+  --color-code-builtin:#cb7701;
+  --color-code-operator:#0184bc;
+  --color-code-comment:#727272;
+  --color-hr:#d8d8d8;
+  --color-table-stripe:#e8e8e8;
+  --color-tip:#e7fdb8;
+  --color-tip-accent:#5ac54f;
+  --color-note:#cffeff;
+  --color-note-accent:#0098dc;
+  --color-caution:#fff4a5;
+  --color-caution-accent:#ffc825;
+  --color-selection:#ddd
+}
+
+html {
+  scrollbar-color:#bdbdbd transparent
+}
+
+body {
+  margin:auto;
+  max-width:1000px;
+  padding:20px;
+  background-color:var(--color-background);
+  font-family:var(--font-body, var(--font-stack));
+  line-height:1.4;
+  color:var(--color-text)
+}
+
+.wrapper-content {
+  width:calc(100% - 250px);
+  padding-left:15px
+}
+
+.wrapper-nav {
+  flex-direction:column;
+  display:flex;
+  width:250px;
+  height:min-content;
+  background-color:var(--color-nav)
+}
+
+main {
+  margin-bottom:4rem
+}
+
+footer {
+  display:flex;
+  color:var(--color-text-muted)
+}
+
+#footer_right {
+  margin-left:auto
+}
+
+@media (min-width:960px) {
+  html {
+    margin-left:calc(100vw - 100%)
+  }
+}
+
+@media (min-width:769px) {
+  .wrapper-content {
+    position:relative;
+    left:250px
+  }
+  .wrapper-nav {
+    position:fixed;
+    max-height:calc(100% - 40px)
+  }
+}
+
+@media (max-width:768px) {
+  body {
+    margin:0 auto;
+    padding:0
+  }
+  .wrapper {
+    width:100%
+  }
+  .wrapper-content {
+    padding:15px
+  }
+}

data/_sass/code.scss

@@ -0,0 +1,62 @@
+pre {
+  overflow:auto;
+  margin:0 0 1rem;
+  border-radius:6px;
+  padding:1rem;
+  background-color:var(--color-code);
+  font-size:0.875em;
+  white-space:pre
+}
+
+code {
+  font-size:0.875em;
+  font-family:var(--font-code, var(--font-stack-code));
+  word-break:normal
+}
+
+pre code {
+  font-size:inherit
+}
+
+/* inline code */
+code.highlighter-rouge {
+  border-radius:3px;
+  padding:1px 5px;
+  background-color:var(--color-code)
+}
+
+.nt, .gh, .si, .se {
+  color:var(--color-code-name)
+}
+
+.dl, .s, .s1, .s2, .sb, .sc, .nl, .sr {
+  color:var(--color-code-string)
+}
+
+.nx, .nf, .nn, .nc, .ss, .sx {
+  color:var(--color-code-function)
+}
+
+.k, .kd, .kn, .kp, .kr, .ge {
+  color:var(--color-code-keyword)
+}
+
+.kc, .m, .mf, .mh, .mi, .il, .mo, .mx, .mb, .nv, .kt, .nd, .gs, .py, .no {
+  color:var(--color-code-constant)
+}
+
+.na {
+  color:var(--color-code-attribute)
+}
+
+.nb {
+  color:var(--color-code-builtin)
+}
+
+.o {
+  color:var(--color-code-operator)
+}
+
+.c, .cm, .cp, .c1 {
+  color:var(--color-code-comment)
+}

data/_sass/elements.scss

@@ -0,0 +1,120 @@
+main {
+  ul, ol {
+    margin-bottom:1rem;
+    counter-reset:step-counter
+  }
+  li {
+    margin-bottom:0.5rem;
+    margin-left:1rem;
+    padding-left:2rem;
+    list-style:none;
+    ol, ol *, ul, ul * {
+      margin:0.25rem 0
+    }
+  }
+}
+
+main ol li ol {
+  counter-reset:sub-counter
+}
+
+main ul li:before {
+  content:"\2022";
+  position:absolute;
+  margin-left:-2rem;
+  color:var(--color-text-muted)
+}
+
+main ol li:before {
+  content:counter(step-counter) ".";
+  position:absolute;
+  margin-left:-2rem;
+  color:var(--color-text-muted);
+  counter-increment:step-counter
+}
+
+ol li ol li:before {
+  content:counter(sub-counter, lower-alpha) ".";
+  counter-increment:sub-counter
+}
+
+#markdown-toc {
+  padding-top:1.75rem
+}
+
+#markdown-toc:before {
+  content:"Table of Contents";
+  font-variant:small-caps;
+  position:absolute;
+  margin-top:-1.75rem
+}
+
+blockquote {
+  border-left:4px solid #ccc;
+  padding-left:1.5rem;
+  font-style:italic
+}
+
+table {
+  margin-bottom:0.5rem;
+  border-spacing:0;
+  width:100%;
+  table-layout:fixed
+}
+
+th, td {
+  padding:6px;
+  text-align:left
+}
+
+th {
+  border-bottom:1px solid var(--color-hr)
+}
+
+tr:nth-child(2n) {
+  background-color:var(--color-table-stripe)
+}
+
+img {
+  margin-bottom:-0.5rem;
+  max-width:100%
+}
+
+hr {
+  margin:1.5rem 0 0.75rem 0;
+  border-bottom:1px solid var(--color-hr)
+}
+
+.tip, .note, .caution {
+  padding:0.5rem 1.5rem;
+  &:before {
+    font-weight:bold
+  }
+}
+
+.tip {
+  border-left:4px solid var(--color-tip-accent);
+  background-color:var(--color-tip)
+}
+
+.tip:before {
+  content:"tip: "
+}
+
+.note {
+  border-left:4px solid var(--color-note-accent);
+  background-color:var(--color-note)
+}
+
+.note:before {
+  content:"note: "
+}
+
+.caution {
+  border-left:4px solid var(--color-caution-accent);
+  background-color:var(--color-caution)
+}
+
+.caution:before {
+  content:"caution: "
+}

data/_sass/nav.scss

@@ -0,0 +1,100 @@
+nav a, #site_title {
+  display:inline-block;
+  width:100%;
+  &:hover {
+    background-color:var(--color-nav-active);
+    text-decoration:none
+  }
+}
+
+#nav_content {
+  display:flex;
+  flex-direction:column;
+  overflow-y:auto
+}
+
+nav {
+  overflow-y:auto
+}
+
+nav li {
+  line-height:1.5rem;
+  word-break:break-word;
+  list-style:none
+}
+
+nav li a {
+  padding:0.25rem 1rem
+}
+
+nav hr {
+  margin:0 auto;
+  width:90%
+}
+
+.active {
+  background-color:var(--color-nav-active)
+}
+
+#invis {
+  display:none
+}
+
+#toggle {
+  float:right;
+  display:none;
+  width:48px;
+  height:48px
+}
+
+#site_title {
+  padding-left:1rem;
+  cursor:pointer;
+  font-size:1.25rem;
+  line-height:3rem;
+  color:var(--color-text)
+}
+
+#versions {
+  margin-bottom:0;
+  padding:0.5rem 1rem;
+  line-height:1.5rem
+}
+
+#versions a {
+  display:inline-block;
+  width:initial;
+  color:var(--color-link-alt);
+  &:not(:last-child) {
+    margin-right:0.5rem
+  }
+}
+
+#versions a.redlink {
+  cursor:help;
+  color:var(--color-redlink)
+}
+
+@media (max-width:768px) {
+  #nav_content {
+    display:none
+  }
+  nav li a {
+    padding:0.5rem 1rem
+  }
+  #toggle {
+    display:flex;
+    cursor:pointer;
+    align-items:center;
+    justify-content:center;
+    &:hover {
+      background-color:var(--color-nav-active)
+    }
+  }
+  #site_title {
+    width:calc(100% - 48px)
+  }
+  #invis:checked ~ #nav_content {
+    display:block
+  }
+}

data/_sass/pseudo.scss

@@ -0,0 +1,19 @@
+::-webkit-scrollbar {
+  width:16px
+}
+
+::-webkit-scrollbar-thumb {
+  border:4px solid transparent;
+  border-radius:8px;
+  background:#bdbdbd;
+  background-clip:content-box
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background:#999999;
+  background-clip:content-box
+}
+
+::selection {
+  background-color:var(--color-selection)
+}

data/_sass/typography.scss

@@ -0,0 +1,56 @@
+h1, h2, h3, h4, h5, h6, p {
+  margin-bottom:1rem;
+  font-weight:400
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin-top:1.5rem;
+  font-family:var(--font-heading, var(--font-stack))
+}
+
+h1 {
+  font-weight:700;
+  font-size:2rem;
+  &:first-child {
+    margin-top:0
+  }
+}
+
+h1:first-of-type {
+  border-bottom:1px solid var(--color-hr);
+  padding-bottom:0.75rem
+}
+
+h2 {
+  font-size:1.75rem
+}
+
+h3 {
+  font-size:1.5rem
+}
+
+h4 {
+  font-size:1.25rem
+}
+
+h5, h6 {
+  font-size:0.9rem
+}
+
+h6 {
+  font-style:italic;
+  color:var(--color-text-muted)
+}
+
+small {
+  font-size:80%
+}
+
+a {
+  text-decoration:none;
+  color:var(--color-link)
+}
+
+a:hover {
+  text-decoration:underline
+}

data/_sass/util.scss

@@ -0,0 +1,7 @@
+.love {
+  color:#db3ffd
+}
+
+.caps:first-letter {
+  text-transform:uppercase
+}

data/assets/lifeblood.scss

@@ -0,0 +1,10 @@
+---
+---
+
+@import "base";
+@import "code";
+@import "typography";
+@import "elements";
+@import "pseudo";
+@import "nav";
+@import "util"

data/assets/lifeblood_dark.scss

@@ -0,0 +1,30 @@
+---
+---
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --color-background:#141414;
+    --color-text:#efefef;
+    --color-link:#14afff;
+    --color-link-alt:#5bb8ff;
+    --color-redlink:#ff3434;
+    --color-nav:#222;
+    --color-nav-active:#333;
+    --color-code:#222;
+    --color-code-name:#e06c75;
+    --color-code-string:#98c379;
+    --color-code-function:#61afef;
+    --color-code-keyword:#c678dd;
+    --color-code-constant:#d19a66;
+    --color-code-attribute:#d19a66;
+    --color-code-builtin:#e6c07b;
+    --color-code-operator:#56b6c2;
+    --color-code-comment:#5c6370;
+    --color-hr:#666;
+    --color-table-stripe:#222;
+    --color-tip:#145631;
+    --color-note:#144756;
+    --color-caution:#464310;
+    --color-selection:#444
+  }
+}

metadata

@@ -0,0 +1,92 @@
+--- !ruby/object:Gem::Specification
+name: lifeblood
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- sporeball
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2021-11-06 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.9.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.9.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:
+- sporeballdev@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- 404.md
+- LICENSE
+- README.md
+- _config.yml
+- _includes/footer.html
+- _includes/head.html
+- _includes/nav.html
+- _layouts/compress.html
+- _layouts/default.html
+- _layouts/page.html
+- _layouts/post.html
+- _sass/base.scss
+- _sass/code.scss
+- _sass/elements.scss
+- _sass/nav.scss
+- _sass/pseudo.scss
+- _sass/typography.scss
+- _sass/util.scss
+- assets/favicon.ico
+- assets/lifeblood.scss
+- assets/lifeblood_dark.scss
+homepage: https://github.com/sporeball/lifeblood
+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.1.6
+signing_key:
+specification_version: 4
+summary: a hyperfocused Jekyll theme for documentation
+test_files: []