jekyll-theme-tallneck 0.1.2 → 0.2.0

data/_sass/dark_code.scss

@@ -0,0 +1,195 @@
+@media (prefers-color-scheme: dark) {
+    .highlight pre {
+        background-color: #272822;
+    }
+    .highlight .hll {
+        background-color: #272822;
+    }
+    .highlight .c {
+        color: #75715e;
+    } /* Comment */
+    .highlight .err {
+        color: #960050;
+        background-color: #1e0010;
+    } /* Error */
+    .highlight .k {
+        color: #66d9ef;
+    } /* Keyword */
+    .highlight .l {
+        color: #ae81ff;
+    } /* Literal */
+    .highlight .n {
+        color: #f8f8f2;
+    } /* Name */
+    .highlight .o {
+        color: #f92672;
+    } /* Operator */
+    .highlight .p {
+        color: #f8f8f2;
+    } /* Punctuation */
+    .highlight .cm {
+        color: #75715e;
+    } /* Comment.Multiline */
+    .highlight .cp {
+        color: #75715e;
+    } /* Comment.Preproc */
+    .highlight .c1 {
+        color: #75715e;
+    } /* Comment.Single */
+    .highlight .cs {
+        color: #75715e;
+    } /* Comment.Special */
+    .highlight .ge {
+        font-style: italic;
+    } /* Generic.Emph */
+    .highlight .gs {
+        font-weight: bold;
+    } /* Generic.Strong */
+    .highlight .kc {
+        color: #66d9ef;
+    } /* Keyword.Constant */
+    .highlight .kd {
+        color: #66d9ef;
+    } /* Keyword.Declaration */
+    .highlight .kn {
+        color: #f92672;
+    } /* Keyword.Namespace */
+    .highlight .kp {
+        color: #66d9ef;
+    } /* Keyword.Pseudo */
+    .highlight .kr {
+        color: #66d9ef;
+    } /* Keyword.Reserved */
+    .highlight .kt {
+        color: #66d9ef;
+    } /* Keyword.Type */
+    .highlight .ld {
+        color: #e6db74;
+    } /* Literal.Date */
+    .highlight .m {
+        color: #ae81ff;
+    } /* Literal.Number */
+    .highlight .s {
+        color: #e6db74;
+    } /* Literal.String */
+    .highlight .na {
+        color: #a6e22e;
+    } /* Name.Attribute */
+    .highlight .nb {
+        color: #f8f8f2;
+    } /* Name.Builtin */
+    .highlight .nc {
+        color: #a6e22e;
+    } /* Name.Class */
+    .highlight .no {
+        color: #66d9ef;
+    } /* Name.Constant */
+    .highlight .nd {
+        color: #a6e22e;
+    } /* Name.Decorator */
+    .highlight .ni {
+        color: #f8f8f2;
+    } /* Name.Entity */
+    .highlight .ne {
+        color: #a6e22e;
+    } /* Name.Exception */
+    .highlight .nf {
+        color: #a6e22e;
+    } /* Name.Function */
+    .highlight .nl {
+        color: #f8f8f2;
+    } /* Name.Label */
+    .highlight .nn {
+        color: #f8f8f2;
+    } /* Name.Namespace */
+    .highlight .nx {
+        color: #a6e22e;
+    } /* Name.Other */
+    .highlight .py {
+        color: #f8f8f2;
+    } /* Name.Property */
+    .highlight .nt {
+        color: #f92672;
+    } /* Name.Tag */
+    .highlight .nv {
+        color: #f8f8f2;
+    } /* Name.Variable */
+    .highlight .ow {
+        color: #f92672;
+    } /* Operator.Word */
+    .highlight .w {
+        color: #f8f8f2;
+    } /* Text.Whitespace */
+    .highlight .mf {
+        color: #ae81ff;
+    } /* Literal.Number.Float */
+    .highlight .mh {
+        color: #ae81ff;
+    } /* Literal.Number.Hex */
+    .highlight .mi {
+        color: #ae81ff;
+    } /* Literal.Number.Integer */
+    .highlight .mo {
+        color: #ae81ff;
+    } /* Literal.Number.Oct */
+    .highlight .sb {
+        color: #e6db74;
+    } /* Literal.String.Backtick */
+    .highlight .sc {
+        color: #e6db74;
+    } /* Literal.String.Char */
+    .highlight .sd {
+        color: #e6db74;
+    } /* Literal.String.Doc */
+    .highlight .s2 {
+        color: #e6db74;
+    } /* Literal.String.Double */
+    .highlight .se {
+        color: #ae81ff;
+    } /* Literal.String.Escape */
+    .highlight .sh {
+        color: #e6db74;
+    } /* Literal.String.Heredoc */
+    .highlight .si {
+        color: #e6db74;
+    } /* Literal.String.Interpol */
+    .highlight .sx {
+        color: #e6db74;
+    } /* Literal.String.Other */
+    .highlight .sr {
+        color: #e6db74;
+    } /* Literal.String.Regex */
+    .highlight .s1 {
+        color: #e6db74;
+    } /* Literal.String.Single */
+    .highlight .ss {
+        color: #e6db74;
+    } /* Literal.String.Symbol */
+    .highlight .bp {
+        color: #f8f8f2;
+    } /* Name.Builtin.Pseudo */
+    .highlight .vc {
+        color: #f8f8f2;
+    } /* Name.Variable.Class */
+    .highlight .vg {
+        color: #f8f8f2;
+    } /* Name.Variable.Global */
+    .highlight .vi {
+        color: #f8f8f2;
+    } /* Name.Variable.Instance */
+    .highlight .il {
+        color: #ae81ff;
+    } /* Literal.Number.Integer.Long */
+
+    .highlight .gh {
+    } /* Generic Heading & Diff Header */
+    .highlight .gu {
+        color: #75715e;
+    } /* Generic.Subheading & Diff Unified/Comment? */
+    .highlight .gd {
+        color: #f92672;
+    } /* Generic.Deleted & Diff Deleted */
+    .highlight .gi {
+        color: #a6e22e;
+    } /* Generic.Inserted & Diff Inserted */
+}

