updates

Author: IntScription

assets/css/main.scss

@@ -339,4 +339,59 @@ table {
   .main-container {
     padding: 0 0.2em;
   }
-} 
+} 
+
+/* Syntax highlighting for code blocks (Rouge, One Dark/Light inspired) */
+:root {
+  --code-bg-dark: #292e42;
+  --code-bg-light: #f5f7fa;
+  --code-fg-dark: #c0caf5;
+  --code-fg-light: #23243a;
+  --code-keyword: #7aa2f7;
+  --code-string: #9ece6a;
+  --code-number: #ff9e64;
+  --code-function: #bb9af7;
+  --code-variable: #7dcfff;
+  --code-comment: #565f89;
+  --code-type: #2ac3de;
+  --code-constant: #ff5370;
+}
+:root[data-theme='light'] {
+  --code-bg-dark: #f5f7fa;
+  --code-bg-light: #fff;
+  --code-fg-dark: #23243a;
+  --code-fg-light: #23243a;
+  --code-keyword: #2563eb;
+  --code-string: #059669;
+  --code-number: #b45309;
+  --code-function: #7c3aed;
+  --code-variable: #0ea5e9;
+  --code-comment: #64748b;
+  --code-type: #0ea5e9;
+  --code-constant: #dc2626;
+}
+pre, code, .highlight {
+  background: var(--code-bg-dark);
+  color: var(--code-fg-dark);
+  font-family: 'Fira Code', 'JetBrains Mono', 'Menlo', 'Monaco', monospace;
+  font-size: 1em;
+  border-radius: 6px;
+  padding: 0.2em 0.4em;
+  overflow-x: auto;
+  transition: background 0.3s, color 0.3s;
+}
+:root[data-theme='light'] pre, :root[data-theme='light'] code, :root[data-theme='light'] .highlight {
+  background: var(--code-bg-light);
+  color: var(--code-fg-light);
+}
+.highlight .c, .highlight .cm, .highlight .c1, .highlight .cs { color: var(--code-comment); font-style: italic; }
+.highlight .k, .highlight .kd, .highlight .kp, .highlight .kr, .highlight .kt { color: var(--code-keyword); }
+.highlight .s, .highlight .s1, .highlight .s2, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .se, .highlight .sh, .highlight .si, .highlight .sx, .highlight .sr, .highlight .ss { color: var(--code-string); }
+.highlight .mi, .highlight .mf, .highlight .mh, .highlight .il, .highlight .mo { color: var(--code-number); }
+.highlight .nf, .highlight .fm { color: var(--code-function); }
+.highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi, .highlight .vm { color: var(--code-variable); }
+.highlight .nc, .highlight .no, .highlight .nd, .highlight .ne, .highlight .ni, .highlight .nl, .highlight .nn, .highlight .nt, .highlight .nx, .highlight .bp { color: var(--code-type); }
+.highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .mo { color: var(--code-number); }
+.highlight .o, .highlight .ow { color: var(--code-constant); }
+.highlight .err { color: #fff; background: #dc2626; }
+pre code { background: none; padding: 0; } 

logs/2025-07-18/index.md

@@ -9,6 +9,8 @@ permalink: /logs/2025-07-18/
 - Had some fun on MonkeyType(like got 72 with 98% accuracy - not great score but getting there).
 - Used ChatGpt to get some info on different devlog options:
 
+<div class="table-responsive">
+
 | Purpose          | Platform               |
 | ---------------- | ---------------------- |
 | Quick updates     | X / Threads            |
@@ -18,6 +20,8 @@ permalink: /logs/2025-07-18/
 | Portfolio Proof   | GitHub / Notion        |
 | Monetize          | Newsletter / Medium    |
 
+</div>
+
 ## 🧠 What I Learned
 - Updated my **personal website** (practice project).
 - Revisited **unordered lists (ul)**.