Update: welcome page

content/_index.md

@@ -3,7 +3,7 @@ title: "Home"
 description: "Freedoms4"
 ---
 
-# Hello! Welcome 🙏
+# Namaste 🙏
 
 <p style="text-indent: 1.185em;">
 My name is <b>hyzen</b>, I'm the founder of this site. This site is my space to write about my views on various subjects and explore ideas that matter to me. I also provide free <a href="/services/">services</a> to the public that may matter to them.

docs/css/custom.css

@@ -71,8 +71,8 @@
 	padding: 0.2rem 0.4rem;
 	border-radius: 3px;
 	border: 1px solid #ff3d3d;
-	background-color: #ff3d3d;
+	background-color: transparent;
-	color: #fff !important;
+	color: #ff3d3d !important;
 	font-size: 0.7rem;
 	font-weight: 340;
 	text-decoration: none !important;
@@ -108,22 +108,22 @@
 	color: var(--foreground-color) !important;
 }
 [data-theme='light'] .rss-subscribe__link {
-	background-color: #ff3d3d;
+	background-color: transparent;
 	border-color: #ff3d3d;
-	color: #fff !important;
+	color: #ff3d3d !important;
 }
 [data-theme='light'] .rss-subscribe__link:hover,
 [data-theme='light'] .rss-subscribe__link:focus {
 	background-color: transparent;
-	border-color: #ff3d3d;
+	border-color: #89808092;
-	color: #ff3d3d !important;
+	color: #000000bc !important;
 }
 
 .rss-subscribe__link:hover,
 .rss-subscribe__link:focus {
 	background-color: transparent;
-	border-color: #ff3d3d;
+	border-color: #89808092;
-	color: #ff3d3d !important;
+	color: #000000bc !important;
 }
 
 .rss-subscribe__link svg {
@@ -290,8 +290,9 @@
 }
 
 .brand__mobile-toggle:hover {
-	background-color: #ff3d3d;
+	background-color: transparent;
-	color: #fff;
+	border-color: #89808092;
+	color: #000000bc;
 }
 
 /* Mobile dropdown panel */
@@ -313,14 +314,17 @@
 	display: flex;
 }
 
+
 [data-theme='light'] .brand__mobile-check:checked ~ .brand__mobile-toggle {
-	background-color: #ff3d3d;
+	background-color: transparent;
-	color: #fff;
+	border-color: #89808092;
+	color: #000000bc;
 }
 @media (prefers-color-scheme: light) {
 	.brand__mobile-check:checked ~ .brand__mobile-toggle {
-		background-color: #ff3d3d;
+		background-color: transparent;
-		color: #fff;
+		border-color: #89808092;
+		color: #000000bc;
 	}
 }
 
@@ -336,6 +340,16 @@
 	transition: background-color 0.15s ease;
 }
 
+[data-theme='light'] .brand__mobile-check:checked ~ .brand__mobile-links .mobile-link {
+	color: #ff3d3d;
+}
+
+@media (prefers-color-scheme: light) {
+	.brand__mobile-check:checked ~ .brand__mobile-links .mobile-link {
+		color: #ff3d3d;
+	}
+}
+
 .mobile-link:hover {
 	background-color: var(--background-color1);
 }
@@ -344,6 +358,7 @@
 	border-bottom: 1px solid var(--foreground-color3);
 }
 
