New theme (#34)

* Removes academic and adds blowfish

* sets up assests folder

Adds theming

* reorgs content

* Adds new favicons

* Updates menus, removes unused content

* Updates hugo version in workflow

---------

Co-authored-by: Joe Starr <joe@joe-starr.com>

.github/workflows/gh-pages.yml

@@ -17,7 +17,7 @@ jobs:
       - name: Setup Hugo
         uses: peaceiris/actions-hugo@v2
         with:
-          hugo-version: '0.104.1'
+          hugo-version: '0.125.3'
           extended: true
 
       - name: Build

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "themes/blowfish"]
+	path = themes/blowfish
+	url = https://github.com/Joecstarr/blowfish.git

.vscode/settings.json

@@ -41,5 +41,6 @@
     "titleBar.inactiveForeground": "#15202b99",
     "tab.activeBorder": "#d399bf"
 },
-"peacock.color": "#c376a8"
+"peacock.color": "#c376a8",
+"nixEnvSelector.nixFile": "${workspaceFolder}/shell.nix"
 }

Justfile

@@ -1,6 +1,7 @@
 
 clean:
     hugo mod clean
+    rm -fr build_dir
 
 run:  clean
     hugo server --navigateToChanged -DF -d build_dir

assets/css/custom.css

@@ -0,0 +1,61 @@
+
+
+.pdf-block .pdf-canvas {
+    border: 1px solid #282a36;
+    direction: ltr;
+    width: 100%;
+    height: auto;
+    display: none;
+}
+
+.pdf-block .paginator {
+    display: none;
+    text-align: center;
+    margin-bottom: 10px;
+}
+
+.pdf-block .loadingWrapper {
+    display: none;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 350px;
+}
+
+.pdf-block .loading {
+    display: inline-block;
+    width: 50px;
+    height: 50px;
+    border: 3px solid #f8f8f2;
+    border-radius: 50%;
+    border-top-color: #282a36;
+    animation: spin 1s ease-in-out infinite;
+    -webkit-animation: spin 1s ease-in-out infinite;
+}
+
+/* Style buttons */
+.pdf-block .btn {
+    background-color: #bd93f9;
+    border: none;
+    color: #282a36;
+    padding: 12px 30px;
+    margin: 30px;
+    cursor: pointer;
+    font-size: 20px;
+}
+
+/* Darker background on mouse-over */
+.pdf-block .btn:hover {
+    background-color: #bd93f9;
+}
+
+.pdf-block @keyframes spin {
+    to {
+        -webkit-transform: rotate(360deg);
+    }
+}
+.pdf-block @-webkit-keyframes spin {
+    to {
+        -webkit-transform: rotate(360deg);
+    }
+}

assets/css/libs/chroma/dracula.css

