diff --git a/axum_server/src/main.rs b/axum_server/src/main.rs index 594c127..9c9b7d3 100644 --- a/axum_server/src/main.rs +++ b/axum_server/src/main.rs @@ -54,8 +54,11 @@ async fn main() { // TODO Socials // - fotos -// TODO go live pipeline +// consulting session link +// TODO Change DNS system +// THINK deploy to alula? rather then katelyn? can be change whenever // TODO after release +// OG tags // Remove old web completely // Restructure repository // - contact diff --git a/axum_server/src/pages/blog_post_list.rs b/axum_server/src/pages/blog_post_list.rs index b4c5676..faa1232 100644 --- a/axum_server/src/pages/blog_post_list.rs +++ b/axum_server/src/pages/blog_post_list.rs @@ -64,7 +64,7 @@ pub async fn render_blog_post_list( }; Ok(PostListTemplate { - title: "Posts".to_owned(), + title: "Blog posts".to_owned(), posts, tag, header_props, diff --git a/axum_server/styles/input.css b/axum_server/styles/input.css index 9525b39..53fec36 100644 --- a/axum_server/styles/input.css +++ b/axum_server/styles/input.css @@ -69,11 +69,11 @@ } a { - @apply text-pink-800 underline underline-offset-2; + @apply text-pink-800 underline underline-offset-2 hover:transition hover:text-blue-500; - &:hover { - @apply transition text-blue-500; - } + /* &:hover { */ + /* @apply transition text-blue-500; */ + /* } */ } strong { @@ -103,9 +103,11 @@ img[height] { p { @apply px-4 my-2 text-slate-950 text-justify mx-auto max-w-read md:text-lg md:my-8 lg:text-readxl; } + pre { @apply p-4 my-1 overflow-auto text-sm mx-auto max-w-read; } + figure { @apply p-4; @@ -164,6 +166,10 @@ img[height] { } } +article a { + @apply visited:text-purple-700; +} + .video-embed { @apply m-4 mx-auto max-w-image aspect-video; } diff --git a/axum_server/styles/output.css b/axum_server/styles/output.css index 6544d16..38bce81 100644 --- a/axum_server/styles/output.css +++ b/axum_server/styles/output.css @@ -815,6 +815,22 @@ video { max-width: 64rem; } +.max-w-96 { + max-width: 24rem; +} + +.max-w-\[64rem\] { + max-width: 64rem; +} + +.max-w-\[48rem\] { + max-width: 48rem; +} + +.max-w-\[32rem\] { + max-width: 32rem; +} + .flex-grow { flex-grow: 1; } @@ -877,6 +893,10 @@ video { gap: 1rem; } +.self-start { + align-self: flex-start; +} + .self-center { align-self: center; } @@ -944,6 +964,10 @@ video { fill: #0b2746; } +.fill-blue-900 { + fill: #103e6a; +} + .p-0 { padding: 0px; } @@ -1099,6 +1123,11 @@ video { color: rgb(30 41 59 / var(--tw-text-opacity)); } +.text-blue-800 { + --tw-text-opacity: 1; + color: rgb(12 73 128 / var(--tw-text-opacity)); +} + .no-underline { text-decoration-line: none; } @@ -1114,17 +1143,22 @@ a { color: rgb(146 22 110 / var(--tw-text-opacity)); text-decoration-line: underline; text-underline-offset: 2px; - &:hover { - --tw-text-opacity: 1; - color: rgb(23 137 224 / var(--tw-text-opacity)); - } - &:hover { - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; - } +} + +a:hover { + --tw-text-opacity: 1; + color: rgb(23 137 224 / var(--tw-text-opacity)); + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} + +a { + /* &:hover { */ + /* @apply transition text-blue-500; */ + /* } */ } strong { @@ -1752,6 +1786,10 @@ img[height] { } } +article a:visited { + color: rgb(68 30 115 ); +} + .video-embed { margin: 1rem; margin-left: auto; @@ -1760,11 +1798,36 @@ img[height] { max-width: min(70rem, 95vw); } +.visited\:text-purple-700:visited { + color: rgb(68 30 115 ); +} + .hover\:bg-pink-200:hover { --tw-bg-opacity: 1; background-color: rgb(255 207 247 / var(--tw-bg-opacity)); } +.hover\:fill-blue-400:hover { + fill: #42a6f0; +} + +.hover\:text-blue-400:hover { + --tw-text-opacity: 1; + color: rgb(66 166 240 / var(--tw-text-opacity)); +} + +@media (min-width: 640px) { + .sm\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; + } + + .sm\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; + } +} + @media (min-width: 768px) { .md\:my-8 { margin-top: 2rem; @@ -1853,6 +1916,16 @@ img[height] { grid-row-start: 2; } + .lg\:mx-auto { + margin-left: auto; + margin-right: auto; + } + + .lg\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; + } + .lg\:mt-20 { margin-top: 5rem; } diff --git a/axum_server/templates/base.html b/axum_server/templates/base.html index 98b416e..ece6bbb 100644 --- a/axum_server/templates/base.html +++ b/axum_server/templates/base.html @@ -21,8 +21,8 @@ - - + + {% include "site_header.html" %} diff --git a/axum_server/templates/blog_post.html b/axum_server/templates/blog_post.html index 5000c61..95c5b4c 100644 --- a/axum_server/templates/blog_post.html +++ b/axum_server/templates/blog_post.html @@ -21,6 +21,7 @@ + {# footer #} {% endblock %} diff --git a/axum_server/templates/components/blog_post_preview.html b/axum_server/templates/components/blog_post_preview.html index ec86558..0fac434 100644 --- a/axum_server/templates/components/blog_post_preview.html +++ b/axum_server/templates/components/blog_post_preview.html @@ -11,7 +11,7 @@

- {{post.metadata.title}} + {{post.metadata.title}}

{{post.body|description_filter|safe}}
diff --git a/axum_server/templates/components/project_preview_card.html b/axum_server/templates/components/project_preview_card.html index 2db42e1..7a3408e 100644 --- a/axum_server/templates/components/project_preview_card.html +++ b/axum_server/templates/components/project_preview_card.html @@ -1,4 +1,4 @@ -
+

{% match project.metadata.link %} @@ -46,4 +46,4 @@ {% endfor %} -

+ diff --git a/axum_server/templates/contact.html b/axum_server/templates/contact.html index 39695fc..13a6749 100644 --- a/axum_server/templates/contact.html +++ b/axum_server/templates/contact.html @@ -1,25 +1,27 @@ {% extends "base.html" %} {% block content %} -

- Contact -

+
+

+ Contact +

- + +
{% endblock %} diff --git a/axum_server/templates/site_footer.html b/axum_server/templates/site_footer.html index 5562bd0..7efa999 100644 --- a/axum_server/templates/site_footer.html +++ b/axum_server/templates/site_footer.html @@ -14,7 +14,7 @@ Michal Vanko is licensed under diff --git a/static/m-logo-192.png b/static/images/m-logo-192.png similarity index 100% rename from static/m-logo-192.png rename to static/images/m-logo-192.png diff --git a/static/m-logo-512.png b/static/images/m-logo-512.png similarity index 100% rename from static/m-logo-512.png rename to static/images/m-logo-512.png diff --git a/static/m-logo.svg b/static/images/m-logo.svg similarity index 100% rename from static/m-logo.svg rename to static/images/m-logo.svg