+
 /* Mobile toggle dark mode colors */
 @media (prefers-color-scheme: dark) {
 	.brand__mobile-toggle {
@@ -363,8 +378,9 @@
 	color: #ff3d3d;
 }
 [data-theme='light'] .brand__mobile-toggle:hover {
-	background-color: #ff3d3d;
+	background-color: transparent;
-	color: #fff;
+	border-color: #89808092;
+	color: #000000bc;
 }
 [data-theme='dark'] .brand__mobile-toggle {
 	background-color: transparent;
@@ -445,7 +461,7 @@
 	--foreground-color: #000000e1;
 	--foreground-color3: #665c54;
 	--accent-color: #1133e9c5;
-	--menu-color: #000000ae;
+	--menu-color: #000000b4;
 }
 
 /* Force dark theme */

docs/css/style.css

@@ -0,0 +1,774 @@
+/*
+Styles are mobile-first. Desktop styles are wrapped in media queries.
+Naming convention: BEM (Block, Element, Modifier). When it's difficult to add classes, I will use tag names.
+*/
+*,
+*::before,
+*::after {
+  box-sizing: border-box; }
+
+.body {
+  margin: 0; }
+
+a {
+  text-decoration: none; }
+
+.menu__list,
+.translation-list,
+.pagination {
+  list-style-type: none;
+  padding-inline-start: 0; }
+
+ul:has(> li > input[type="checkbox"]) {
+  list-style-type: none;
+  padding-inline-start: 1em; }
+
+blockquote {
+  margin: 0; }
+
+.body {
+  margin-left: 16px;
+  margin-right: 16px; }
+
+@media (min-width: 800px) {
+  .body {
+    width: 768px;
+    margin-left: auto;
+    margin-right: auto; } }
+
+:root {
+  --background-color: #171414;
+  --background-color1: #fff;
+  --foreground-color: #e3e1db;
+  --foreground-color3: #ccc3b3;
+  --accent-color: #fff; }
+
+@media (prefers-color-scheme: light) {
+  :root {
+    --background-color: #fbf1c7;
+    --background-color1: #ebdbb2;
+    --foreground-color: #3c3836;
+    --foreground-color3: #665c54;
+    --accent-color: #af3a03; } }
+
+.body {
+  background-color: var(--background-color);
+  color: var(--foreground-color); }
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: var(--foreground-color); }
+
+a {
+  color: var(--accent-color); }
+
+.header {
+  border-bottom: 1px solid var(--background-color1); }
+
+.brand {
+  display: flex;
+  align-items: center;
+  gap: 6.9px;
+  margin-bottom: -18px; }
+
+.brand img {
+  height: 37px;
+  padding: 0px; }
+
+.footer {
+  border-top: 1px solid var(--background-color1); }
+
+blockquote {
+  background-color: var(--background-color1); }
+  [dir=rtl] blockquote {
+    border-right: 0.5rem solid var(--accent-color); }
+  [dir=ltr] blockquote {
+    border-left: 0.5rem solid var(--accent-color); }
+
+:not(pre) > code {
+  background-color: var(--background-color1); }
+
+hr {
+  background: var(--background-color1); }
+
+table {
+  background-color: var(--background-color1); }
+
+td,
+th {
+  border: 1px solid var(--background-color); }
+
+figcaption {
+  color: var(--foreground-color3); }
+
+/* Background */
+.bg {
+  color: #3c3836;
+  background-color: #fbf1c7; }
+
+/* PreWrapper */
+.chroma {
+  color: #3c3836;
+  background-color: #fbf1c7; }
+
+/* Other */
+/* Error */
+/* CodeLine */
+/* 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: #e1d8b3; }
+
+/* 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: #9d9b9a; }
+
+/* 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: #9d9b9a; }
+
+/* Line */
+.chroma .line {
+  display: flex; }
+
+/* Keyword */
+.chroma .k {
+  color: #af3a03; }
+
+/* KeywordConstant */
+.chroma .kc {
+  color: #af3a03; }
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: #af3a03; }
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: #af3a03; }
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: #af3a03; }
+
+/* KeywordReserved */
+.chroma .kr {
+  color: #af3a03; }
+
+/* KeywordType */
+.chroma .kt {
+  color: #b57614; }
+
+/* Name */
+/* NameAttribute */
+.chroma .na {
+  color: #79740e;
+  font-weight: bold; }
+
+/* NameBuiltin */
+.chroma .nb {
+  color: #b57614; }
+
+/* NameBuiltinPseudo */
+/* NameClass */
+/* NameConstant */
+.chroma .no {
+  color: #d3869b; }
+
+/* NameDecorator */
+/* NameEntity */
+.chroma .ni {
+  color: #b57614; }
+
+/* NameException */
+.chroma .ne {
+  color: #fb4934; }
+
+/* NameFunction */
+.chroma .nf {
+  color: #b57614; }
+
+/* NameFunctionMagic */
+/* NameLabel */
+.chroma .nl {
+  color: #9d0006; }
+
+/* NameNamespace */
+/* NameOther */
+/* NameProperty */
+/* NameTag */
+.chroma .nt {
+  color: #9d0006; }
+
+/* NameVariable */
+/* NameVariableClass */
+/* NameVariableGlobal */
+/* NameVariableInstance */
+/* NameVariableMagic */
+/* Literal */
+/* LiteralDate */
+/* LiteralString */
+.chroma .s {
+  color: #79740e; }
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: #79740e; }
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: #79740e; }
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: #79740e; }
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: #79740e; }
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: #79740e; }
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: #79740e; }
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: #79740e; }
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: #79740e; }
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: #79740e; }
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: #79740e; }
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: #79740e; }
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: #79740e; }
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: #076678; }
+
+/* LiteralNumber */
+.chroma .m {
+  color: #8f3f71; }
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: #8f3f71; }
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: #8f3f71; }
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: #8f3f71; }
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: #8f3f71; }
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: #8f3f71; }
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: #8f3f71; }
+
+/* Operator */
+.chroma .o {
+  color: #af3a03; }
+
+/* OperatorWord */
+.chroma .ow {
+  color: #af3a03; }
+
+/* Punctuation */
+/* Comment */
+.chroma .c {
+  color: #928374;
+  font-style: italic; }
+
+/* CommentHashbang */
+.chroma .ch {
+  color: #928374;
+  font-style: italic; }
+
+/* CommentMultiline */
+.chroma .cm {
+  color: #928374;
+  font-style: italic; }
+
+/* CommentSingle */
+.chroma .c1 {
+  color: #928374;
+  font-style: italic; }
+
+/* CommentSpecial */
+.chroma .cs {
+  color: #928374;
+  font-style: italic; }
+
+/* CommentPreproc */
+.chroma .cp {
+  color: #427b58; }
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: #427b58;
+  font-style: italic; }
+
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: #282828;
+  background-color: #9d0006; }
+
+/* GenericEmph */
+.chroma .ge {
+  color: #076678;
+  text-decoration: underline; }
+
+/* GenericError */
+.chroma .gr {
+  background-color: #9d0006;
+  font-weight: bold; }
+
+/* GenericHeading */
+.chroma .gh {
+  color: #79740e;
+  font-weight: bold; }
+
+/* GenericInserted */
+.chroma .gi {
+  color: #282828;
+  background-color: #79740e; }
+
+/* GenericOutput */
+.chroma .go {
+  color: #504945; }
+
+/* GenericPrompt */
+/* GenericStrong */
+/* GenericSubheading */
+.chroma .gu {
+  color: #79740e;
+  font-weight: bold; }
+
+/* GenericTraceback */
+.chroma .gt {
+  background-color: #3c3836;
+  font-weight: bold; }
+
+/* GenericUnderline */
+/* TextWhitespace */
+@media (prefers-color-scheme: dark) {
+  /* Background */
+  .bg {
+    color: #ebdbb2;
+    background-color: #282828; }
+  /* PreWrapper */
+  .chroma {
+    color: #ebdbb2;
+    background-color: #282828; }
+  /* Other */
+  /* Error */
+  /* CodeLine */
+  /* 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: #3d3d3d; }
+  /* 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: #756d59; }
+  /* 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: #756d59; }
+  /* Line */
+  .chroma .line {
+    display: flex; }
+  /* Keyword */
+  .chroma .k {
+    color: #fe8019; }
+  /* KeywordConstant */
+  .chroma .kc {
+    color: #fe8019; }
+  /* KeywordDeclaration */
+  .chroma .kd {
+    color: #fe8019; }
+  /* KeywordNamespace */
+  .chroma .kn {
+    color: #fe8019; }
+  /* KeywordPseudo */
+  .chroma .kp {
+    color: #fe8019; }
+  /* KeywordReserved */
+  .chroma .kr {
+    color: #fe8019; }
+  /* KeywordType */
+  .chroma .kt {
+    color: #fabd2f; }
+  /* Name */
+  /* NameAttribute */
+  .chroma .na {
+    color: #b8bb26;
+    font-weight: bold; }
+  /* NameBuiltin */
+  .chroma .nb {
+    color: #fabd2f; }
+  /* NameBuiltinPseudo */
+  /* NameClass */
+  /* NameConstant */
+  .chroma .no {
+    color: #d3869b; }
+  /* NameDecorator */
+  /* NameEntity */
+  .chroma .ni {
+    color: #fabd2f; }
+  /* NameException */
+  .chroma .ne {
+    color: #fb4934; }
+  /* NameFunction */
+  .chroma .nf {
+    color: #fabd2f; }
+  /* NameFunctionMagic */
+  /* NameLabel */
+  .chroma .nl {
+    color: #fb4934; }
+  /* NameNamespace */
+  /* NameOther */
+  /* NameProperty */
+  /* NameTag */
+  .chroma .nt {
+    color: #fb4934; }
+  /* NameVariable */
+  /* NameVariableClass */
+  /* NameVariableGlobal */
+  /* NameVariableInstance */
+  /* NameVariableMagic */
+  /* Literal */
+  /* LiteralDate */
+  /* LiteralString */
+  .chroma .s {
+    color: #b8bb26; }
+  /* LiteralStringAffix */
+  .chroma .sa {
+    color: #b8bb26; }
+  /* LiteralStringBacktick */
+  .chroma .sb {
+    color: #b8bb26; }
+  /* LiteralStringChar */
+  .chroma .sc {
+    color: #b8bb26; }
+  /* LiteralStringDelimiter */
+  .chroma .dl {
+    color: #b8bb26; }
+  /* LiteralStringDoc */
+  .chroma .sd {
+    color: #b8bb26; }
+  /* LiteralStringDouble */
+  .chroma .s2 {
+    color: #b8bb26; }
+  /* LiteralStringEscape */
+  .chroma .se {
+    color: #b8bb26; }
+  /* LiteralStringHeredoc */
+  .chroma .sh {
+    color: #b8bb26; }
+  /* LiteralStringInterpol */
+  .chroma .si {
+    color: #b8bb26; }
+  /* LiteralStringOther */
+  .chroma .sx {
+    color: #b8bb26; }
+  /* LiteralStringRegex */
+  .chroma .sr {
+    color: #b8bb26; }
+  /* LiteralStringSingle */
+  .chroma .s1 {
+    color: #b8bb26; }
+  /* LiteralStringSymbol */
+  .chroma .ss {
+    color: #83a598; }
+  /* LiteralNumber */
+  .chroma .m {
+    color: #d3869b; }
+  /* LiteralNumberBin */
+  .chroma .mb {
+    color: #d3869b; }
+  /* LiteralNumberFloat */
+  .chroma .mf {
+    color: #d3869b; }
+  /* LiteralNumberHex */
+  .chroma .mh {
+    color: #d3869b; }
+  /* LiteralNumberInteger */
+  .chroma .mi {
+    color: #d3869b; }
+  /* LiteralNumberIntegerLong */
+  .chroma .il {
+    color: #d3869b; }
+  /* LiteralNumberOct */
+  .chroma .mo {
+    color: #d3869b; }
+  /* Operator */
+  .chroma .o {
+    color: #fe8019; }
+  /* OperatorWord */
+  .chroma .ow {
+    color: #fe8019; }
+  /* Punctuation */
+  /* Comment */
+  .chroma .c {
+    color: #928374;
+    font-style: italic; }
+  /* CommentHashbang */
+  .chroma .ch {
+    color: #928374;
+    font-style: italic; }
+  /* CommentMultiline */
+  .chroma .cm {
+    color: #928374;
+    font-style: italic; }
+  /* CommentSingle */
+  .chroma .c1 {
+    color: #928374;
+    font-style: italic; }
+  /* CommentSpecial */
+  .chroma .cs {
+    color: #928374;
+    font-style: italic; }
+  /* CommentPreproc */
+  .chroma .cp {
+    color: #8ec07c; }
+  /* CommentPreprocFile */
+  .chroma .cpf {
+    color: #8ec07c;
+    font-style: italic; }
+  /* Generic */
+  /* GenericDeleted */
+  .chroma .gd {
+    color: #282828;
+    background-color: #fb4934; }
+  /* GenericEmph */
+  .chroma .ge {
+    color: #83a598;
+    text-decoration: underline; }
+  /* GenericError */
+  .chroma .gr {
+    background-color: #fb4934;
+    font-weight: bold; }
+  /* GenericHeading */
+  .chroma .gh {
+    color: #b8bb26;
+    font-weight: bold; }
+  /* GenericInserted */
+  .chroma .gi {
+    color: #282828;
+    background-color: #b8bb26; }
+  /* GenericOutput */
+  .chroma .go {
+    color: #504945; }
+  /* GenericPrompt */
+  /* GenericStrong */
+  /* GenericSubheading */
+  .chroma .gu {
+    color: #b8bb26;
+    font-weight: bold; }
+  /* GenericTraceback */
+  .chroma .gt {
+    background-color: #fb4934;
+    font-weight: bold; }
+  /* GenericUnderline */
+  /* TextWhitespace */ }
+
+pre:not(.chroma),
+.bg,
+.chroma,
+.highlight {
+  background-color: var(--background-color1); }
+
+.html {
+  font-size: 18px; }
+
+.body {
+  font-family: sans-serif;
+  line-height: 1.5; }
+
+p,
+ul,
+ol,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word; }
+
+.toc {
+  margin-block: 1rem; }
+  .toc__summary {
+    font-weight: bolder;
+    cursor: pointer; }
+
+blockquote {
+  padding: 0.5rem; }
+
+hr {
+  border: none;
+  height: 1px; }
+
+figure {
+  margin-inline: 0; }
+
+.heading__anchor {
+  display: none; }
+
+.heading:hover > .heading__anchor {
+  display: inline; }
+
+.table-wrapper {
+  overflow-x: auto;
+  margin-block: 1rem; }
+  .table-wrapper > table {
+    word-break: keep-all;
+    border-collapse: collapse; }
+    .table-wrapper > table td,
+    .table-wrapper > table th {
+      padding: 0.5rem;
+      text-align: start; }
+
+svg,
+img,
+video,
+iframe {
+  max-width: 100%; }
+
+.menu__list {
+  display: flex;
+  flex-direction: row;
+  gap: 0.5rem;
+  flex-wrap: wrap; }
+
+.menu__link--active {
+  font-weight: bolder; }
+
+.pagination {
+  display: flex;
+  gap: 1rem; }
+
+.page-item.active {
+  font-weight: bolder; }
+
+.page-nav {
+  display: flex;
+  flex-direction: column;
+  margin-block: 1rem; }
+
+.section-post-title,
+.term-post-title {
+  margin-block-start: 0; }
+
+.home-post-title {
+  margin-block-end: 0; }
+
+.summary {
+  margin-block-start: 0; }
+
+:not(pre) > code {
+  padding-inline: 0.25rem; }
+
+div.highlight {
+  overflow-x: auto;
+  margin-block: 1rem; }
+  div.highlight > div.chroma > table.lntable {
+    padding-inline-end: 0.4rem; }
+  div.highlight > pre.chroma {
+    padding-inline: 0.4rem; }
+
+pre:not(.chroma) {
+  overflow-x: auto;
+  padding-block: 1rem;
+  padding-inline: 0.4rem; }
+
+pre {
+  font-size: 0.875rem; }
+
+.footer {
+  font-size: smaller; }

docs/index.html

@@ -1,4 +1,4 @@
-<!doctype html><html class=html lang=en-us dir=ltr><head><meta name=generator content="Hugo 0.157.0"><meta charset=utf-8><meta name=viewport content="width=device-width"><title>Freedoms4</title><link rel=stylesheet href=/css/style.min.34d0accb85f8ec23ceee8c29eef5907823b531d8acb9e6bdf45a3b37ad028d30.css integrity="sha256-NNCsy4X47CPO7owp7vWQeCO1Mdisuea99Fo7N60CjTA=" crossorigin=anonymous><link rel=icon href=/favicon.ico><meta name=description content="Freedoms4"><meta property="og:url" content="https://freedoms4.org/"><meta property="og:site_name" content="Freedoms4"><meta property="og:title" content="Home"><meta property="og:description" content="Freedoms4"><meta property="og:locale" content="en_us"><meta property="og:type" content="website"><meta itemprop=name content="Home"><meta itemprop=description content="Freedoms4"><meta itemprop=datePublished content="2026-03-01T18:11:14+00:00"><meta itemprop=dateModified content="2026-03-01T18:11:14+00:00"><meta itemprop=wordCount content="198"><link rel=alternate type=application/rss+xml href=/index.xml title=Freedoms4><link rel=stylesheet href=/css/custom.css><script>(function(){var e=localStorage.getItem("theme");e&&document.documentElement.setAttribute("data-theme",e)})()</script></head><body class=body><header class=header><div class=brand><img src=/logo.png alt="Freedoms4 logo"><h1>Freedoms4</h1><div class=brand__actions><button class=theme-toggle id=theme-toggle aria-label="Toggle theme" title="Toggle dark/light mode">
+<!doctype html><html class=html lang=en-us dir=ltr><head><meta name=generator content="Hugo 0.157.0"><meta charset=utf-8><meta name=viewport content="width=device-width"><title>Freedoms4</title><link rel=stylesheet href=/css/style.min.34d0accb85f8ec23ceee8c29eef5907823b531d8acb9e6bdf45a3b37ad028d30.css integrity="sha256-NNCsy4X47CPO7owp7vWQeCO1Mdisuea99Fo7N60CjTA=" crossorigin=anonymous><link rel=icon href=/favicon.ico><meta name=description content="Freedoms4"><meta property="og:url" content="https://freedoms4.org/"><meta property="og:site_name" content="Freedoms4"><meta property="og:title" content="Home"><meta property="og:description" content="Freedoms4"><meta property="og:locale" content="en_us"><meta property="og:type" content="website"><meta itemprop=name content="Home"><meta itemprop=description content="Freedoms4"><meta itemprop=datePublished content="2026-03-01T18:11:14+00:00"><meta itemprop=dateModified content="2026-03-01T18:11:14+00:00"><meta itemprop=wordCount content="197"><link rel=alternate type=application/rss+xml href=/index.xml title=Freedoms4><link rel=stylesheet href=/css/custom.css><script>(function(){var e=localStorage.getItem("theme");e&&document.documentElement.setAttribute("data-theme",e)})()</script></head><body class=body><header class=header><div class=brand><img src=/logo.png alt="Freedoms4 logo"><h1>Freedoms4</h1><div class=brand__actions><button class=theme-toggle id=theme-toggle aria-label="Toggle theme" title="Toggle dark/light mode">
 <svg class="theme-toggle__sun" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M12 7c-2.76.0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zM2 13h2c.55.0 1-.45 1-1s-.45-1-1-1H2c-.55.0-1 .45-1 1s.45 1 1 1zm18 0h2c.55.0 1-.45 1-1s-.45-1-1-1h-2c-.55.0-1 .45-1 1s.45 1 1 1zM11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1zm0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1zM5.99 4.58c-.39-.39-1.03-.39-1.41.0-.39.39-.39 1.03.0 1.41l1.06 1.06c.39.39 1.03.39 1.41.0s.39-1.03.0-1.41L5.99 4.58zm12.37 12.37c-.39-.39-1.03-.39-1.41.0-.39.39-.39 1.03.0 1.41l1.06 1.06c.39.39 1.03.39 1.41.0.39-.39.39-1.03.0-1.41l-1.06-1.06zm1.06-12.37-1.06 1.06c-.39.39-.39 1.03.0 1.41s1.03.39 1.41.0l1.06-1.06c.39-.39.39-1.03.0-1.41s-1.03-.39-1.41.0zM7.05 18.36l-1.06 1.06c-.39.39-.39 1.03.0 1.41s1.03.39 1.41.0l1.06-1.06c.39-.39.39-1.03.0-1.41s-1.03-.39-1.41.0z"/></svg>
 <svg class="theme-toggle__moon" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"/></svg></button><div class="brand__auth brand__auth--desktop"><input type=checkbox id=auth-dropdown class=brand__auth-check>
 <label class=brand__auth-toggle for=auth-dropdown tabindex=0 aria-label="Account options"><svg viewBox="0 0 24 24" width="12" height="12" fill="currentColor"><path d="M12 12c2.7.0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2.0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z"/></svg></label><div class=brand__auth-links><a href=/login/ class="auth-link auth-link--login">Login</a>
@@ -7,4 +7,4 @@
 <label class=brand__mobile-toggle for=mobile-menu-check aria-label=Menu><svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg></label><div class=brand__mobile-links><a href=/login/ class=mobile-link>Login</a>
 <a href=/signup/ class=mobile-link>Sign Up</a>
 <a href=/index.xml class="mobile-link mobile-link--subscribe"><svg viewBox="0 0 24 24" width="12" height="12" fill="currentColor" aria-hidden="true"><path d="M6.18 15.64a2.18 2.18.0 012.18 2.18c0 1.19-.98 2.18-2.18 2.18C4.98 20 4 19.01 4 17.82a2.18 2.18.0 012.18-2.18M4 4.44A15.56 15.56.0 0119.56 20h-2.83A12.73 12.73.0 004 7.27V4.44m0 5.66a9.9 9.9.0 019.9 9.9h-2.83A7.07 7.07.0 004 12.93V10.1z"/></svg>
-Subscribe</a></div></div></div></div><nav class="menu language"><ul class="menu__list language__list"><li class=menu__item><a class=menu__link href=/>Home</a></li><li class=menu__item><a class=menu__link href=/blog/>Blog</a></li><li class=menu__item><a class=menu__link href=/services/>Services</a></li><li class=menu__item><a class=menu__link href=/contact/>Contact</a></li></ul></nav></header><main class=main><h1 class=heading id=hello-welcome->Hello! Welcome 🙏<span class=heading__anchor> <a href=#hello-welcome->#</a></span></h1><p style=text-indent:1.185em>My name is <b>hyzen</b>, I'm the founder of this site. This site is my space to write about my views on various subjects and explore ideas that matter to me. I also provide free <a href=/services/>services</a> to the public that may matter to them.</p><h3 class=heading id=on-the-blog-im-writing-about>On the <a href=/blog/>blog</a> I&rsquo;m writing about:<span class=heading__anchor> <a href=#on-the-blog-im-writing-about>#</a></span></h3><ul><li><strong>Tech</strong> - Free and Open-Source Software, digital freedom.</li><li><strong>Philosophy</strong> - Reflections on ideas, ethics, meaning, and ways of thinking.</li><li><strong>Communism</strong> - I believe in Marxism. I am committed to the principle of providing internet services in a <b>socialist way</b>. This means creating tools and spaces that prioritize community benefit over profit, and believing in the collective good.</li><li><strong>Politics as a whole</strong> - Commentary on political systems, economics, and social issues.</li></ul><p style=text-indent:1.185em>Beyond theoretical discussions, I may also write about my day-to-day experiences, thoughts, and feelings - the personal reflections that shape my worldview and understanding of the world around me.</p><h3 class=heading id=motive>Motive:<span class=heading__anchor> <a href=#motive>#</a></span></h3><p style=text-indent:1.185em>My goal is for everyone who visits this site to leave with something valuable.</p><h3 class=heading id=sites-code>Site&rsquo;s Code:<span class=heading__anchor> <a href=#sites-code>#</a></span></h3><p style=text-indent:1.185em>This site is also built with open source tools like Hugo and served freely. If you're interested in the code , you can find it <a href=https://git.freedoms4.org/hyzen/hyzendust.github.io target=_blank rel="noopener noreferrer">here↗.</a></p></main><footer class=footer><p class=footer__copyright-notice>&copy; 2026 <a href=https://freedoms4.org>freedoms4.org</a></p><p class=footer__theme-info>Built with <a href=https://gohugo.io>Hugo</a> and based on <a href=https://github.com/CyrusYip/hugo-theme-yue>Yue</a> theme</p></footer><script>(function(){var e=document.getElementById("theme-toggle");if(!e)return;function t(){var e=localStorage.getItem("theme");return e?e:window.matchMedia("(prefers-color-scheme: light)").matches?"light":"dark"}function n(e){document.documentElement.setAttribute("data-theme",e),localStorage.setItem("theme",e)}n(t()),e.addEventListener("click",function(){var e=document.documentElement.getAttribute("data-theme")||t();n(e==="dark"?"light":"dark")})})()</script><script>(function(){var e=document.getElementById("mobile-menu-check");if(!e)return;document.addEventListener("click",function(t){if(!e.checked)return;var n=e.closest(".brand__mobile-menu");n&&!n.contains(t.target)&&(e.checked=!1)})})()</script></body></html>
+Subscribe</a></div></div></div></div><nav class="menu language"><ul class="menu__list language__list"><li class=menu__item><a class=menu__link href=/>Home</a></li><li class=menu__item><a class=menu__link href=/blog/>Blog</a></li><li class=menu__item><a class=menu__link href=/services/>Services</a></li><li class=menu__item><a class=menu__link href=/contact/>Contact</a></li></ul></nav></header><main class=main><h1 class=heading id=namaste->Namaste 🙏<span class=heading__anchor> <a href=#namaste->#</a></span></h1><p style=text-indent:1.185em>My name is <b>hyzen</b>, I'm the founder of this site. This site is my space to write about my views on various subjects and explore ideas that matter to me. I also provide free <a href=/services/>services</a> to the public that may matter to them.</p><h3 class=heading id=on-the-blog-im-writing-about>On the <a href=/blog/>blog</a> I&rsquo;m writing about:<span class=heading__anchor> <a href=#on-the-blog-im-writing-about>#</a></span></h3><ul><li><strong>Tech</strong> - Free and Open-Source Software, digital freedom.</li><li><strong>Philosophy</strong> - Reflections on ideas, ethics, meaning, and ways of thinking.</li><li><strong>Communism</strong> - I believe in Marxism. I am committed to the principle of providing internet services in a <b>socialist way</b>. This means creating tools and spaces that prioritize community benefit over profit, and believing in the collective good.</li><li><strong>Politics as a whole</strong> - Commentary on political systems, economics, and social issues.</li></ul><p style=text-indent:1.185em>Beyond theoretical discussions, I may also write about my day-to-day experiences, thoughts, and feelings - the personal reflections that shape my worldview and understanding of the world around me.</p><h3 class=heading id=motive>Motive:<span class=heading__anchor> <a href=#motive>#</a></span></h3><p style=text-indent:1.185em>My goal is for everyone who visits this site to leave with something valuable.</p><h3 class=heading id=sites-code>Site&rsquo;s Code:<span class=heading__anchor> <a href=#sites-code>#</a></span></h3><p style=text-indent:1.185em>This site is also built with open source tools like Hugo and served freely. If you're interested in the code , you can find it <a href=https://git.freedoms4.org/hyzen/hyzendust.github.io target=_blank rel="noopener noreferrer">here↗.</a></p></main><footer class=footer><p class=footer__copyright-notice>&copy; 2026 <a href=https://freedoms4.org>freedoms4.org</a></p><p class=footer__theme-info>Built with <a href=https://gohugo.io>Hugo</a> and based on <a href=https://github.com/CyrusYip/hugo-theme-yue>Yue</a> theme</p></footer><script>(function(){var e=document.getElementById("theme-toggle");if(!e)return;function t(){var e=localStorage.getItem("theme");return e?e:window.matchMedia("(prefers-color-scheme: light)").matches?"light":"dark"}function n(e){document.documentElement.setAttribute("data-theme",e),localStorage.setItem("theme",e)}n(t()),e.addEventListener("click",function(){var e=document.documentElement.getAttribute("data-theme")||t();n(e==="dark"?"light":"dark")})})()</script><script>(function(){var e=document.getElementById("mobile-menu-check");if(!e)return;document.addEventListener("click",function(t){if(!e.checked)return;var n=e.closest(".brand__mobile-menu");n&&!n.contains(t.target)&&(e.checked=!1)})})()</script></body></html>

static/css/custom.css

@@ -71,8 +71,8 @@
 	padding: 0.2rem 0.4rem;
 	border-radius: 3px;
 	border: 1px solid #ff3d3d;
-	background-color: #ff3d3d;
+	background-color: transparent;
-	color: #fff !important;
+	color: #ff3d3d !important;
 	font-size: 0.7rem;
 	font-weight: 340;
 	text-decoration: none !important;
@@ -108,22 +108,22 @@
 	color: var(--foreground-color) !important;
 }
 [data-theme='light'] .rss-subscribe__link {
-	background-color: #ff3d3d;
+	background-color: transparent;
 	border-color: #ff3d3d;
-	color: #fff !important;
+	color: #ff3d3d !important;
 }
 [data-theme='light'] .rss-subscribe__link:hover,
 [data-theme='light'] .rss-subscribe__link:focus {
 	background-color: transparent;
-	border-color: #ff3d3d;
+	border-color: #89808092;
-	color: #ff3d3d !important;
+	color: #000000bc !important;
 }
 
 .rss-subscribe__link:hover,
 .rss-subscribe__link:focus {
 	background-color: transparent;
-	border-color: #ff3d3d;
+	border-color: #89808092;
-	color: #ff3d3d !important;
+	color: #000000bc !important;
 }
 
 .rss-subscribe__link svg {
@@ -290,8 +290,9 @@
 }
 
 .brand__mobile-toggle:hover {
-	background-color: #ff3d3d;
+	background-color: transparent;
-	color: #fff;
+	border-color: #89808092;
+	color: #000000bc;
 }
 
 /* Mobile dropdown panel */
@@ -313,14 +314,17 @@
 	display: flex;
 }
 
+
 [data-theme='light'] .brand__mobile-check:checked ~ .brand__mobile-toggle {
-	background-color: #ff3d3d;
+	background-color: transparent;
-	color: #fff;
+	border-color: #89808092;
+	color: #000000bc;
 }
 @media (prefers-color-scheme: light) {
 	.brand__mobile-check:checked ~ .brand__mobile-toggle {
-		background-color: #ff3d3d;
+		background-color: transparent;
-		color: #fff;
+		border-color: #89808092;
+		color: #000000bc;
 	}
 }
 
@@ -336,6 +340,16 @@
 	transition: background-color 0.15s ease;
 }
 
+[data-theme='light'] .brand__mobile-check:checked ~ .brand__mobile-links .mobile-link {
+	color: #ff3d3d;
+}
+
+@media (prefers-color-scheme: light) {
+	.brand__mobile-check:checked ~ .brand__mobile-links .mobile-link {
+		color: #ff3d3d;
+	}
+}
+
 .mobile-link:hover {
 	background-color: var(--background-color1);
 }
@@ -344,6 +358,7 @@
 	border-bottom: 1px solid var(--foreground-color3);
 }
 
+
 /* Mobile toggle dark mode colors */
 @media (prefers-color-scheme: dark) {
 	.brand__mobile-toggle {
@@ -363,8 +378,9 @@
 	color: #ff3d3d;
 }
 [data-theme='light'] .brand__mobile-toggle:hover {
-	background-color: #ff3d3d;
+	background-color: transparent;
-	color: #fff;
+	border-color: #89808092;
+	color: #000000bc;
 }
 [data-theme='dark'] .brand__mobile-toggle {
 	background-color: transparent;
@@ -445,7 +461,7 @@
 	--foreground-color: #000000e1;
 	--foreground-color3: #665c54;
 	--accent-color: #1133e9c5;
-	--menu-color: #000000ae;
+	--menu-color: #000000b4;
 }
 
 /* Force dark theme */