data/_sass/light_code.scss

@@ -0,0 +1,205 @@
+.highlight .hll {
+    background-color: #ffffcc;
+}
+.highlight .c {
+    color: #808080;
+} /* Comment */
+.highlight .err {
+    color: #f00000;
+    background-color: #f0a0a0;
+} /* Error */
+.highlight .k {
+    color: #008000;
+    font-weight: bold;
+} /* Keyword */
+.highlight .o {
+    color: #303030;
+} /* Operator */
+.highlight .cm {
+    color: #808080;
+} /* Comment.Multiline */
+.highlight .cp {
+    color: #507090;
+} /* Comment.Preproc */
+.highlight .c1 {
+    color: #808080;
+} /* Comment.Single */
+.highlight .cs {
+    color: #cc0000;
+    font-weight: bold;
+} /* Comment.Special */
+.highlight .gd {
+    color: #a00000;
+} /* Generic.Deleted */
+.highlight .ge {
+    font-style: italic;
+} /* Generic.Emph */
+.highlight .gr {
+    color: #ff0000;
+} /* Generic.Error */
+.highlight .gh {
+    color: #000080;
+    font-weight: bold;
+} /* Generic.Heading */
+.highlight .gi {
+    color: #00a000;
+} /* Generic.Inserted */
+.highlight .go {
+    color: #808080;
+} /* Generic.Output */
+.highlight .gp {
+    color: #c65d09;
+    font-weight: bold;
+} /* Generic.Prompt */
+.highlight .gs {
+    font-weight: bold;
+} /* Generic.Strong */
+.highlight .gu {
+    color: #800080;
+    font-weight: bold;
+} /* Generic.Subheading */
+.highlight .gt {
+    color: #0040d0;
+} /* Generic.Traceback */
+.highlight .kc {
+    color: #008000;
+    font-weight: bold;
+} /* Keyword.Constant */
+.highlight .kd {
+    color: #008000;
+    font-weight: bold;
+} /* Keyword.Declaration */
+.highlight .kn {
+    color: #008000;
+    font-weight: bold;
+} /* Keyword.Namespace */
+.highlight .kp {
+    color: #003080;
+    font-weight: bold;
+} /* Keyword.Pseudo */
+.highlight .kr {
+    color: #008000;
+    font-weight: bold;
+} /* Keyword.Reserved */
+.highlight .kt {
+    color: #303090;
+    font-weight: bold;
+} /* Keyword.Type */
+.highlight .m {
+    color: #6000e0;
+    font-weight: bold;
+} /* Literal.Number */
+//.highlight .s { background-color: #fff0f0 } /* Literal.String */
+.highlight .na {
+    color: #0000c0;
+} /* Name.Attribute */
+.highlight .nb {
+    color: #007020;
+} /* Name.Builtin */
+.highlight .nc {
+    color: #b00060;
+    font-weight: bold;
+} /* Name.Class */
+.highlight .no {
+    color: #003060;
+    font-weight: bold;
+} /* Name.Constant */
+.highlight .nd {
+    color: #505050;
+    font-weight: bold;
+} /* Name.Decorator */
+.highlight .ni {
+    color: #800000;
+    font-weight: bold;
+} /* Name.Entity */
+.highlight .ne {
+    color: #f00000;
+    font-weight: bold;
+} /* Name.Exception */
+.highlight .nf {
+    color: #0060b0;
+    font-weight: bold;
+} /* Name.Function */
+.highlight .nl {
+    color: #907000;
+    font-weight: bold;
+} /* Name.Label */
+.highlight .nn {
+    color: #0e84b5;
+    font-weight: bold;
+} /* Name.Namespace */
+.highlight .nt {
+    color: #007000;
+} /* Name.Tag */
+.highlight .nv {
+    color: #906030;
+} /* Name.Variable */
+.highlight .ow {
+    color: #000000;
+    font-weight: bold;
+} /* Operator.Word */
+.highlight .w {
+    color: #bbbbbb;
+} /* Text.Whitespace */
+.highlight .mf {
+    color: #6000e0;
+    font-weight: bold;
+} /* Literal.Number.Float */
+.highlight .mh {
+    color: #005080;
+    font-weight: bold;
+} /* Literal.Number.Hex */
+.highlight .mi {
+    color: #0000d0;
+    font-weight: bold;
+} /* Literal.Number.Integer */
+.highlight .mo {
+    color: #4000e0;
+    font-weight: bold;
+} /* Literal.Number.Oct */
+.highlight .sb {
+    background-color: #fff0f0;
+} /* Literal.String.Backtick */
+.highlight .sc {
+    color: #0040d0;
+} /* Literal.String.Char */
+.highlight .sd {
+    color: #d04020;
+} /* Literal.String.Doc */
+//.highlight .s2 { background-color: #fff0f0 } /* Literal.String.Double */
+.highlight .se {
+    color: #606060;
+    font-weight: bold;
+    background-color: #fff0f0;
+} /* Literal.String.Escape */
+//.highlight .sh { background-color: #fff0f0 } /* Literal.String.Heredoc */
+//.highlight .si { background-color: #e0e0e0 } /* Literal.String.Interpol */
+.highlight .sx {
+    color: #d02000;
+    background-color: #fff0f0;
+} /* Literal.String.Other */
+.highlight .sr {
+    color: #000000;
+    background-color: #fff0ff;
+} /* Literal.String.Regex */
+//.highlight .s1 { background-color: #fff0f0 } /* Literal.String.Single */
+.highlight .ss {
+    color: #a06000;
+} /* Literal.String.Symbol */
+.highlight .bp {
+    color: #007020;
+} /* Name.Builtin.Pseudo */
+.highlight .vc {
+    color: #306090;
+} /* Name.Variable.Class */
+.highlight .vg {
+    color: #d07000;
+    font-weight: bold;
+} /* Name.Variable.Global */
+.highlight .vi {
+    color: #3030b0;
+} /* Name.Variable.Instance */
+.highlight .il {
+    color: #0000d0;
+    font-weight: bold;
+} /* Literal.Number.Integer.Long */

