Inital

blog/static/css/style.css

@@ -0,0 +1,224 @@
+/* ---------- Base ---------- */
+:root {
+  --color-bg: #111;
+  --color-fg: #fafafa;
+  --color-accent: #222;
+
+  --light-yellow: color(display-p3 1 1 0.7)
+
+  --link: #fff;
+  --link-hover: color(display-p3 1 1 0.7);
+
+  --font-base: 'Inter', sans-serif;
+  --font-weight-regular: 400;
+  --font-weight-bold: 600;
+
+  --max-width: 700px;
+  --padding-page: 1rem;
+
+  font-feature-settings: 'liga' 1, 'calt' 1;
+  font-size: 11pt;
+}
+
+html, body {
+  margin: 0;
+  padding: var(--padding-page);
+  background: var(--color-bg);
+  color: var(--color-fg);
+  font-family: var(--font-base);
+  font-weight: var(--font-weight-regular);
+  line-height: 1.6;
+  max-width: var(--max-width);
+  margin-inline: auto;
+}
+
+/* ---------- Typography ---------- */
+main h1, main h2, main h3, main h4 {
+  color: var(--color-fg);
+  font-weight: var(--font-weight-bold);
+  line-height: 1.8;
+  display: inline;
+  background-image: linear-gradient(120deg, #355c48 0%, #5f8261 100%);
+  background-repeat: no-repeat;
+  background-size: 100% 0.6em;
+  background-position: 0 88%;
+  transition: background-size 0.5s ease;
+}
+
+a {
+  color: var(--link);
+  text-decoration: underline;
+  transition: color 0.1s ease;
+}
+
+a:hover {
+  color: var(--link-hover);
+  text-decoration: underline;
+  transition: color 0.1s ease;
+}
+
+p {
+  text-align: justify;
+  text-justify: inter-word;
+  margin: 1rem 0;
+}
+
+/* ---------- Top Bar ---------- */
+.topbar {
+  background: var(--color-bg);
+  width: 100%;
+  padding: 0.75rem 1.5rem;
+  border-bottom: 3px solid var(--color-accent);
+}
+
+.topbar-content {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  max-width: 900px;
+  margin: 0 auto;
+}
+
+.site-title {
+  font-size: 1.2rem;
+  font-weight: var(--font-weight-bold);
+  color: var(--link);
+  text-decoration: none;
+}
+
+.site-title:hover {
+  color:var(--link-hover);
+}
+
+.nav-links a {
+  color: var(--link);
+  margin-left: 1rem;
+  text-decoration: none;
+}
+
+.nav-links a:hover {
+  color:var(--link-hover);
+  text-decoration: underline;
+}
+
+/* ---------- Bottom Bar ---------- */
+.bottombar {
+  background: var(--color-bg);
+  width: 100%;
+  border-top: 3px solid var(--color-accent);
+  padding: 0.75rem 1.5rem;
+  text-align: center;
+  box-shadow: 0 -1px 3px rgba(0,0,0,0.5);
+}
+
+.bottombar-content {
+  max-width: 900px;   /* same as .topbar-content */
+  margin: 0 auto;
+}
+
+.bottombar a {
+  color: var(--link);
+  margin: 0 0.5rem;
+}
+
+.bottombar a:hover {
+  color: var(--link-hover);
+}
+
+/* ---------- Content ---------- */
+main {
+  padding-left: 1.5rem;
+  margin-top: 2rem;
+  margin-bottom: 1rem;
+}
+
+article {
+  margin-bottom: 2rem;
+}
+
+ul, ol {
+  list-style: none;
+  padding-left: 0.1rem;
+}
+
+li {
+  margin-bottom: 0.01em;
+}
+
+ul li::before {
+  content: "• ";
+  color: var(--color-fg);
+  font-size: 1.1rem;
+}
+
+img {
+  max-width: 100%;
+  height: auto;
+  display: block;
+}
+
+/* ---------- Infobox Styling ---------- */
+
+.infobox {
+    margin: 1rem;
+    padding: 1rem;
+    padding-left: 30px;
+    background-color: var(--color-accent);
+    border: 1.5px solid;
+    border-color: var(--color-fg);
+    border-radius: 10px;
+}
+
+.infobox-content {
+  display: flex;
+  margin: 10px 0;
+  display: grid;
+  grid-template-columns: 150px 1fr;
+  row-gap: 8px;
+}
+
+.infobox-label {
+    font-weight: bold;
+    margin-right: 10px;
+}
+
+.infobox-value {
+    font-style: italic;
+}
+
+
+/* ---------- Responsive Adjustments ---------- */
+@media (max-width: 600px) {
+  body {
+    padding: 5rem 1rem 5rem;
+  }
+
+  .topbar-content {
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+}
+
+/* ---------- Codeblock Styling ---------- */
+pre,
+pre.chroma {
+  background: var(--color-accent);
+  color: var(--color-fg);
+  padding: 1em;
+  border-radius: 0.5rem;
+  overflow-x: scroll;
+}
+
+code {
+  font-family: 'Fira Code', monospace;
+  font-size: 1rem;
+}
+
+.chroma .k  { color: #ff79c6; }  /* Keywords */
+.chroma .s  { color: #f1fa8c; }  /* Strings */
+.chroma .n  { color: #f8f8f2; }  /* Names */
+.chroma .p  { color: #bd93f9; }  /* Punctuation */
+.chroma .c  { color: #6272a4; font-style: italic; } /* Comments */
+.chroma .m  { color: #8be9fd; }  /* Numbers */
+.chroma .o  { color: #ffb86c; }  /* Operators */
+.chroma .err { color: #ff5555; background: #2e2e2e; } /* Errors */

blog/static/publickey.asc

@@ -0,0 +1,41 @@
+-----BEGIN PGP PUBLIC KEY BLOCK-----
+
+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
+HK+dEsiN2r/KxgpAych6xtyuxQ==
+=OLgg
+-----END PGP PUBLIC KEY BLOCK-----

blog/static/robots.txt

@@ -0,0 +1,3 @@
+User-agent: *
+Allow: /
+Sitemap: https://surname.online/sitemap.xml