@@ -0,0 +1,86 @@
+/* Background */ .bg { background-color:#f0f0f0; }
+/* PreWrapper */ .chroma { background-color:#f0f0f0; }
+/* Other */ .chroma .x {  }
+/* Error */ .chroma .err {  }
+/* CodeLine */ .chroma .cl {  }
+/* LineLink */ .chroma .lnlinks { outline:none;text-decoration:none;color:inherit }
+/* LineTableTD */ .chroma .lntd { vertical-align:top;padding:0;margin:0;border:0; }
+/* LineTable */ .chroma .lntable { border-spacing:0;padding:0;margin:0;border:0; }
+/* LineHighlight */ .chroma .hl { background-color:#d8d8d8 }
+/* LineNumbersTable */ .chroma .lnt { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f }
+/* LineNumbers */ .chroma .ln { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f }
+/* Line */ .chroma .line { display:flex; }
+/* Keyword */ .chroma .k { color:#007020;font-weight:bold }
+/* KeywordConstant */ .chroma .kc { color:#007020;font-weight:bold }
+/* KeywordDeclaration */ .chroma .kd { color:#007020;font-weight:bold }
+/* KeywordNamespace */ .chroma .kn { color:#007020;font-weight:bold }
+/* KeywordPseudo */ .chroma .kp { color:#007020 }
+/* KeywordReserved */ .chroma .kr { color:#007020;font-weight:bold }
+/* KeywordType */ .chroma .kt { color:#902000 }
+/* Name */ .chroma .n {  }
+/* NameAttribute */ .chroma .na { color:#4070a0 }
+/* NameBuiltin */ .chroma .nb { color:#007020 }
+/* NameBuiltinPseudo */ .chroma .bp {  }
+/* NameClass */ .chroma .nc { color:#0e84b5;font-weight:bold }
+/* NameConstant */ .chroma .no { color:#60add5 }
+/* NameDecorator */ .chroma .nd { color:#555;font-weight:bold }
+/* NameEntity */ .chroma .ni { color:#d55537;font-weight:bold }
+/* NameException */ .chroma .ne { color:#007020 }
+/* NameFunction */ .chroma .nf { color:#06287e }
+/* NameFunctionMagic */ .chroma .fm {  }
+/* NameLabel */ .chroma .nl { color:#002070;font-weight:bold }
+/* NameNamespace */ .chroma .nn { color:#0e84b5;font-weight:bold }
+/* NameOther */ .chroma .nx {  }
+/* NameProperty */ .chroma .py {  }
+/* NameTag */ .chroma .nt { color:#062873;font-weight:bold }
+/* NameVariable */ .chroma .nv { color:#bb60d5 }
+/* NameVariableClass */ .chroma .vc {  }
+/* NameVariableGlobal */ .chroma .vg {  }
+/* NameVariableInstance */ .chroma .vi {  }
+/* NameVariableMagic */ .chroma .vm {  }
+/* Literal */ .chroma .l {  }
+/* LiteralDate */ .chroma .ld {  }
+/* LiteralString */ .chroma .s { color:#4070a0 }
+/* LiteralStringAffix */ .chroma .sa { color:#4070a0 }
+/* LiteralStringBacktick */ .chroma .sb { color:#4070a0 }
+/* LiteralStringChar */ .chroma .sc { color:#4070a0 }
+/* LiteralStringDelimiter */ .chroma .dl { color:#4070a0 }
+/* LiteralStringDoc */ .chroma .sd { color:#4070a0;font-style:italic }
+/* LiteralStringDouble */ .chroma .s2 { color:#4070a0 }
+/* LiteralStringEscape */ .chroma .se { color:#4070a0;font-weight:bold }
+/* LiteralStringHeredoc */ .chroma .sh { color:#4070a0 }
+/* LiteralStringInterpol */ .chroma .si { color:#70a0d0 }
+/* LiteralStringOther */ .chroma .sx { color:#c65d09 }
+/* LiteralStringRegex */ .chroma .sr { color:#235388 }
+/* LiteralStringSingle */ .chroma .s1 { color:#4070a0 }
+/* LiteralStringSymbol */ .chroma .ss { color:#517918 }
+/* LiteralNumber */ .chroma .m { color:#40a070 }
+/* LiteralNumberBin */ .chroma .mb { color:#40a070 }
+/* LiteralNumberFloat */ .chroma .mf { color:#40a070 }
+/* LiteralNumberHex */ .chroma .mh { color:#40a070 }
+/* LiteralNumberInteger */ .chroma .mi { color:#40a070 }
+/* LiteralNumberIntegerLong */ .chroma .il { color:#40a070 }
+/* LiteralNumberOct */ .chroma .mo { color:#40a070 }
+/* Operator */ .chroma .o { color:#666 }
+/* OperatorWord */ .chroma .ow { color:#007020;font-weight:bold }
+/* Punctuation */ .chroma .p {  }
+/* Comment */ .chroma .c { color:#60a0b0;font-style:italic }
+/* CommentHashbang */ .chroma .ch { color:#60a0b0;font-style:italic }
+/* CommentMultiline */ .chroma .cm { color:#60a0b0;font-style:italic }
+/* CommentSingle */ .chroma .c1 { color:#60a0b0;font-style:italic }
+/* CommentSpecial */ .chroma .cs { color:#60a0b0;background-color:#fff0f0 }
+/* CommentPreproc */ .chroma .cp { color:#007020 }
+/* CommentPreprocFile */ .chroma .cpf { color:#007020 }
+/* Generic */ .chroma .g {  }
+/* GenericDeleted */ .chroma .gd { color:#a00000 }
+/* GenericEmph */ .chroma .ge { font-style:italic }
+/* GenericError */ .chroma .gr { color:#f00 }
+/* GenericHeading */ .chroma .gh { color:#000080;font-weight:bold }
+/* GenericInserted */ .chroma .gi { color:#00a000 }
+/* GenericOutput */ .chroma .go { color:#888 }
+/* GenericPrompt */ .chroma .gp { color:#c65d09;font-weight:bold }
+/* GenericStrong */ .chroma .gs { font-weight:bold }
+/* GenericSubheading */ .chroma .gu { color:#800080;font-weight:bold }
+/* GenericTraceback */ .chroma .gt { color:#04d }
+/* GenericUnderline */ .chroma .gl { text-decoration:underline }
+/* TextWhitespace */ .chroma .w { color:#bbb }

assets/css/schemes/purple.css

@@ -0,0 +1,36 @@
+:root {
+    --color-neutral: 248, 248, 242; /*rgb(248,248,242)*/
+    --color-neutral-50: 248, 248, 242; /*rgb(248,248,242)*/
+    --color-neutral-100: 248, 248, 242; /*rgb(248,248,242)*/
+    --color-neutral-200: 248,248,242; /*rgb(248,248,242)*/
+    --color-neutral-300: 248,248,242; /*rgb(248,248,242)*/
+    --color-neutral-400: 114, 122, 168; /*rgb(114, 122, 168)*/
+    --color-neutral-500: 95, 103, 149; /*rgb(95, 103, 149)*/
+    --color-neutral-600: 83, 89, 124; /*rgb(83, 89, 124)*/
+    --color-neutral-700: 69, 74, 100; /*rgb(69, 74, 100)*/
+    --color-neutral-800: 55, 58, 77; /*rgb(55, 58, 77)*/
+    --color-neutral-900: 40, 42, 54; /*rgb(40, 42, 54)*/
+    --color-primary-50: 254, 254, 255; /*rgb(254, 254, 255)*/
+    --color-primary-100: 233, 218, 254; /*rgb(233, 218, 254)*/
+    --color-primary-200: 189, 147, 249; /*rgb(189, 147, 249)*/
+    --color-primary-300: 189, 147, 249; /*rgb(189, 147, 249)*/
+    --color-primary-400: 189, 147, 249; /*rgb(189, 147, 249)*/
+    --color-primary-500: 189, 147, 249; /*rgb(189, 147, 249)*/
+    --color-primary-600: 189, 147, 249; /*rgb(189, 147, 249)*/
+    --color-primary-700: 146, 79, 242; /*rgb(146, 79, 242)*/
+    --color-primary-800: 125, 46, 237; /*rgb(125, 46, 237)*/
+    --color-primary-900: 105, 22, 224; /*rgb(105, 22, 224)*/
+    --color-secondary-50: 255, 239, 221; /*rgb(255, 239, 221)*/
+    --color-secondary-100: 255, 220, 183; /*rgb(255, 220, 183)*/
+    --color-secondary-200: 255, 202, 146; /*rgb(255, 202, 146)*/
+    --color-secondary-300: 255, 184, 108; /*rgb(255, 184, 108)*/
+    --color-secondary-400: 253, 166, 73; /*rgb(253, 166, 73)*/
+    --color-secondary-500: 251, 147, 37; /*rgb(251, 147, 37)*/
+    --color-secondary-600: 243, 129, 7; /*rgb(243, 129, 7)*/
+    --color-secondary-700: 205, 109, 8; /*rgb(205, 109, 8)*/
+    --color-secondary-800: 167, 90, 8; /*rgb(167, 90, 8)*/
+    --color-secondary-900: 130, 71, 7; /*rgb(130, 71, 7)*/
+}
+/* .test{
+color:rgb(95, 103, 149);
+} */