data/_sass/tallneck/base.scss

@@ -0,0 +1,160 @@
+/*
+ * Base
+*/
+html {
+  min-height: 100vh;
+  min-height: 100svh;
+  min-width: $min-width;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  height: 100%;
+
+  font-size: $base-font-size;
+  font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
+  color: var(--text-primary);
+
+  text-rendering: optimizeLegibility;
+
+  margin: 0;
+  padding: 0;
+
+  background-color: var(--background-color);
+
+  overflow-x: hidden;
+}
+
+main {
+  display: block;
+  max-width: $main-max-width;
+}
+
+a {
+  text-decoration: underline;
+  text-underline-offset: 1px;
+  color: var(--primary-text-color);
+
+  &:hover {
+    text-decoration: none;
+  }
+}
+
+h1 {
+  font-size: 2.5rem;
+  text-align: center;
+  margin-block-start: 0rem;
+}
+
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin-block-start: 0.9rem;
+  margin-block-end: 0.7rem;
+}
+
+p {
+  margin-block-start: 0.7rem;
+  margin-block-end: 0.7rem;
+}
+
+section {
+  margin-block-start: 1.5rem;
+  margin-block-end: 1.5rem;
+}
+
+abbr[title] {
+  text-decoration: underline dotted;
+  cursor: help;
+  text-underline-offset: 2px;
+}
+
+/*
+ * Code
+*/
+pre,
+code {
+  font-family: $code-font-family;
+  font-size: 0.9em;
+  border: 1px solid var(--border-secondary);
+  border-radius: 3px;
+  background-color: var(--code-background-color);
+}
+
+code {
+  padding: 1px 5px;
+}
+
+pre {
+  padding: 8px 12px;
+  overflow-x: auto;
+
+  > code {
+    border: 0;
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+.highlight {
+  border-radius: 3px;
+  background: var(--code-background-color);
+
+  .highlighter-rouge & {
+    background: var(--code-background-color);
+  }
+}
+
+/*
+ * Tables
+*/
+table {
+  max-width: 100%;
+  text-align: $table-text-align;
+  border-collapse: collapse;
+  border: 1px solid var(--border-primary);
+
+  th,
+  td {
+    padding: 0.25rem;
+    border: 1px solid var(--border-primary);
+  }
+
+  thead {
+    background-color: var(--border-secondary);
+  }
+}
+
+/*
+ * Blockquotes
+*/
+blockquote {
+  margin-block-start: 1rem;
+  margin-block-end: 1rem;
+
+  margin-inline-start: 20px;
+  margin-inline-end: 20px;
+
+  padding: 0.5rem 1rem;
+
+  border-left: 5px solid var(--accent-primary);
+  background-color: var(--blockquote-background);
+  color: var(--text-secondary);
+
+  font-style: italic;
+  text-align: left;
+  word-spacing: normal;
+
+  & > blockquote {
+    border-left: 3px solid var(--accent-secondary);
+    margin-inline-start: 15px;
+    margin-inline-end: 15px;
+  }
+}

data/_sass/tallneck/components/about.scss

@@ -0,0 +1,69 @@
+.about {
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: space-between;
+
+    margin-left: auto;
+    margin-right: auto;
+
+    align-items: center;
+
+    gap: 20px;
+    
+    .about--img {
+        flex: 1 1 38%;
+        align-self: center;
+
+        min-width: 250px;
+        max-width: 500px;
+
+        margin-left: auto;
+        margin-right: auto;
+
+        border: 3px solid transparent;
+        border-image: linear-gradient(45deg, var(--accent-primary), var(--accent-secondary)) 1;
+    }
+
+    .about--content {
+        flex: 1 1 55%;
+
+        word-wrap: break-word;
+        word-wrap: auto-phrase;
+    }
+}
+
+.about-social {
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: center;
+    gap: 1rem 15px;
+
+    margin-top: 1rem;
+    margin-bottom: 2rem;
+
+    max-width: 600px;
+    margin-left: auto;
+    margin-right: auto;
+    
+    a {
+        display: flex;
+        align-items: center;
+
+        svg {
+            aspect-ratio: 1/1;
+            width: 32px;
+            height: auto;
+            fill: var(--svg-fill);
+
+            transition: fill 0.3s ease;
+
+            &:hover {
+                fill: var(--accent-secondary);
+
+                @media (prefers-color-scheme: dark){
+                    fill: var(--accent-primary);
+                }
+            }
+        }
+    }
+}

data/_sass/tallneck/components/post-card.scss

@@ -0,0 +1,87 @@
+.post-card-container {
+  display: grid;
+  gap: 1rem;
+  grid-template-columns: 1fr 1fr 1fr 1fr;
+  grid-template-rows: repeat(auto-fill, minmax($card-max-height, 1fr));
+
+  @media (max-width: 1100px) and (min-width: 800px) {
+    grid-template-columns: 1fr 1fr;
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+
+  @media (max-width: 800px) and (min-width: 600px) {
+    grid-template-columns: 1fr 1fr;
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
+  @media (max-width: 600px) {
+    grid-template-columns: 1fr;
+  }
+
+  justify-items: center;
+
+  height: fit-content;
+}
+
+.post-card {
+  max-width: $card-max-width;
+  padding: 1rem;
+
+  vertical-align: middle;
+
+  border: 3px solid transparent;
+  border-image: linear-gradient(45deg, var(--accent-primary), var(--accent-secondary)) 1;
+
+  transition: 0.4s;
+  &:hover {
+    box-shadow: 0 0 10px 0 var(--border-primary);
+    border-image: linear-gradient(45deg, var(--accent-secondary), var(--accent-primary)) 1;
+    transition: 0.4s;
+  }
+
+  .post-card--link {
+    vertical-align: top;
+    text-decoration: none;
+    color: var(--text-primary);
+  }
+
+  .post-card--flex {
+    display: flex;
+    flex-flow: column nowrap;
+  }
+
+  .post-card--image {
+    vertical-align: top;
+  }
+
+  .post-card--content {
+    height: 100%;
+    display: flex;
+    flex-flow: column nowrap;
+  }
+
+  .post-card--title {
+    font-size: 1.5rem;
+    margin-block-end: 0rem;
+  }
+
+  .post-card--subtitle {
+    font-size: 0.95em;
+    margin-block-start: 0rem;
+    margin-block-end: 0.5rem;
+    flex-grow: 1;
+
+    // from .justify
+    text-align: justify;
+    word-spacing: -2px;
+  }
+
+  .post-card--date {
+    opacity: 0.7;
+    font-size: 0.8em;
+    margin-block-end: 0.5rem;
+    vertical-align: bottom;
+  }
+}