diff --git a/assets/css/custom.css b/assets/css/custom.css index 411a5c9..c242704 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -12,12 +12,16 @@ -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(18, 47, 101, 0.35); padding: 2rem; - margin-bottom: 2rem; - position: relative; - filter: saturate(0.7); + filter: saturate(0.7) brightness(0.8); z-index: 2; } +.toc:has(#TableOfContents) { + background-color: rgba(25, 25, 35, 0.45); + border-radius: 10px; + max-height: 70vh; +} + .background-container { position: fixed; top: 0; @@ -41,15 +45,30 @@ filter: blur(4px) saturate(0.65); } +/* Lead Styling */ +.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { + color: rgb(209, 182, 164); +} + +/* Header Page Name Styling */ +nav > div > a { + font-size: 1.5rem; + text-shadow: 0 0 6px rgba(0, 0, 0, 0.7); +} + /* Header Button Styling */ header nav ul li a, header nav ul li button { display: inline-block; padding: 0.5rem 1rem; - background-color: rgba(25, 25, 35, 0.25); + background: rgba(18, 47, 101, 0.25); border-radius: 8px; border: 1px solid rgba(25, 25, 35, 0.35); transition: all 0.3s ease; + backdrop-filter: blur(4px); + animation: backdropShift 10s linear infinite; + -webkit-backdrop-filter: blur(8px); + filter: saturate(0.9) brightness(0.9); } header nav ul li a:hover, @@ -62,10 +81,14 @@ header nav ul li button:hover { /* Search button specific styling */ header button[id^="search-button"] { padding: 0.5rem 1rem; - background-color: rgba(25, 25, 35, 0.25); + background: rgba(18, 47, 101, 0.25); border-radius: 8px; border: 1px solid rgba(25, 25, 35, 0.35); transition: all 0.3s ease; + backdrop-filter: blur(4px); + animation: backdropShift 10s linear infinite; + -webkit-backdrop-filter: blur(8px); + filter: saturate(0.9) brightness(0.9); } header button[id^="search-button"]:hover { @@ -76,12 +99,12 @@ header button[id^="search-button"]:hover { @keyframes backdropShift { 0% { - backdrop-filter: blur(8px) hue-rotate(-15deg); + backdrop-filter: blur(8px) hue-rotate(-10deg); } 50% { - backdrop-filter: blur(8px) hue-rotate(15deg); + backdrop-filter: blur(8px) hue-rotate(10deg); } 100% { - backdrop-filter: blur(8px) hue-rotate(-15deg); + backdrop-filter: blur(8px) hue-rotate(-10deg); } } \ No newline at end of file diff --git a/content/personal-blog/first-post/index.md b/content/personal-blog/first-post/index.md index 84a3adc..5c6bade 100644 --- a/content/personal-blog/first-post/index.md +++ b/content/personal-blog/first-post/index.md @@ -16,4 +16,4 @@ Markdown has been my go-to format for note taking for years now. While searching This website will be a central place to share my projects, thoughts, and ideas, as well as a landing page for KarstTech. If you would like to see how it is built, I decided to make the source code available at [code.karsttech.com](https://code.karsttech.com). -![Alt text](figure.jpg "Image caption") \ No newline at end of file +![Alt text](karsttech_logo_horiz.png "New KarstTech Logo") \ No newline at end of file diff --git a/content/personal-blog/first-post/karsttech_logo_horiz.png b/content/personal-blog/first-post/karsttech_logo_horiz.png new file mode 100644 index 0000000..99cd355 Binary files /dev/null and b/content/personal-blog/first-post/karsttech_logo_horiz.png differ diff --git a/layouts/_default/list.html b/layouts/_default/list.html new file mode 100644 index 0000000..abb1f22 --- /dev/null +++ b/layouts/_default/list.html @@ -0,0 +1,36 @@ +{{ define "main" }} +
+ {{ with .Title }} +
+

{{ . | emojify }}

+
+ {{ end }} +
{{ .Content | emojify }}
+
+ {{ if .Data.Pages }} + {{ if $.Params.groupByYear | default ($.Site.Params.list.groupByYear | default true) }} + {{ range (.Paginate (.Pages.GroupByDate "2006")).PageGroups }} +

+ {{ .Key }} +

+
+ {{ range .Pages }} + {{ partial "article-link.html" . }} + {{ end }} + {{ end }} + {{ else }} + {{ range (.Paginate .Pages).Pages }} + {{ partial "article-link.html" . }} + {{ end }} + {{ end }} + {{ partial "pagination.html" . }} + {{ else }} +
+

+ {{ i18n "list.no_articles" | emojify }} +

+
+ {{ end }} +
+
+{{ end }} \ No newline at end of file diff --git a/layouts/partials/background-images.html b/layouts/partials/background-images.html new file mode 100644 index 0000000..8399530 --- /dev/null +++ b/layouts/partials/background-images.html @@ -0,0 +1,15 @@ +{{ $images := slice }} +{{ range readDir "static/backgrounds" }} + {{ if in .Name ".webp" }} + {{ $images = $images | append .Name }} + {{ end }} +{{ end }} + +
+ Background + +
\ No newline at end of file diff --git a/layouts/partials/favicons.html b/layouts/partials/favicons.html index 51197ce..0cea81a 100644 --- a/layouts/partials/favicons.html +++ b/layouts/partials/favicons.html @@ -1,2 +1,2 @@ - - \ No newline at end of file + + \ No newline at end of file diff --git a/layouts/partials/scripts.html b/layouts/partials/scripts.html new file mode 100644 index 0000000..1560470 --- /dev/null +++ b/layouts/partials/scripts.html @@ -0,0 +1,3 @@ +{{ if .Params.showTableOfContents | default (.Site.Params.article.showTableOfContents | default false) }} + +{{ end }} \ No newline at end of file diff --git a/layouts/personal-blog/list.html b/layouts/personal-blog/list.html new file mode 100644 index 0000000..8c44965 --- /dev/null +++ b/layouts/personal-blog/list.html @@ -0,0 +1,37 @@ +{{ define "main" }} +{{ partial "background-images.html" . }} +
+ {{ with .Title }} +
+

{{ . | emojify }}

+
+ {{ end }} +
{{ .Content | emojify }}
+
+ {{ if .Data.Pages }} + {{ if $.Params.groupByYear | default ($.Site.Params.list.groupByYear | default true) }} + {{ range (.Paginate (.Pages.GroupByDate "2006")).PageGroups }} +

+ {{ .Key }} +

+
+ {{ range .Pages }} + {{ partial "article-link.html" . }} + {{ end }} + {{ end }} + {{ else }} + {{ range (.Paginate .Pages).Pages }} + {{ partial "article-link.html" . }} + {{ end }} + {{ end }} + {{ partial "pagination.html" . }} + {{ else }} +
+

+ {{ i18n "list.no_articles" | emojify }} +

+
+ {{ end }} +
+
+{{ end }} \ No newline at end of file diff --git a/layouts/personal-blog/single.html b/layouts/personal-blog/single.html new file mode 100644 index 0000000..1fbf7e3 --- /dev/null +++ b/layouts/personal-blog/single.html @@ -0,0 +1,67 @@ +{{ define "main" }} +{{ partial "background-images.html" . }} + {{- $images := .Resources.ByType "image" }} + {{- $cover := $images.GetMatch (.Params.cover | default "*cover*") }} + {{- $feature := $images.GetMatch (.Params.feature | default "*feature*") | default $cover }} +
+
+ {{ if .Params.showBreadcrumbs | default (.Site.Params.article.showBreadcrumbs | default false) }} + {{ partial "breadcrumbs.html" . }} + {{ end }} +

+ {{ .Title | emojify }} +

+ {{ if or + (.Params.showDate | default (.Site.Params.article.showDate | default true)) + (and (.Params.showDateUpdated | default (.Site.Params.article.showDateUpdated | default false)) (ne (partial "functions/date.html" .Date) (partial "functions/date.html" .Lastmod))) + (and (.Params.showWordCount | default (.Site.Params.article.showWordCount | default false)) (ne .WordCount 0)) + (and (.Params.showReadingTime | default (.Site.Params.article.showReadingTime | default true)) (ne .ReadingTime 0)) + (.Params.showEdit | default (.Site.Params.article.showEdit | default false)) + }} +
+ {{ partial "article-meta.html" (dict "context" . "scope" "single") }} +
+ {{ end }} + {{ with $feature }} +
+ {{ $altText := $.Params.featureAlt | default $.Params.coverAlt | default "" }} + {{ $class := "mb-6 rounded-md" }} + {{ $webp := $.Page.Site.Params.enableImageWebp | default true }} + {{ partial "picture.html" (dict "img" . "alt" $altText "class" $class "lazy" false "webp" $webp) }} + {{ with $.Params.coverCaption }} +
{{ . | markdownify }}
+ {{ end }} +
+ {{ end }} +
+
+ {{ if and (.Params.showTableOfContents | default (.Site.Params.article.showTableOfContents | default false)) (in .TableOfContents " +
+ {{ partial "toc.html" . }} +
+ + {{ end }} +
+ {{ .Content | emojify }} +
+
+ +
+{{ end }} \ No newline at end of file diff --git a/static/backgrounds/Abstract_Lobster.webp b/static/backgrounds/Abstract_Lobster.webp new file mode 100644 index 0000000..bb87980 Binary files /dev/null and b/static/backgrounds/Abstract_Lobster.webp differ diff --git a/static/backgrounds/AllSeeingEye_Neon.webp b/static/backgrounds/AllSeeingEye_Neon.webp new file mode 100644 index 0000000..df16198 Binary files /dev/null and b/static/backgrounds/AllSeeingEye_Neon.webp differ diff --git a/static/backgrounds/Apophysis_061231-00.webp b/static/backgrounds/Apophysis_061231-00.webp new file mode 100644 index 0000000..03a5204 Binary files /dev/null and b/static/backgrounds/Apophysis_061231-00.webp differ diff --git a/static/Apophysis-071008-64.webp b/static/backgrounds/Apophysis_071008-64.webp similarity index 100% rename from static/Apophysis-071008-64.webp rename to static/backgrounds/Apophysis_071008-64.webp diff --git a/static/backgrounds/Beautiful_Poison.webp b/static/backgrounds/Beautiful_Poison.webp new file mode 100644 index 0000000..5d05b16 Binary files /dev/null and b/static/backgrounds/Beautiful_Poison.webp differ diff --git a/static/backgrounds/Blood_Rose_2_00068.webp b/static/backgrounds/Blood_Rose_2_00068.webp new file mode 100644 index 0000000..596dba4 Binary files /dev/null and b/static/backgrounds/Blood_Rose_2_00068.webp differ diff --git a/static/backgrounds/Containment_Background.jpg b/static/backgrounds/Containment_Background.jpg new file mode 100644 index 0000000..5c91c17 Binary files /dev/null and b/static/backgrounds/Containment_Background.jpg differ diff --git a/static/backgrounds/Galaxy_In_Motion.webp b/static/backgrounds/Galaxy_In_Motion.webp new file mode 100644 index 0000000..62960b8 Binary files /dev/null and b/static/backgrounds/Galaxy_In_Motion.webp differ diff --git a/static/backgrounds/Neuron_2.webp b/static/backgrounds/Neuron_2.webp new file mode 100644 index 0000000..27f8cee Binary files /dev/null and b/static/backgrounds/Neuron_2.webp differ diff --git a/static/neuron-purple.webp b/static/backgrounds/Neuron_Purple.webp similarity index 100% rename from static/neuron-purple.webp rename to static/backgrounds/Neuron_Purple.webp diff --git a/static/backgrounds/Plague.webp b/static/backgrounds/Plague.webp new file mode 100644 index 0000000..3ba3b56 Binary files /dev/null and b/static/backgrounds/Plague.webp differ diff --git a/static/backgrounds/Poison_Rose.webp b/static/backgrounds/Poison_Rose.webp new file mode 100644 index 0000000..fc7c363 Binary files /dev/null and b/static/backgrounds/Poison_Rose.webp differ diff --git a/static/backgrounds/Surgery.webp b/static/backgrounds/Surgery.webp new file mode 100644 index 0000000..3ff8d45 Binary files /dev/null and b/static/backgrounds/Surgery.webp differ diff --git a/static/backgrounds/Tendrillia.webp b/static/backgrounds/Tendrillia.webp new file mode 100644 index 0000000..ff7bbdc Binary files /dev/null and b/static/backgrounds/Tendrillia.webp differ diff --git a/static/backgrounds/Triangly_2.webp b/static/backgrounds/Triangly_2.webp new file mode 100644 index 0000000..3c49b0a Binary files /dev/null and b/static/backgrounds/Triangly_2.webp differ diff --git a/static/backgrounds/Unending_Spiral.webp b/static/backgrounds/Unending_Spiral.webp new file mode 100644 index 0000000..a3d2bc0 Binary files /dev/null and b/static/backgrounds/Unending_Spiral.webp differ diff --git a/static/backgrounds/name_me.webp b/static/backgrounds/name_me.webp new file mode 100644 index 0000000..130bcaf Binary files /dev/null and b/static/backgrounds/name_me.webp differ