From fa9b104f60e20eca928a810773e76fb5f780ad90 Mon Sep 17 00:00:00 2001 From: Michal Vanko Date: Sun, 15 Jun 2025 12:26:55 +0200 Subject: [PATCH] bum bam --- .zellij/dev-layout.kdl | 35 ++++++------ styles/input.css | 12 ++-- styles/output.css | 56 ++++++++++++------- templates/blog_post.html | 2 +- templates/components/blog_post_preview.html | 2 +- templates/components/education_card.html | 18 ------ .../components/project_preview_card.html | 2 +- templates/components/skill_card.html | 2 +- templates/components/social_card.html | 2 +- templates/components/talent_card.html | 2 +- templates/components/workplace_card.html | 18 ------ 11 files changed, 65 insertions(+), 86 deletions(-) delete mode 100644 templates/components/education_card.html delete mode 100644 templates/components/workplace_card.html diff --git a/.zellij/dev-layout.kdl b/.zellij/dev-layout.kdl index c261e89..27e370e 100644 --- a/.zellij/dev-layout.kdl +++ b/.zellij/dev-layout.kdl @@ -1,29 +1,26 @@ layout { - pane split_direction="vertical" focus=true { - pane edit="src/main.rs" - pane split_direction="horizontal" size=60 { - just { args "server_dev"; } - just { args "test"; } + default_tab_template { + children + pane size=2 borderless=true { + plugin location="zellij:status-bar" + } + pane size=1 borderless=true { + plugin location="zellij:tab-bar" } } pane_template name="just" { command "just" - start_suspended true } - floating_panes { - pane { - command "just" - args "tailwind" + + tab split_direction="vertical" focus=true { + pane { + just { args "server_dev"; } + just { args "test"; } } - pane { - command "just" - args "decap_server" + pane { + just { args "tailwind"; } + just { args "decap_server"; } } - } - pane size=2 borderless=true { - plugin location="zellij:status-bar" - } - pane size=1 borderless=true { - plugin location="zellij:tab-bar" } + tab } diff --git a/styles/input.css b/styles/input.css index 182b980..abe8874 100644 --- a/styles/input.css +++ b/styles/input.css @@ -93,12 +93,14 @@ size-adjust: 92%; } -a { - @apply text-pink-800 underline underline-offset-2 hover:transition hover:text-blue-500; -} +@layer base { + a { + @apply text-pink-800 underline underline-offset-2 hover:transition hover:text-blue-500; + } -strong { - @apply font-medium; + strong { + @apply font-medium; + } } .article-body { diff --git a/styles/output.css b/styles/output.css index b8c6ab9..edf8bd5 100644 --- a/styles/output.css +++ b/styles/output.css @@ -332,6 +332,12 @@ .mt-4 { margin-top: calc(var(--spacing) * 4); } + .mt-8 { + margin-top: calc(var(--spacing) * 8); + } + .mt-12 { + margin-top: calc(var(--spacing) * 12); + } .mr-3 { margin-right: calc(var(--spacing) * 3); } @@ -534,6 +540,9 @@ .border-blue-950 { border-color: var(--color-blue-950); } + .border-slate-200 { + border-color: var(--color-slate-200); + } .border-slate-300 { border-color: var(--color-slate-300); } @@ -630,9 +639,9 @@ font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } - .leading-5 { - --tw-leading: calc(var(--spacing) * 5); - line-height: calc(var(--spacing) * 5); + .leading-7 { + --tw-leading: calc(var(--spacing) * 7); + line-height: calc(var(--spacing) * 7); } .leading-tight { --tw-leading: var(--leading-tight); @@ -932,6 +941,11 @@ margin-top: calc(var(--spacing) * 8); } } + .lg\:mt-10 { + @media (width >= 64rem) { + margin-top: calc(var(--spacing) * 10); + } + } .lg\:mt-20 { @media (width >= 64rem) { margin-top: calc(var(--spacing) * 20); @@ -1162,27 +1176,29 @@ line-gap-override: 0%; size-adjust: 92%; } -a { - color: var(--color-pink-800); - text-decoration-line: underline; - text-underline-offset: 2px; - &:hover { - @media (hover: hover) { - color: var(--color-blue-500); +@layer base { + a { + color: var(--color-pink-800); + text-decoration-line: underline; + text-underline-offset: 2px; + &:hover { + @media (hover: hover) { + color: var(--color-blue-500); + } + } + &:hover { + @media (hover: hover) { + transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events; + transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); + transition-duration: var(--tw-duration, var(--default-transition-duration)); + } } } - &:hover { - @media (hover: hover) { - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - } + strong { + --tw-font-weight: var(--font-weight-medium); + font-weight: var(--font-weight-medium); } } -strong { - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium); -} .article-body { h1 { margin-inline: auto; diff --git a/templates/blog_post.html b/templates/blog_post.html index 1e792a7..24f569d 100644 --- a/templates/blog_post.html +++ b/templates/blog_post.html @@ -41,7 +41,7 @@