From 90d1d669f49c6e93fdbebdd52f20a22c3ba962ed Mon Sep 17 00:00:00 2001
From: Jan Palma <honzik@janpalma.cz>
Date: Sat, 14 Mar 2026 16:08:49 +0100
Subject: New design

---
 assets/css/main.css  | 32 +++++++++++++++++++++++++++++---
 assets/css/theme.css | 20 ++++++++------------
 2 files changed, 37 insertions(+), 15 deletions(-)

(limited to 'assets/css')

diff --git a/assets/css/main.css b/assets/css/main.css
index b558868..431553d 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -10,12 +10,26 @@ body {
 a {
     color: var(--text);
     padding: 0.2rem;
-    border-radius: 0.1rem;
+    clip-path: polygon(0% 0,0% calc(100% - 0.2rem), 0.2rem 100%,100% 100%, 100% 0%);
+    border-radius: 0rem;
     text-decoration: none;
     position: relative;
     isolation: isolate;
 }
 
+a[target="_blank"]::before {
+    content: "";
+    background-color: currentColor;
+    clip-path: polygon(0% 0, 100% 100%, 100% 0%);
+    position: absolute;
+    top: 0;
+    width: 0.4rem;
+    height: 0.4rem;
+    right: 0;
+    z-index: -1;
+}
+
+
 a::after {
     content: "";
     background-color: var(--text);
@@ -23,13 +37,14 @@ a::after {
     width: 100%;
     height: 0.2rem;
     bottom: 0;
-    border-radius: 0.1rem 0.1rem;
+    border-radius: 0;
     left: 0;
     z-index: -1;
 }
 a.active,
 a:hover {
     color: var(--base);
+    clip-path: polygon(0% 0,0% calc(100% - 0.4rem), 0.4rem 100%,100% 100%, 100% 0%);
     background-color: var(--text);
 }
 
@@ -45,6 +60,16 @@ header h1 {
     padding: 0;
     margin: 0;
 }
+header .logo {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding-inline: 0.5rem;
+}
+header .logo svg {
+    height: 2rem;
+    width: auto;
+}
 
 nav ul {
     padding: 0;
@@ -79,7 +104,8 @@ code {
     background-color: var(--code);
     color: var(--code-text);
     padding: 0.2rem;
-    border-radius: 0.1rem;
+    border-radius: 0;
+    clip-path: polygon(0% 0,0% calc(100% - 0.4rem), 0.4rem 100%,100% 100%, 100% 0%);
 }
 footer {
     max-width: 80ch;
diff --git a/assets/css/theme.css b/assets/css/theme.css
index 4feaf75..c3cac62 100644
--- a/assets/css/theme.css
+++ b/assets/css/theme.css
@@ -1,16 +1,12 @@
-
 html {
-    --base: #171715;
-    --base-2: #20201d;
-    --base-3: #242420;
-    --text: #efefd2;
-    
-    --code: #424237;
-    --code-text: #efefd2;
-
-
-    font-family: "JetBrains Mono", monospace;
+    --base: #151617;
+    --base-2: #1d2123;
+    --base-3: #2a3039;
+    --text: #d2e7efff;
+    --code: #1d2123;
+    --code-text: #abd1de;
+    font-family: "Kode Mono", monospace;
 }
 * {
-    font-family: "JetBrains Mono", monospace;
+    font-family: "Kode Mono", monospace;
 }
\ No newline at end of file
-- 
cgit v1.3-7-ge9ab