diff --git a/public/about/index.html b/public/about/index.html
index 08a60717..9f4e83b2 100644
--- a/public/about/index.html
+++ b/public/about/index.html
@@ -19,8 +19,8 @@
-
-
+
+
diff --git a/public/blog/2020/03/16/appgate-sdp-on-arch-linux/index.html b/public/blog/2020/03/16/appgate-sdp-on-arch-linux/index.html
index b39ae933..44b2b64e 100644
--- a/public/blog/2020/03/16/appgate-sdp-on-arch-linux/index.html
+++ b/public/blog/2020/03/16/appgate-sdp-on-arch-linux/index.html
@@ -19,8 +19,8 @@
-
-
+
+
diff --git a/public/blog/2021/09/06/what-to-do-with-a-homelab/index.html b/public/blog/2021/09/06/what-to-do-with-a-homelab/index.html
index 0812c253..28d304bb 100644
--- a/public/blog/2021/09/06/what-to-do-with-a-homelab/index.html
+++ b/public/blog/2021/09/06/what-to-do-with-a-homelab/index.html
@@ -19,8 +19,8 @@
-
-
+
+
diff --git a/public/blog/2021/09/08/why-i-threw-out-my-dotfiles/index.html b/public/blog/2021/09/08/why-i-threw-out-my-dotfiles/index.html
index 7de46e7b..94a97ff6 100644
--- a/public/blog/2021/09/08/why-i-threw-out-my-dotfiles/index.html
+++ b/public/blog/2021/09/08/why-i-threw-out-my-dotfiles/index.html
@@ -19,8 +19,8 @@
-
-
+
+
diff --git a/public/blog/2021/09/17/automatically-rotating-aws-access-keys/index.html b/public/blog/2021/09/17/automatically-rotating-aws-access-keys/index.html
index 829e1b83..bad27c73 100644
--- a/public/blog/2021/09/17/automatically-rotating-aws-access-keys/index.html
+++ b/public/blog/2021/09/17/automatically-rotating-aws-access-keys/index.html
@@ -19,8 +19,8 @@
-
-
+
+
diff --git a/public/blog/2021/10/11/replacing-docker-with-podman-on-macos-and-linux/index.html b/public/blog/2021/10/11/replacing-docker-with-podman-on-macos-and-linux/index.html
index 3f607b4f..39ccac02 100644
--- a/public/blog/2021/10/11/replacing-docker-with-podman-on-macos-and-linux/index.html
+++ b/public/blog/2021/10/11/replacing-docker-with-podman-on-macos-and-linux/index.html
@@ -19,8 +19,8 @@
-
-
+
+
diff --git a/public/blog/2021/11/14/running-k3s-in-lxc-on-proxmox/index.html b/public/blog/2021/11/14/running-k3s-in-lxc-on-proxmox/index.html
index 4d2b949e..625c0acd 100644
--- a/public/blog/2021/11/14/running-k3s-in-lxc-on-proxmox/index.html
+++ b/public/blog/2021/11/14/running-k3s-in-lxc-on-proxmox/index.html
@@ -19,8 +19,8 @@
-
-
+
+
diff --git a/public/blog/2022/03/13/backing-up-gmail-with-synology/index.html b/public/blog/2022/03/13/backing-up-gmail-with-synology/index.html
index b5ed8dd8..b86c3137 100644
--- a/public/blog/2022/03/13/backing-up-gmail-with-synology/index.html
+++ b/public/blog/2022/03/13/backing-up-gmail-with-synology/index.html
@@ -19,8 +19,8 @@
-
-
+
+
diff --git a/public/blog/2022/04/02/virtualizing-my-router-with-pfsense/index.html b/public/blog/2022/04/02/virtualizing-my-router-with-pfsense/index.html
index 9efd40f4..ffcf8853 100644
--- a/public/blog/2022/04/02/virtualizing-my-router-with-pfsense/index.html
+++ b/public/blog/2022/04/02/virtualizing-my-router-with-pfsense/index.html
@@ -19,8 +19,8 @@
-
-
+
+
diff --git a/public/blog/2022/12/10/watching-youtube-in-private/index.html b/public/blog/2022/12/10/watching-youtube-in-private/index.html
index 7a0d5a93..e959ddc4 100644
--- a/public/blog/2022/12/10/watching-youtube-in-private/index.html
+++ b/public/blog/2022/12/10/watching-youtube-in-private/index.html
@@ -19,8 +19,8 @@
-
-
+
+
diff --git a/public/categories/index.html b/public/categories/index.html
index dcb03210..1e331058 100644
--- a/public/categories/index.html
+++ b/public/categories/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/css/dark.885c118c37fd8d649bb670e65fcdf4e2b1a882335fbd1909c02eb749371db510.css b/public/css/dark.885c118c37fd8d649bb670e65fcdf4e2b1a882335fbd1909c02eb749371db510.css
new file mode 100644
index 00000000..4cc9e8f5
--- /dev/null
+++ b/public/css/dark.885c118c37fd8d649bb670e65fcdf4e2b1a882335fbd1909c02eb749371db510.css
@@ -0,0 +1,159 @@
+body {
+ color: white;
+ background-color: #202124;
+}
+
+::-moz-selection {
+ background: blue;
+ color: #fff;
+ text-shadow: none;
+}
+
+::selection {
+ background: rgb(212, 240, 32);
+ color: #000000;
+ text-shadow: none;
+}
+
+hr {
+ border-top: 3px dotted blue;
+}
+code {
+ background-color: rgb(184, 189, 190);
+ color: black;
+ text-decoration: bold;
+ padding: 0em 0.1em;
+}
+pre {
+ background-color: #272822;
+ line-height: 1.4;
+ overflow-x: auto;
+ padding: 1em;
+}
+blockquote {
+ border-color: blue;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ color: #ddd;
+}
+h1::before {
+ color: var(--darkMaincolor);
+ content: "# ";
+}
+h2::before {
+ color: var(--darkMaincolor);
+ content: "## ";
+}
+h3::before {
+ color: var(--darkMaincolor);
+ content: "### ";
+}
+h4::before {
+ color: var(--darkMaincolor);
+ content: "#### ";
+}
+h5::before {
+ color: var(--darkMaincolor);
+ content: "##### ";
+}
+h6::before {
+ color: var(--darkMaincolor);
+ content: "###### ";
+}
+
+a {
+ border-bottom: 3px solid var(--darkMaincolor);
+ color: inherit;
+}
+a:hover {
+ background-color: var(--darkMaincolor);
+ color: black;
+}
+
+.site-description a {
+ color: #ddd;
+}
+.site-description a:hover {
+ color: black;
+}
+
+.tags a {
+ border-bottom: 3px solid var(--darkMaincolor);
+}
+.tags a:hover {
+ background-color: var(--darkMaincolor);
+ color: black;
+}
+
+.site-title a {
+ color: white;
+ text-decoration: none !important;
+}
+
+.header nav,
+.footer {
+ border-color: #333;
+}
+
+.highlight {
+ background-color: #333;
+}
+.soc:hover {
+ color: black;
+}
+.draft-label {
+ color: var(--darkMaincolor);
+ background-color: blue;
+}
+.highlight pre code[class=language-javaScript]::before,
+.highlight pre code[class="language-js"]::before {
+ content: "js";
+ background: #f7df1e;
+ color: black;
+}
+.highlight pre code[class*='language-yml']::before,
+.highlight pre code[class*='language-yaml']::before {
+ content: 'yaml';
+ background: #f71e6a;
+ color: white;
+}
+.highlight pre code[class*='language-shell']::before,
+.highlight pre code[class*='language-bash']::before,
+.highlight pre code[class*='language-sh']::before {
+ content: 'shell';
+ background: green;
+ color:white
+}
+.highlight pre code[class*='language-json']::before{
+ content: 'json';
+ background: dodgerblue;
+ color: #000000
+}
+.highlight pre code[class*='language-python']::before,
+.highlight pre code[class*='language-py']::before {
+ content: 'py';
+ background: blue;
+ color: yellow ;
+}
+.highlight pre code[class*='language-css']::before{
+ content: 'css';
+ background: cyan;
+ color: black ;
+}
+.highlight pre code[class*='language-go']::before{
+ content: 'Go';
+ background: cyan;
+ color: royalblue ;
+}
+.highlight pre code[class*='language-md']::before,
+.highlight pre code[class*='language-md']::before{
+ content: 'Markdown';
+ background: royalblue;
+ color: whitesmoke ;
+}
diff --git a/public/css/dark.ffb946cc87c37439c60c9fbad4374fe4ba0cd12c09359b34541e55500b387f06.css b/public/css/dark.ffb946cc87c37439c60c9fbad4374fe4ba0cd12c09359b34541e55500b387f06.css
new file mode 100644
index 00000000..155221f2
--- /dev/null
+++ b/public/css/dark.ffb946cc87c37439c60c9fbad4374fe4ba0cd12c09359b34541e55500b387f06.css
@@ -0,0 +1,159 @@
+body {
+ color: white;
+ background-color: #202124;
+}
+
+::-moz-selection {
+ background: blue;
+ color: #fff;
+ text-shadow: none;
+}
+
+::selection {
+ background: red;
+ color: #fff;
+ text-shadow: none;
+}
+
+hr {
+ border-top: 3px dotted blue;
+}
+code {
+ background-color: rgb(184, 189, 190);
+ color: black;
+ text-decoration: bold;
+ padding: 0em 0.1em;
+}
+pre {
+ background-color: #272822;
+ line-height: 1.4;
+ overflow-x: auto;
+ padding: 1em;
+}
+blockquote {
+ border-color: blue;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ color: #ddd;
+}
+h1::before {
+ color: var(--darkMaincolor);
+ content: "# ";
+}
+h2::before {
+ color: var(--darkMaincolor);
+ content: "## ";
+}
+h3::before {
+ color: var(--darkMaincolor);
+ content: "### ";
+}
+h4::before {
+ color: var(--darkMaincolor);
+ content: "#### ";
+}
+h5::before {
+ color: var(--darkMaincolor);
+ content: "##### ";
+}
+h6::before {
+ color: var(--darkMaincolor);
+ content: "###### ";
+}
+
+a {
+ border-bottom: 3px solid var(--darkMaincolor);
+ color: inherit;
+}
+a:hover {
+ background-color: var(--darkMaincolor);
+ color: black;
+}
+
+.site-description a {
+ color: #ddd;
+}
+.site-description a:hover {
+ color: black;
+}
+
+.tags a {
+ border-bottom: 3px solid var(--darkMaincolor);
+}
+.tags a:hover {
+ background-color: var(--darkMaincolor);
+ color: black;
+}
+
+.site-title a {
+ color: white;
+ text-decoration: none !important;
+}
+
+.header nav,
+.footer {
+ border-color: #333;
+}
+
+.highlight {
+ background-color: #333;
+}
+.soc:hover {
+ color: black;
+}
+.draft-label {
+ color: var(--darkMaincolor);
+ background-color: blue;
+}
+.highlight pre code[class=language-javaScript]::before,
+.highlight pre code[class="language-js"]::before {
+ content: "js";
+ background: #f7df1e;
+ color: black;
+}
+.highlight pre code[class*='language-yml']::before,
+.highlight pre code[class*='language-yaml']::before {
+ content: 'yaml';
+ background: #f71e6a;
+ color: white;
+}
+.highlight pre code[class*='language-shell']::before,
+.highlight pre code[class*='language-bash']::before,
+.highlight pre code[class*='language-sh']::before {
+ content: 'shell';
+ background: green;
+ color:white
+}
+.highlight pre code[class*='language-json']::before{
+ content: 'json';
+ background: dodgerblue;
+ color: #000000
+}
+.highlight pre code[class*='language-python']::before,
+.highlight pre code[class*='language-py']::before {
+ content: 'py';
+ background: blue;
+ color: yellow ;
+}
+.highlight pre code[class*='language-css']::before{
+ content: 'css';
+ background: cyan;
+ color: black ;
+}
+.highlight pre code[class*='language-go']::before{
+ content: 'Go';
+ background: cyan;
+ color: royalblue ;
+}
+.highlight pre code[class*='language-md']::before,
+.highlight pre code[class*='language-md']::before{
+ content: 'Markdown';
+ background: royalblue;
+ color: whitesmoke ;
+}
diff --git a/public/css/main.b1d45f5262a20ea558413b4332911bbfffdc817381e830db7eddb2271787a070.css b/public/css/main.b1d45f5262a20ea558413b4332911bbfffdc817381e830db7eddb2271787a070.css
new file mode 100644
index 00000000..de8ea7d9
--- /dev/null
+++ b/public/css/main.b1d45f5262a20ea558413b4332911bbfffdc817381e830db7eddb2271787a070.css
@@ -0,0 +1,333 @@
+/* Markdown */
+:root{
+--maincolor: rgb(111, 119, 140);
+--bordercl:rebeccapurple;
+--callouctcolor:dodgerblue;
+--hovercolor:navy;
+--darkMaincolor: #50fa7b;
+}
+html {
+ color: #232333;
+ font-family: 'Roboto Mono', monospace;
+ font-size: 15px;
+ line-height: 1.6em;
+}
+body{
+ display: block;
+ margin: 8px;
+}
+* {
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+::selection {
+ background: var(--maincolor);
+ color: #fff;
+}
+
+p {
+ font-family: 'Fira Sans', sans-serif;
+ line-height: 1.5;
+}
+
+hr {
+ border: 0;
+ border-top: 3px dotted var(--bordercl);
+ margin: 1em 0;
+}
+
+blockquote {
+ border-left: 3px solid var(--bordercl);
+ color: #737373;
+ margin: 0;
+ padding-left: 1em;
+}
+
+a {
+ border-bottom: 3px solid var(--maincolor);
+ color: inherit;
+ text-decoration: none;
+}
+a:hover {
+ background-color: var(--hovercolor);
+ color: #fff;
+}
+
+ul {
+ list-style: none;
+ padding-left: 2ch;
+}
+ul li {
+ text-indent: -2ch;
+}
+ul > li::before {
+ content: '* ';
+ font-weight: bold;
+}
+
+/* Images */
+img {
+ border: 3px solid #ececec;
+ max-width: 100%;
+}
+
+figure {
+ box-sizing: border-box;
+ display: inline-block;
+ margin: 0;
+ max-width: 100%;
+}
+
+figure img {
+ max-height: 500px;
+}
+
+@media screen and (min-width: 600px) {
+ figure {
+ padding: 0 40px;
+ }
+}
+
+figure h4 {
+ font-size: 1rem;
+ margin: 0;
+ margin-bottom: 1em;
+}
+figure h4::before {
+ content: '↳ ';
+}
+
+/* Code blocks */
+code {
+ background-color: #f1f1f1;
+ padding: 0em .0.1em;
+}
+
+pre {
+ background-color: #ececec;
+ line-height: 1.4;
+ overflow-x: auto;
+ padding: 1em;
+}
+
+.highlight pre ::selection {
+ background: rgba(255, 255, 255, 0.2);
+ color: inherit;
+}
+
+pre code {
+ background-color: transparent;
+ color: inherit;
+ font-size: 100%;
+ padding: 0;
+}
+
+/* Containers */
+.content {
+ margin-bottom: 4em;
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 800px;
+ padding: 0 1ch;
+ word-wrap: break-word;
+}
+
+/* Header */
+header {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ margin: 1em 0;
+ line-height: 2.5em;
+}
+
+header .main {
+ font-size: 1.5rem;
+}
+h1, h2, h3, h4, h5, h6 {
+ font-size: 1.2rem;
+ margin-top: 2em;
+}
+
+h1::before { color: var(--maincolor); content: '# '; }
+h2::before { color: var(--maincolor); content: '## '; }
+h3::before { color: var(--maincolor); content: '### '; }
+h4::before { color: var(--maincolor); content: '#### '; }
+h5::before { color: var(--maincolor); content: '##### '; }
+h6::before { color: var(--maincolor); content: '###### '; }
+
+.meta {
+ color: #999;
+ letter-spacing: -0.5px;
+}
+
+/* Footer */
+footer {
+ display: flex;
+ align-items: center;
+ border-top: 0.4rem dotted var(--bordercl);
+ padding: 2rem 0rem;
+ margin-top: 2rem;
+}
+.soc {
+ display: flex;
+ align-items: center;
+ border-bottom: none;
+}
+.border {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ border: 1px solid;
+}
+.footer-info {
+ padding: var(--footer-padding);
+}
+
+/* Common */
+.title h1 {
+ margin-bottom: 0;
+}
+
+time {
+ color: grey;
+}
+
+/* Posts */
+article .title {
+ margin-bottom: 1em;
+}
+
+
+/* Callout */
+.callout {
+ background-color: var(--callouctcolor);
+ color: #fff;
+ padding: 1em;
+}
+
+.callout p {
+ font-family: 'IBM Plex Mono', monospace;
+ margin: 0;
+}
+
+.callout a {
+ border-bottom: 3px solid #fff;
+}
+
+.callout a:hover {
+ background-color: #fff;
+ color: var(--callouctcolor);
+}
+
+.site-description {
+display: flex;
+justify-content: space-between;
+}
+.tags li::before{
+ content: "🏷 ";
+}
+.tags a{
+ border-bottom: 3px solid var(--maincolor);
+}
+.tags a:hover{
+ color:white;
+ background-color: var(--hovercolor);
+}
+svg{
+ max-height: 15px;
+}
+.soc:hover{
+ color: white;
+}
+.draft-label{
+ color: var(--bordercl);
+ text-decoration: none;
+ padding: 2px 4px;
+ border-radius: 4px;
+ margin-left: 6px;
+ background-color: #f9f2f4;
+}
+.highlight {
+ position: relative;
+ -webkit-overflow-scrolling: touch;
+}
+.highlight pre code[class*="language-"] {
+ -webkit-overflow-scrolling: touch;
+}
+.highlight pre code[class*="language-"]::before {
+ background: black;
+ border-radius: 0 0 0.25rem 0.25rem;
+ color: white;
+ font-size: 12px;
+ letter-spacing: 0.025rem;
+ padding: 0.1rem 0.5rem;
+ position: absolute;
+ right: 1rem;
+ text-align: right;
+ text-transform: uppercase;
+ top: 0;
+}
+
+.highlight pre code[class=language-javaScript]::before,
+.highlight pre code[class="language-js"]::before {
+content: "js";
+background: #f7df1e;
+color: black;
+}
+.highlight pre code[class*='language-yml']::before,
+.highlight pre code[class*='language-yaml']::before {
+content: 'yaml';
+background: #f71e6a;
+color: white;
+}
+.highlight pre code[class*='language-shell']::before,
+.highlight pre code[class*='language-bash']::before,
+.highlight pre code[class*='language-sh']::before {
+content: 'shell';
+background: green;
+color:white
+}
+.highlight pre code[class*='language-json']::before{
+content: 'json';
+background: dodgerblue;
+ color: #000000
+}
+.highlight pre code[class*='language-python']::before,
+.highlight pre code[class*='language-py']::before {
+content: 'py';
+background: blue;
+color: yellow ;
+}
+.highlight pre code[class*='language-css']::before{
+content: 'css';
+background: cyan;
+color: black ;
+}
+.highlight pre code[class*='language-go']::before{
+content: 'Go';
+background: cyan;
+color: royalblue ;
+}
+.highlight pre code[class*='language-md']::before,
+.highlight pre code[class*='language-md']::before{
+content: 'Markdown';
+background: royalblue;
+color: whitesmoke ;
+}
+
+/* table */
+table {
+ border-spacing: 0;
+ border-collapse: collapse;
+}
+
+table th{
+ padding: 6px 13px;
+ border: 1px solid #dfe2e5;
+ font-size: large;
+}
+
+table td{
+ padding: 6px 13px;
+ border: 1px solid #dfe2e5;
+}
diff --git a/public/css/main.b62676bff4820110a8d277865623140415878fe61d482b3d5dee841dfd5553b8.css b/public/css/main.b62676bff4820110a8d277865623140415878fe61d482b3d5dee841dfd5553b8.css
new file mode 100644
index 00000000..5891fe28
--- /dev/null
+++ b/public/css/main.b62676bff4820110a8d277865623140415878fe61d482b3d5dee841dfd5553b8.css
@@ -0,0 +1,333 @@
+/* Markdown */
+:root{
+--maincolor: rgb(111, 119, 140);
+--bordercl:rebeccapurple;
+--callouctcolor:dodgerblue;
+--hovercolor:navy;
+--darkMaincolor: #50fa7b;
+}
+html {
+ color: #232333;
+ font-family: 'Roboto Mono', monospace;
+ font-size: 15px;
+ line-height: 1.6em;
+}
+body{
+ display: block;
+ margin: 8px;
+}
+* {
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+::selection {
+ background: #eef35c;
+ color: #000000;
+}
+
+p {
+ font-family: 'Fira Sans', sans-serif;
+ line-height: 1.5;
+}
+
+hr {
+ border: 0;
+ border-top: 3px dotted var(--bordercl);
+ margin: 1em 0;
+}
+
+blockquote {
+ border-left: 3px solid var(--bordercl);
+ color: #737373;
+ margin: 0;
+ padding-left: 1em;
+}
+
+a {
+ border-bottom: 3px solid var(--maincolor);
+ color: inherit;
+ text-decoration: none;
+}
+a:hover {
+ background-color: var(--hovercolor);
+ color: #fff;
+}
+
+ul {
+ list-style: none;
+ padding-left: 2ch;
+}
+ul li {
+ text-indent: -2ch;
+}
+ul > li::before {
+ content: '* ';
+ font-weight: bold;
+}
+
+/* Images */
+img {
+ border: 3px solid #ececec;
+ max-width: 100%;
+}
+
+figure {
+ box-sizing: border-box;
+ display: inline-block;
+ margin: 0;
+ max-width: 100%;
+}
+
+figure img {
+ max-height: 500px;
+}
+
+@media screen and (min-width: 600px) {
+ figure {
+ padding: 0 40px;
+ }
+}
+
+figure h4 {
+ font-size: 1rem;
+ margin: 0;
+ margin-bottom: 1em;
+}
+figure h4::before {
+ content: '↳ ';
+}
+
+/* Code blocks */
+code {
+ background-color: #f1f1f1;
+ padding: 0em .0.1em;
+}
+
+pre {
+ background-color: #ececec;
+ line-height: 1.4;
+ overflow-x: auto;
+ padding: 1em;
+}
+
+.highlight pre ::selection {
+ background: rgba(255, 255, 255, 0.2);
+ color: inherit;
+}
+
+pre code {
+ background-color: transparent;
+ color: inherit;
+ font-size: 100%;
+ padding: 0;
+}
+
+/* Containers */
+.content {
+ margin-bottom: 4em;
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 800px;
+ padding: 0 1ch;
+ word-wrap: break-word;
+}
+
+/* Header */
+header {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ margin: 1em 0;
+ line-height: 2.5em;
+}
+
+header .main {
+ font-size: 1.5rem;
+}
+h1, h2, h3, h4, h5, h6 {
+ font-size: 1.2rem;
+ margin-top: 2em;
+}
+
+h1::before { color: var(--maincolor); content: '# '; }
+h2::before { color: var(--maincolor); content: '## '; }
+h3::before { color: var(--maincolor); content: '### '; }
+h4::before { color: var(--maincolor); content: '#### '; }
+h5::before { color: var(--maincolor); content: '##### '; }
+h6::before { color: var(--maincolor); content: '###### '; }
+
+.meta {
+ color: #999;
+ letter-spacing: -0.5px;
+}
+
+/* Footer */
+footer {
+ display: flex;
+ align-items: center;
+ border-top: 0.4rem dotted var(--bordercl);
+ padding: 2rem 0rem;
+ margin-top: 2rem;
+}
+.soc {
+ display: flex;
+ align-items: center;
+ border-bottom: none;
+}
+.border {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ border: 1px solid;
+}
+.footer-info {
+ padding: var(--footer-padding);
+}
+
+/* Common */
+.title h1 {
+ margin-bottom: 0;
+}
+
+time {
+ color: grey;
+}
+
+/* Posts */
+article .title {
+ margin-bottom: 1em;
+}
+
+
+/* Callout */
+.callout {
+ background-color: var(--callouctcolor);
+ color: #fff;
+ padding: 1em;
+}
+
+.callout p {
+ font-family: 'IBM Plex Mono', monospace;
+ margin: 0;
+}
+
+.callout a {
+ border-bottom: 3px solid #fff;
+}
+
+.callout a:hover {
+ background-color: #fff;
+ color: var(--callouctcolor);
+}
+
+.site-description {
+display: flex;
+justify-content: space-between;
+}
+.tags li::before{
+ content: "🏷 ";
+}
+.tags a{
+ border-bottom: 3px solid var(--maincolor);
+}
+.tags a:hover{
+ color:white;
+ background-color: var(--hovercolor);
+}
+svg{
+ max-height: 15px;
+}
+.soc:hover{
+ color: white;
+}
+.draft-label{
+ color: var(--bordercl);
+ text-decoration: none;
+ padding: 2px 4px;
+ border-radius: 4px;
+ margin-left: 6px;
+ background-color: #f9f2f4;
+}
+.highlight {
+ position: relative;
+ -webkit-overflow-scrolling: touch;
+}
+.highlight pre code[class*="language-"] {
+ -webkit-overflow-scrolling: touch;
+}
+.highlight pre code[class*="language-"]::before {
+ background: black;
+ border-radius: 0 0 0.25rem 0.25rem;
+ color: white;
+ font-size: 12px;
+ letter-spacing: 0.025rem;
+ padding: 0.1rem 0.5rem;
+ position: absolute;
+ right: 1rem;
+ text-align: right;
+ text-transform: uppercase;
+ top: 0;
+}
+
+.highlight pre code[class=language-javaScript]::before,
+.highlight pre code[class="language-js"]::before {
+content: "js";
+background: #f7df1e;
+color: black;
+}
+.highlight pre code[class*='language-yml']::before,
+.highlight pre code[class*='language-yaml']::before {
+content: 'yaml';
+background: #f71e6a;
+color: white;
+}
+.highlight pre code[class*='language-shell']::before,
+.highlight pre code[class*='language-bash']::before,
+.highlight pre code[class*='language-sh']::before {
+content: 'shell';
+background: green;
+color:white
+}
+.highlight pre code[class*='language-json']::before{
+content: 'json';
+background: dodgerblue;
+ color: #000000
+}
+.highlight pre code[class*='language-python']::before,
+.highlight pre code[class*='language-py']::before {
+content: 'py';
+background: blue;
+color: yellow ;
+}
+.highlight pre code[class*='language-css']::before{
+content: 'css';
+background: cyan;
+color: black ;
+}
+.highlight pre code[class*='language-go']::before{
+content: 'Go';
+background: cyan;
+color: royalblue ;
+}
+.highlight pre code[class*='language-md']::before,
+.highlight pre code[class*='language-md']::before{
+content: 'Markdown';
+background: royalblue;
+color: whitesmoke ;
+}
+
+/* table */
+table {
+ border-spacing: 0;
+ border-collapse: collapse;
+}
+
+table th{
+ padding: 6px 13px;
+ border: 1px solid #dfe2e5;
+ font-size: large;
+}
+
+table td{
+ padding: 6px 13px;
+ border: 1px solid #dfe2e5;
+}
diff --git a/public/index.html b/public/index.html
index 6e362420..bdc01c27 100644
--- a/public/index.html
+++ b/public/index.html
@@ -20,8 +20,8 @@
-
-
+
+
diff --git a/public/page/index.html b/public/page/index.html
index f74ce7e4..0c6aadc8 100644
--- a/public/page/index.html
+++ b/public/page/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/page/search/index.html b/public/page/search/index.html
index 27c14ca9..0a0e63e4 100644
--- a/public/page/search/index.html
+++ b/public/page/search/index.html
@@ -19,8 +19,8 @@
-
-
+
+
diff --git a/public/post/index.html b/public/post/index.html
index a75c669d..c236aa57 100644
--- a/public/post/index.html
+++ b/public/post/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/adguard/index.html b/public/tags/adguard/index.html
index db89316f..618506d3 100644
--- a/public/tags/adguard/index.html
+++ b/public/tags/adguard/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/aws-vault/index.html b/public/tags/aws-vault/index.html
index dedb2f4b..433eb6cd 100644
--- a/public/tags/aws-vault/index.html
+++ b/public/tags/aws-vault/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/aws/index.html b/public/tags/aws/index.html
index 44f7e37a..eb6bbf63 100644
--- a/public/tags/aws/index.html
+++ b/public/tags/aws/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/backup/index.html b/public/tags/backup/index.html
index 302b5737..411d452e 100644
--- a/public/tags/backup/index.html
+++ b/public/tags/backup/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/containers/index.html b/public/tags/containers/index.html
index 033c4f1b..8ebc1c78 100644
--- a/public/tags/containers/index.html
+++ b/public/tags/containers/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/degoogle/index.html b/public/tags/degoogle/index.html
index 1df2088f..7760466e 100644
--- a/public/tags/degoogle/index.html
+++ b/public/tags/degoogle/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/docker/index.html b/public/tags/docker/index.html
index a3ad8786..45230889 100644
--- a/public/tags/docker/index.html
+++ b/public/tags/docker/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/dotfiles/index.html b/public/tags/dotfiles/index.html
index d790a66f..f57cb41d 100644
--- a/public/tags/dotfiles/index.html
+++ b/public/tags/dotfiles/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/gmail/index.html b/public/tags/gmail/index.html
index 4f84c9b9..6ba9e8e8 100644
--- a/public/tags/gmail/index.html
+++ b/public/tags/gmail/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/grafana/index.html b/public/tags/grafana/index.html
index f0607da1..a48813b9 100644
--- a/public/tags/grafana/index.html
+++ b/public/tags/grafana/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/home-manager/index.html b/public/tags/home-manager/index.html
index e0730928..3ae7132c 100644
--- a/public/tags/home-manager/index.html
+++ b/public/tags/home-manager/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/homelab/index.html b/public/tags/homelab/index.html
index 8ee215e2..550e5377 100644
--- a/public/tags/homelab/index.html
+++ b/public/tags/homelab/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/index.html b/public/tags/index.html
index 4a6d8ba6..88c4d691 100644
--- a/public/tags/index.html
+++ b/public/tags/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/invidious/index.html b/public/tags/invidious/index.html
index fc6c49b5..bf0d7526 100644
--- a/public/tags/invidious/index.html
+++ b/public/tags/invidious/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/jellyfin/index.html b/public/tags/jellyfin/index.html
index cab15851..5de7ac94 100644
--- a/public/tags/jellyfin/index.html
+++ b/public/tags/jellyfin/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/k3s/index.html b/public/tags/k3s/index.html
index f3bca631..db9a1d65 100644
--- a/public/tags/k3s/index.html
+++ b/public/tags/k3s/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/linux/index.html b/public/tags/linux/index.html
index 2ee7e954..d24362e5 100644
--- a/public/tags/linux/index.html
+++ b/public/tags/linux/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/lxc/index.html b/public/tags/lxc/index.html
index b2e54a5b..26119162 100644
--- a/public/tags/lxc/index.html
+++ b/public/tags/lxc/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/netdata/index.html b/public/tags/netdata/index.html
index 2545fa51..dc03d37e 100644
--- a/public/tags/netdata/index.html
+++ b/public/tags/netdata/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/nix/index.html b/public/tags/nix/index.html
index feee0754..856aa362 100644
--- a/public/tags/nix/index.html
+++ b/public/tags/nix/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/openwrt/index.html b/public/tags/openwrt/index.html
index 583ea4b7..e8178054 100644
--- a/public/tags/openwrt/index.html
+++ b/public/tags/openwrt/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/pfsense/index.html b/public/tags/pfsense/index.html
index 387a70bc..0d7b6f4c 100644
--- a/public/tags/pfsense/index.html
+++ b/public/tags/pfsense/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/pihole/index.html b/public/tags/pihole/index.html
index b6679342..2844254a 100644
--- a/public/tags/pihole/index.html
+++ b/public/tags/pihole/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/plex/index.html b/public/tags/plex/index.html
index cce5078e..77ecc9ac 100644
--- a/public/tags/plex/index.html
+++ b/public/tags/plex/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/podman/index.html b/public/tags/podman/index.html
index baca4086..a9394da9 100644
--- a/public/tags/podman/index.html
+++ b/public/tags/podman/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/privacy/index.html b/public/tags/privacy/index.html
index b9ab3b82..37a150e9 100644
--- a/public/tags/privacy/index.html
+++ b/public/tags/privacy/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/proxmox/index.html b/public/tags/proxmox/index.html
index be93397d..70ea23d0 100644
--- a/public/tags/proxmox/index.html
+++ b/public/tags/proxmox/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/python/index.html b/public/tags/python/index.html
index d6458ae1..fff6f04e 100644
--- a/public/tags/python/index.html
+++ b/public/tags/python/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/ransomware/index.html b/public/tags/ransomware/index.html
index d9039927..1063be17 100644
--- a/public/tags/ransomware/index.html
+++ b/public/tags/ransomware/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/router-on-a-stick/index.html b/public/tags/router-on-a-stick/index.html
index ba74b090..88227bde 100644
--- a/public/tags/router-on-a-stick/index.html
+++ b/public/tags/router-on-a-stick/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/router/index.html b/public/tags/router/index.html
index 3dc5da4e..aee798ff 100644
--- a/public/tags/router/index.html
+++ b/public/tags/router/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/security/index.html b/public/tags/security/index.html
index 22c8093f..7c9f6964 100644
--- a/public/tags/security/index.html
+++ b/public/tags/security/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/synology/index.html b/public/tags/synology/index.html
index 06e24ae1..cf12b70c 100644
--- a/public/tags/synology/index.html
+++ b/public/tags/synology/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/tailscale/index.html b/public/tags/tailscale/index.html
index 74fa621b..de6aca6a 100644
--- a/public/tags/tailscale/index.html
+++ b/public/tags/tailscale/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/virtualization/index.html b/public/tags/virtualization/index.html
index afa55f27..99c67b62 100644
--- a/public/tags/virtualization/index.html
+++ b/public/tags/virtualization/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/vlan/index.html b/public/tags/vlan/index.html
index aceed1f6..9de1d0f7 100644
--- a/public/tags/vlan/index.html
+++ b/public/tags/vlan/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/vpn/index.html b/public/tags/vpn/index.html
index b0bcc8ca..367c8aa9 100644
--- a/public/tags/vpn/index.html
+++ b/public/tags/vpn/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/yewtu.be/index.html b/public/tags/yewtu.be/index.html
index c8fdebcb..c9f32471 100644
--- a/public/tags/yewtu.be/index.html
+++ b/public/tags/yewtu.be/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/public/tags/youtube/index.html b/public/tags/youtube/index.html
index d7b81115..6868cd4c 100644
--- a/public/tags/youtube/index.html
+++ b/public/tags/youtube/index.html
@@ -18,8 +18,8 @@
-
-
+
+
diff --git a/themes/archie/assets/css/dark.css b/themes/archie/assets/css/dark.css
index f93adf17..4cc9e8f5 100644
--- a/themes/archie/assets/css/dark.css
+++ b/themes/archie/assets/css/dark.css
@@ -10,8 +10,8 @@ body {
}
::selection {
- background: red;
- color: #fff;
+ background: rgb(212, 240, 32);
+ color: #000000;
text-shadow: none;
}
@@ -19,10 +19,10 @@ hr {
border-top: 3px dotted blue;
}
code {
- background-color: lightblue;
+ background-color: rgb(184, 189, 190);
color: black;
text-decoration: bold;
- padding: 0.1em 0.2em;
+ padding: 0em 0.1em;
}
pre {
background-color: #272822;
@@ -156,4 +156,4 @@ a:hover {
content: 'Markdown';
background: royalblue;
color: whitesmoke ;
-}
\ No newline at end of file
+}
diff --git a/themes/archie/assets/css/main.css b/themes/archie/assets/css/main.css
index ff4add54..5891fe28 100644
--- a/themes/archie/assets/css/main.css
+++ b/themes/archie/assets/css/main.css
@@ -21,8 +21,8 @@ body{
}
::selection {
- background: var(--maincolor);
- color: #fff;
+ background: #eef35c;
+ color: #000000;
}
p {
@@ -100,7 +100,7 @@ figure h4::before {
/* Code blocks */
code {
background-color: #f1f1f1;
- padding: .1em .2em;
+ padding: 0em .0.1em;
}
pre {