feat: updated

This commit is contained in:
Kasper Juul Hermansen 2023-04-09 12:27:51 +02:00
parent 201fcdb0eb
commit a0c5f8facf
Signed by: kjuulh
GPG Key ID: 57B6E1465221F912
6 changed files with 117 additions and 4 deletions

View File

@ -15,7 +15,7 @@ commodo officia dolor Lorem duis laboris cupidatat officia voluptate. Culpa
proident adipisicing id nulla nisi laboris ex in Lorem sunt duis officia proident adipisicing id nulla nisi laboris ex in Lorem sunt duis officia
eiusmod. Aliqua reprehenderit commodo ex non excepteur duis sunt velit enim. eiusmod. Aliqua reprehenderit commodo ex non excepteur duis sunt velit enim.
Voluptate laboris sint cupidatat ullamco ut ea consectetur et est culpa et culpa Voluptate laboris sint cupidatat ullamco ut ea consectetur et est culpa et culpa
duis. duis.<!-- more -->
Lorem ipsum dolor sit amet, officia excepteur ex fugiat reprehenderit enim Lorem ipsum dolor sit amet, officia excepteur ex fugiat reprehenderit enim
labore culpa sint ad nisi Lorem pariatur mollit ex esse exercitation amet. Nisi labore culpa sint ad nisi Lorem pariatur mollit ex esse exercitation amet. Nisi

View File

@ -594,6 +594,10 @@ html,
margin-right: auto; margin-right: auto;
} }
.mt-auto {
margin-top: auto;
}
.block { .block {
display: block; display: block;
} }
@ -606,6 +610,22 @@ html,
display: list-item; display: list-item;
} }
.h-6 {
height: 1.5rem;
}
.h-5 {
height: 1.25rem;
}
.w-6 {
width: 1.5rem;
}
.w-5 {
width: 1.25rem;
}
.max-w-3xl { .max-w-3xl {
max-width: 48rem; max-width: 48rem;
} }
@ -618,12 +638,32 @@ html,
place-content: space-around; place-content: space-around;
} }
.justify-center {
justify-content: center;
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) { .space-y-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0; --tw-space-y-reverse: 0;
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1rem * var(--tw-space-y-reverse)); margin-bottom: calc(1rem * var(--tw-space-y-reverse));
} }
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.bg-cover {
background-size: cover;
}
.px-4 { .px-4 {
padding-left: 1rem; padding-left: 1rem;
padding-right: 1rem; padding-right: 1rem;
@ -634,6 +674,11 @@ html,
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
} }
.py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.py-8 { .py-8 {
padding-top: 2rem; padding-top: 2rem;
padding-bottom: 2rem; padding-bottom: 2rem;
@ -644,6 +689,11 @@ html,
line-height: 2.25rem; line-height: 2.25rem;
} }
.text-gray-300 {
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
}
.text-peach { .text-peach {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--ctp-peach), var(--tw-text-opacity)); color: rgba(var(--ctp-peach), var(--tw-text-opacity));
@ -2082,3 +2132,26 @@ html,
.blog-summary > p:first-child { .blog-summary > p:first-child {
margin-top: 0px; margin-top: 0px;
} }
.custom-icon {
display: inline-block;
font-size: inherit;
height: 1em;
overflow: visible;
vertical-align: -0.125em;
fill: currentColor;
}
.gitea {
background-image: url(https://git.front.kjuulh.io/assets/img/logo.svg);
}
.hover\:text-gray-900:hover {
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}
.hover\:text-orange-400:hover {
--tw-text-opacity: 1;
color: rgb(251 146 60 / var(--tw-text-opacity));
}

View File

@ -43,3 +43,16 @@
.blog-summary > p:first-child { .blog-summary > p:first-child {
@apply mt-0; @apply mt-0;
} }
.custom-icon {
display: inline-block;
font-size: inherit;
height: 1em;
overflow: visible;
vertical-align: -0.125em;
fill: currentColor;
}
.gitea {
background-image: url(https://git.front.kjuulh.io/assets/img/logo.svg);
}

View File

@ -10,7 +10,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="{{ get_url(path="styles/styles.css") | safe }}" /> {{ post_macros::styles() }}
<script defer data-domain="blog.kasperhermansen.com" src="https://plausible.front.kjuulh.io/js/script.js"></script> <script defer data-domain="blog.kasperhermansen.com" src="https://plausible.front.kjuulh.io/js/script.js"></script>
@ -34,6 +34,26 @@
<section class="section container mx-auto"> <section class="section container mx-auto">
{% block content %} {% endblock %} {% block content %} {% endblock %}
</section> </section>
<footer>
<footer class="mt-auto py-3">
<div class="container mx-auto px-4">
<div class="flex justify-center space-x-4">
<a href="https://github.com/kjuulh" target="_blank" rel="noopener noreferrer"
class="text-gray-300 hover:text-gray-900">
<i class="fab fa-github"></i>
</a>
<a href="https://www.linkedin.com/in/kasper-hermansen-50b0b0132/" target="_blank" rel="noopener noreferrer"
class="text-gray-300 hover:text-gray-900">
<i class="fab fa-linkedin"></i>
</a>
<a href="https://git.front.kjuulh.io/kjuulh" target="_blank" rel="noopener noreferrer"
class="text-gray-300 hover:text-gray-900 custom-icon h-6 w-6 gitea bg-cover"> </a>
</div>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/js/all.min.js"
crossorigin="anonymous"></script>
</footer>
</body> </body>
</html> </html>

View File

@ -1,5 +1,5 @@
{% macro list_posts(pages) %} {% macro list_posts(pages) %}
<ul> <ul class="space-y-6">
{%- for page in pages %} {%- for page in pages %}
<section class="list-item"> <section class="list-item">
<h1 class="title text-peach"> <h1 class="title text-peach">
@ -34,3 +34,7 @@
{% endfor -%} {% endfor -%}
</ul> </ul>
{% endmacro list_posts %} {% endmacro list_posts %}
{% macro styles() %}
<link rel="stylesheet" href="{{ get_url(path="styles/styles.css") | safe }}" />
{% endmacro styles %}

View File

@ -3,7 +3,6 @@
{% block content %} {% block content %}
<div class="mx-auto px-4 max-w-3xl py-8"> <div class="mx-auto px-4 max-w-3xl py-8">
<div class="py-2"> <div class="py-2">
{{ prev_macros::page_back_link(page=page) }} {{ prev_macros::page_back_link(page=page) }}
</div> </div>
@ -12,6 +11,10 @@
<h1 class="title"> <h1 class="title">
{{ page.title }} {{ page.title }}
</h1> </h1>
<a href="https://github.com/kjuulh" target="_blank" rel="noopener noreferrer" class="text-peach hover:text-orange-400">
@kjuulh
</a>
<p class="subtitle"><strong>{{ page.date }}</strong></p> <p class="subtitle"><strong>{{ page.date }}</strong></p>
{{ page.content | safe }} {{ page.content | safe }}
</article> </article>