redeyed-jekyll-theme 0.1.0

data/_sass/addon/mixins.scss

@@ -0,0 +1,144 @@
+/*
+    SCSS Modules
+*/
+
+%heading {
+    color: var(--heading-color);
+    font-weight: 400;
+    font-family: 'Cormorant Unicase', serif;
+}
+
+%section {
+    #core-wrapper & {
+        margin-top: 2.5rem;
+        margin-bottom: 1.25rem;
+
+        &:focus {
+            outline: none;
+        }
+    }
+}
+
+%anchor {
+    .anchor {
+        font-size: 80%;
+    }
+
+    @media (hover: hover) {
+        .anchor {
+            visibility: hidden;
+            opacity: 1;
+            transition: opacity 0.25s ease-in, visibility 0s ease-in 0.25s;
+        }
+
+        &:hover {
+            .anchor {
+                visibility: visible;
+                opacity: 1;
+                transition: opacity 0.25s ease-in, visibility 0s ease-in 0s;
+            }
+        }
+    }
+}
+
+%tag-hover {
+    background: var(--tag-hover);
+    transition: background 0.35s ease-in-out;
+}
+
+%table-cell {
+    padding: 0.4rem 1rem;
+    font-size: 95%;
+    white-space: nowrap;
+}
+
+%link-hover {
+    color: var(--link-hover);
+    border-bottom: 1px solid var(--link-hover-underline);
+    text-decoration: none;
+}
+
+%link-color { color: var(--link-color); }
+
+%link-underline { border-bottom: 1px solid var(--link-underline-color); }
+
+%clickable-transition { transition: color 0.35s ease-in-out; }
+
+%no-cursor { user-select: none; }
+
+%no-bottom-border { border-bottom: none; }
+
+%cursor-pointer { cursor: pointer; }
+
+%normal-font-style { font-style: normal; }
+
+%text-color { color: var(--text-color); }
+
+%img-caption {
+    + em {
+        display: block;
+        text-align: center;
+        font-style: normal;
+        font-size: 80%;
+        padding: 0;
+        color: #6d6c6c;
+    }
+}
+
+%sidebar-links {
+    color: var(--sidebar-link-color);
+    user-select: none;
+}
+
+/* ---------- SCSS MIXIN ---------- */
+
+@mixin no-text-decoration { text-decoration: none; }
+
+@mixin ml-mr($value) {
+    margin-left: $value;
+    margin-right: $value;
+}
+
+@mixin pl-pr($val) {
+    padding-left: $val;
+    padding-right: $val;
+}
+
+@mixin input-placeholder { opacity: 0.6; }
+
+@mixin label($font-size: 1rem, $font-weight: 600, $color: var(--label-color)) {
+    color: $color;
+    font-size: $font-size;
+    font-weight: $font-weight;
+}
+
+@mixin align-center {
+    position: relative;
+    left: 50%;
+    -webkit-transform: translateX(-50%);
+    -ms-transform: translateX(-50%);
+    transform: translateX(-50%);
+}
+
+@mixin prompt($type, $fw-icon, $icon-weight: 900) {
+    &.prompt-#{$type} {
+        background-color: var(--prompt-#{$type}-bg);
+
+        &::before {
+            content: $fw-icon;
+            color: var(--prompt-#{$type}-icon-color);
+            font-weight: $icon-weight;
+        }
+    }
+}
+
+@mixin slide($append: null) {
+    $basic: transform 0.4s ease;
+    @if $append {
+        -webkit-transition: $basic, $append;
+        transition: $basic, $append;
+    } @else {
+        -webkit-transition: $basic;
+        transition: $basic;
+    }
+}

data/_sass/addon/variables.scss

@@ -0,0 +1,31 @@
+/*
+    SCSS VARIABLES
+*/
+
+/* SIDEBAR */
+$sidebar-width: 260px !default;
+$sidebar-width-small: 210px !default;
+$sidebar-width-large:350px !default;
+
+/* TABS */
+$tab-count: 5 !default;
+$tab-height: 3rem !default;
+$tab-cursor-height: 1.6rem !default;
+
+$cursor-width: 2px !default;
+
+/* OTHER FRAMEWORK SIZES */
+$topbar-height: 3rem !default;
+
+$search-max-width: 210px !default;
+
+$footer-height: 5rem !default;
+$footer-height-mobile: 6rem !default;
+
+$main-content-max-width: 1250px !default;
+
+$bottom-min-height: 35rem !default;
+
+/* SYNTAX HIGHLIGHT */
+
+$code-font-size: 0.85rem !default;

data/_sass/colors/brew-scheme.scss

@@ -0,0 +1,7 @@
+/*
+    Homebrew-Like Website Theme
+*/
+
+@mixin brew-scheme {
+
+}

data/_sass/colors/dark-scheme.scss

@@ -0,0 +1,21 @@
+/*
+    Primary Dark Mode Theme
+*/
+
+@mixin dark-scheme {
+    /* FRAMEWORK COLOR */
+    --body-bg: rgb(25, 26, 30);
+    --card-bg-1: rgb(44, 46, 51);
+    --mask-bg: rgb(68, 69, 70);
+    --main-wrapper-gb: var(--body-bg);
+    --main-border-color: rgb(44, 45, 45);
+
+    /* COMMON COLOR */
+    --text-color: rgb(224, 224, 224);
+    --text-muted-color: rgb(173, 169, 169);
+    --heading-color: #FFFFFF;
+    --link-color: rgb(251, 58, 100);
+    --link-underline-color: var(--link-ciolor);
+    --button-bg: var(--link-ciolor);
+    --button-border-color: var(--link-ciolor);
+}

data/_sass/colors/dark-syntax.scss

@@ -0,0 +1,88 @@
+/*
+    Code Highlighter - Dark Mode
+*/
+
+@mixin dark-syntax {
+    /* syntax highlight colors from https://raw.githubusercontent.com/jwarby/pygments-css/master/monokai.css */
+    .highlight pre { background-color: var(--highlight-bg-color); }
+    .highlight .hll { background-color: var(--highlight-bg-color); }
+    .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 { color: inherit; 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 .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */
+    .highlight .gd { color: #f92672; background-color: #561c08; } /* Generic.Deleted & Diff Deleted */
+    .highlight .gi { color: #a6e22e; background-color: #0b5858; } /* Generic.Inserted & Diff Inserted */
+
+    /* -----  custom styles ------ */
+
+    --highlight-bg-color: #252525;
+    --highlighter-rouge-color: #de6b18;
+    --highlight-lineno-color: #6c6c6d;
+    --inline-code-bg: #272822;
+    --code-header-text-color: #6a6a6a;
+    --code-header-muted-color: rgb(60 60 60);
+    --code-header-icon-color: rgb(86 86 86);
+    --clipboard-checked-color: #2bcc2b;
+    --filepath-text-color: #bdbdbd;
+
+    .highlight {
+        .gp { color: #818c96; }
+    }
+
+    pre { color: #bfbfbf; } /* override Bootstrap */
+}

data/_sass/colors/light-scheme.scss

@@ -0,0 +1,7 @@
+/*
+    Primary Light Mode Theme
+*/
+
+@mixin light-scheme {
+
+}

data/_sass/colors/light-syntax.scss

@@ -0,0 +1,84 @@
+/*
+    Code Highlighter - Light Mode
+*/
+
+@mixin light-syntax {
+    /* see: <https://raw.githubusercontent.com/jwarby/pygments-css/master/github.css> */
+    .highlight .hll { background-color: #ffffcc; }
+    .highlight .c { color: #999988; font-style: italic; } /* Comment */
+    .highlight .err { color: #a61717; background-color: #e3d2d2; } /* Error */
+    .highlight .k { color: #000000; font-weight: bold; } /* Keyword */
+    .highlight .o { color: #000000; font-weight: bold; } /* Operator */
+    .highlight .cm { color: #999988; font-style: italic; } /* Comment.Multiline */
+    .highlight .cp { color: #999999; font-weight: bold; font-style: italic; } /* Comment.Preproc */
+    .highlight .c1 { color: #999988; font-style: italic; } /* Comment.Single */
+    .highlight .cs { color: #999999; font-weight: bold; font-style: italic; } /* Comment.Special */
+    .highlight .gd { color: #d01040; background-color: #ffdddd; } /* Generic.Deleted */
+    .highlight .ge { color: #000000; font-style: italic; } /* Generic.Emph */
+    .highlight .gr { color: #aa0000; } /* Generic.Error */
+    .highlight .gh { color: #999999; } /* Generic.Heading */
+    .highlight .gi { color: #008080; background-color: #ddffdd; } /* Generic.Inserted */
+    .highlight .go { color: #888888; } /* Generic.Output */
+    .highlight .gp { color: #555555; } /* Generic.Prompt */
+    .highlight .gs { font-weight: bold; } /* Generic.Strong */
+    .highlight .gu { color: #aaaaaa; } /* Generic.Subheading */
+    .highlight .gt { color: #aa0000; } /* Generic.Traceback */
+    .highlight .kc { color: #000000; font-weight: bold; } /* Keyword.Constant */
+    .highlight .kd { color: #000000; font-weight: bold; } /* Keyword.Declaration */
+    .highlight .kn { color: #000000; font-weight: bold; } /* Keyword.Namespace */
+    .highlight .kp { color: #000000; font-weight: bold; } /* Keyword.Pseudo */
+    .highlight .kr { color: #000000; font-weight: bold; } /* Keyword.Reserved */
+    .highlight .kt { color: #445588; font-weight: bold; } /* Keyword.Type */
+    .highlight .m { color: #009999; } /* Literal.Number */
+    .highlight .s { color: #d01040; } /* Literal.String */
+    .highlight .na { color: #008080; } /* Name.Attribute */
+    .highlight .nb { color: #0086b3; } /* Name.Builtin */
+    .highlight .nc { color: #445588; font-weight: bold; } /* Name.Class */
+    .highlight .no { color: #008080; } /* Name.Constant */
+    .highlight .nd { color: #3c5d5d; font-weight: bold; } /* Name.Decorator */
+    .highlight .ni { color: #800080; } /* Name.Entity */
+    .highlight .ne { color: #990000; font-weight: bold; } /* Name.Exception */
+    .highlight .nf { color: #990000; font-weight: bold; } /* Name.Function */
+    .highlight .nl { color: #990000; font-weight: bold; } /* Name.Label */
+    .highlight .nn { color: #555555; } /* Name.Namespace */
+    .highlight .nt { color: #000080; } /* Name.Tag */
+    .highlight .nv { color: #008080; } /* Name.Variable */
+    .highlight .ow { color: #000000; font-weight: bold; } /* Operator.Word */
+    .highlight .w { color: #bbbbbb; } /* Text.Whitespace */
+    .highlight .mf { color: #009999; } /* Literal.Number.Float */
+    .highlight .mh { color: #009999; } /* Literal.Number.Hex */
+    .highlight .mi { color: #009999; } /* Literal.Number.Integer */
+    .highlight .mo { color: #009999; } /* Literal.Number.Oct */
+    .highlight .sb { color: #d01040; } /* Literal.String.Backtick */
+    .highlight .sc { color: #d01040; } /* Literal.String.Char */
+    .highlight .sd { color: #d01040; } /* Literal.String.Doc */
+    .highlight .s2 { color: #d01040; } /* Literal.String.Double */
+    .highlight .se { color: #d01040; } /* Literal.String.Escape */
+    .highlight .sh { color: #d01040; } /* Literal.String.Heredoc */
+    .highlight .si { color: #d01040; } /* Literal.String.Interpol */
+    .highlight .sx { color: #d01040; } /* Literal.String.Other */
+    .highlight .sr { color: #009926; } /* Literal.String.Regex */
+    .highlight .s1 { color: #d01040; } /* Literal.String.Single */
+    .highlight .ss { color: #990073; } /* Literal.String.Symbol */
+    .highlight .bp { color: #999999; } /* Name.Builtin.Pseudo */
+    .highlight .vc { color: #008080; } /* Name.Variable.Class */
+    .highlight .vg { color: #008080; } /* Name.Variable.Global */
+    .highlight .vi { color: #008080; } /* Name.Variable.Instance */
+    .highlight .il { color: #009999; } /* Literal.Number.Integer.Long */
+
+    /* --- custom light colors --- */
+    --highlight-bg-color: #f7f7f7;
+    --highlighter-rouge-color: #2f2f2f;
+    --highlight-lineno-color: #c2c6cc;
+    --inline-code-bg: #f3f3f3;
+    --code-header-text-color: #a3a3b1;
+    --code-header-muted-color: #ebebeb;
+    --code-header-icon-color: #d1d1d1;
+    --clipboard-checked-color: #43c743;
+
+    [class^=prompt-] {
+        --inline-code-bg: #fbfafa;
+        --highlighter-rouge-color: rgb(82 82 82);
+    }
+
+} /* light-syntax */

data/_sass/layout/panel-none.scss

@@ -0,0 +1,146 @@
+/*
+    RESPONSIVE DESIGN - NO SIDE PANELS
+    {content} >= 1120px screen
+    {content} >= 850px screen
+    {content} <= 849px screen
+*/
+
+@media all and (max-width: 849px) {
+    #topbar-wrapper,
+    #main-wrapper { max-width: 100%; }
+    #main-wrapper { padding-top: $topbar-height; }
+    #topbar,
+    #main,
+    #breadcrumb,
+    #search-result-wrapper { max-width: 100%; }
+    #topbar-wrapper {
+        @include slide(top 0.2s ease);
+        left: 0;
+    }
+    #core-wrapper,
+    #panel-wrapper { margin-top: 0; }
+    #topbar-trigger,
+    #search-trigger { display: block; }
+    #search-result-wrapper .post-content { letter-spacing: 0; }
+    #tags {
+        -webkit-box-pack: center !important;
+        -ms-flex-pack: center !important;
+        justify-content: center !important;
+    }
+    h1.dynamic-title {
+        display: none;
+        ~ .post-content { margin-top: 3rem; }
+    }
+}
+
+@media all and (min-width: 850px) {
+    #topbar-wrapper,
+    #main-wrapper { max-width: 100%; }
+    #main-wrapper { padding-top: $topbar-height; }
+    #topbar,
+    #main,
+    #breadcrumb,
+    #search-result-wrapper { max-width: 100%; }
+    #topbar-wrapper {
+        @include slide(top 0.2s ease);
+        left: 0;
+    }
+    #core-wrapper,
+    #panel-wrapper { margin-top: 0; }
+    #topbar-trigger,
+    #search-trigger { display: block; }
+    #search-result-wrapper .post-content { letter-spacing: 0; }
+    #tags {
+        -webkit-box-pack: center !important;
+        -ms-flex-pack: center !important;
+        justify-content: center !important;
+    }
+    h1.dynamic-title {
+        display: none;
+        ~ .post-content { margin-top: 3rem; }
+    }
+}
+/* iPad Horizontal */
+@media all and (min-width: 992px) and (max-width: 1199px) {
+    #topbar-wrapper,
+    #main-wrapper { max-width: 100%; }
+    #main-wrapper { padding-top: $topbar-height; }
+    #topbar,
+    #main,
+    #breadcrumb,
+    #search-result-wrapper { max-width: 100%; }
+    #topbar-wrapper {
+        @include slide(top 0.2s ease);
+        left: 0;
+    }
+    #core-wrapper,
+    #panel-wrapper { margin-top: 0; }
+    #topbar-trigger,
+    #search-trigger { display: block; }
+    #search-result-wrapper .post-content { letter-spacing: 0; }
+    #tags {
+        -webkit-box-pack: center !important;
+        -ms-flex-pack: center !important;
+        justify-content: center !important;
+    }
+    h1.dynamic-title {
+        display: none;
+        ~ .post-content { margin-top: 3rem; }
+    }
+}
+
+@media all and (min-width: 850px) and (max-width: 1199px) {
+    #topbar-wrapper,
+    #main-wrapper { max-width: 100%; }
+    #main-wrapper { padding-top: $topbar-height; }
+    #topbar,
+    #main,
+    #breadcrumb,
+    #search-result-wrapper { max-width: 100%; }
+    #topbar-wrapper {
+        @include slide(top 0.2s ease);
+        left: 0;
+    }
+    #core-wrapper,
+    #panel-wrapper { margin-top: 0; }
+    #topbar-trigger,
+    #search-trigger { display: block; }
+    #search-result-wrapper .post-content { letter-spacing: 0; }
+    #tags {
+        -webkit-box-pack: center !important;
+        -ms-flex-pack: center !important;
+        justify-content: center !important;
+    }
+    h1.dynamic-title {
+        display: none;
+        ~ .post-content { margin-top: 3rem; }
+    }
+}
+
+@media all and (max-width: 1199px) {
+    #topbar-wrapper,
+    #main-wrapper { max-width: 100%; }
+    #main-wrapper { padding-top: $topbar-height; }
+    #topbar,
+    #main,
+    #breadcrumb,
+    #search-result-wrapper { max-width: 100%; }
+    #topbar-wrapper {
+        @include slide(top 0.2s ease);
+        left: 0;
+    }
+    #core-wrapper,
+    #panel-wrapper { margin-top: 0; }
+    #topbar-trigger,
+    #search-trigger { display: block; }
+    #search-result-wrapper .post-content { letter-spacing: 0; }
+    #tags {
+        -webkit-box-pack: center !important;
+        -ms-flex-pack: center !important;
+        justify-content: center !important;
+    }
+    h1.dynamic-title {
+        display: none;
+        ~ .post-content { margin-top: 3rem; }
+    }
+}

data/_sass/redeyed-jekyll-theme.scss

@@ -0,0 +1,26 @@
+/*
+ * Stylesheets for redeyed-jekyll-theme
+ *
+ * RedEyed Jekyll Theme v0.1.0 (https://github.com/RedEyed-RPG/redeyed-jekyll-theme)
+ * Copyright © 2022 ~ Ragdata & RedEyed RPG
+ * MIT Licensed
+ */
+
+@import
+    "colors/light-scheme",
+    "colors/light-syntax",
+    "colors/dark-scheme",
+    "colors/dark-syntax",
+
+    "addon/mixins",
+    "addon/variables",
+    "variables-hook",
+    "addon/syntax",
+    "addon/common",
+
+    "layout/page",
+    "layout/panel-both",
+    "layout/panel-left",
+    "layout/panel-none",
+    "layout/panel-right",
+    "layout/post";

data/assets/css/style.scss

@@ -0,0 +1,8 @@
+---
+title: false
+styles: true
+---
+
+@import "{{ site.theme }}";
+
+/* APPEND CUSTOM STYLES BELOW */