kossa/knaeckeboot-eu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new posts and layouts from thailand

Browse Source
This commit is contained in:
Konstantin Kollar
2024-04-05 16:45:07 +02:00
parent 7e7deef055
commit 6c14bd9e35
101 changed files with 242 additions and 72472 deletions
Download Patch File Download Diff File Expand all files Collapse all files
themes/bluewater/assets/style.css
+78 -39
View File
@@ -1402,6 +1402,10 @@ video {
margin-right: 1rem;
}
.mt-12 {
margin-top: 3rem;
}
.mb-8 {
margin-bottom: 2rem;
}
@@ -1450,8 +1454,8 @@ video {
margin-top: 2rem;
}
.mt-12 {
margin-top: 3rem;
.mt-2 {
margin-top: 0.5rem;
}
.block {
@@ -1484,6 +1488,14 @@ video {
height: 2.5rem;
}
.max-h-80 {
max-height: 20rem;
}
.max-h-96 {
max-height: 24rem;
}
.min-h-\[80vh\] {
min-height: 80vh;
}
@@ -1589,6 +1601,10 @@ video {
overflow-y: auto;
}
.rounded-lg {
border-radius: 0.5rem;
}
.rounded-full {
border-radius: 9999px;
}
@@ -1597,10 +1613,6 @@ video {
border-radius: 0.25rem;
}
.rounded-lg {
border-radius: 0.5rem;
}
.border-2 {
border-width: 2px;
}
@@ -1640,6 +1652,11 @@ video {
border-color: rgb(212 212 212 / var(--tw-border-opacity));
}
.bg-secondary-600 {
--tw-bg-opacity: 1;
background-color: rgb(27 140 76 / var(--tw-bg-opacity));
}
.bg-neutral-100 {
--tw-bg-opacity: 1;
background-color: rgb(245 245 245 / var(--tw-bg-opacity));
@@ -1660,26 +1677,6 @@ video {
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-secondary-400 {
--tw-bg-opacity: 1;
background-color: rgb(112 240 168 / var(--tw-bg-opacity));
}
.bg-secondary-600 {
--tw-bg-opacity: 1;
background-color: rgb(27 140 76 / var(--tw-bg-opacity));
}
.bg-primary-500 {
--tw-bg-opacity: 1;
background-color: rgb(69 113 194 / var(--tw-bg-opacity));
}
.bg-secondary-500 {
--tw-bg-opacity: 1;
background-color: rgb(58 203 121 / var(--tw-bg-opacity));
}
.p-4 {
padding: 1rem;
}
@@ -1712,6 +1709,11 @@ video {
text-align: center;
}
.text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
@@ -1727,9 +1729,14 @@ video {
line-height: 1.75rem;
}
.text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
.text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.text-xs {
font-size: 0.75rem;
line-height: 1rem;
}
.font-bold {
@@ -1775,6 +1782,16 @@ video {
color: rgb(69 113 194 / var(--tw-text-opacity));
}
.text-tertiary-400 {
--tw-text-opacity: 1;
color: rgb(171 123 239 / var(--tw-text-opacity));
}
.text-tertiary-600 {
--tw-text-opacity: 1;
color: rgb(76 35 133 / var(--tw-text-opacity));
}
.underline {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
@@ -1800,9 +1817,8 @@ video {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:bg-primary-500:hover {
--tw-bg-opacity: 1;
background-color: rgb(69 113 194 / var(--tw-bg-opacity));
.visited\:text-primary-400:visited {
color: rgb(123 164 238 );
}
.hover\:bg-secondary-500:hover {
@@ -1810,14 +1826,9 @@ video {
background-color: rgb(58 203 121 / var(--tw-bg-opacity));
}
.hover\:bg-primary-400:hover {
.hover\:bg-primary-500:hover {
--tw-bg-opacity: 1;
background-color: rgb(123 164 238 / var(--tw-bg-opacity));
}
.hover\:bg-secondary-400:hover {
--tw-bg-opacity: 1;
background-color: rgb(112 240 168 / var(--tw-bg-opacity));
background-color: rgb(69 113 194 / var(--tw-bg-opacity));
}
.hover\:text-primary-500:hover {
@@ -1825,11 +1836,26 @@ video {
color: rgb(69 113 194 / var(--tw-text-opacity));
}
.hover\:text-tertiary-500:hover {
--tw-text-opacity: 1;
color: rgb(122 69 197 / var(--tw-text-opacity));
}
.hover\:underline:hover {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.prose-h2\:text-4xl :is(:where(h2):not(:where([class~="not-prose"] *))) {
font-size: 2.25rem;
line-height: 2.5rem;
}
.prose-h2\:text-neutral-600 :is(:where(h2):not(:where([class~="not-prose"] *))) {
--tw-text-opacity: 1;
color: rgb(82 82 82 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
.md\:sticky {
position: -webkit-sticky;
@@ -1845,6 +1871,14 @@ video {
margin-right: 0px;
}
.md\:mt-2 {
margin-top: 0.5rem;
}
.md\:mt-6 {
margin-top: 1.5rem;
}
.md\:flex {
display: flex;
}
@@ -1875,6 +1909,11 @@ video {
padding-left: 0px;
padding-right: 0px;
}
.md\:text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
}
@media (min-width: 1024px) {
themes/bluewater/layouts/_default/_markup/render-image.html
+13
View File
@@ -0,0 +1,13 @@
{{- $image := .Page.Resources.GetMatch .Destination -}}
{{- if $image -}}
{{ $image_resize := $image.Resize "1024x webp q80" }}
<div class="flex justify-center">
<a href="{{- $image.RelPermalink -}}">
<img loading="lazy" src="{{ $image_resize.RelPermalink }}" alt="{{ .Text }}" class="max-h-96">
</a>
</div>
{{- else -}}
<img loading="lazy" class="img-fluid" src="{{ .Destination | safeURL }}" {{ with .Text}} alt="{{ . }}" {{ else }} alt="{{ .Page.Title }}" {{ end }} {{ with .Title}} title="{{ . }}"{{ end }} />
<p>Fallback</p>
{{- end -}}
themes/bluewater/layouts/blog/single.html
+5 -4
View File
@@ -1,18 +1,19 @@
{{ define "main"}}
<article class="prose prose-lg mt-10">
<article class="prose prose-lg prose-h2:text-neutral-600 prose-h2:text-4xl mt-10">
<div class="text-xs md:text-sm mb-4">{{ .Date | time.Format ":date_long" }}</div>
<h1 class="text-neutral-600">{{ .Title }}</h1>
{{ .Content }}
</article>
<div class="flex flex-row justify-between">
<div class="flex flex-row justify-between mt-8">
<div>
{{ if .PrevPage }}
<a href="{{ .PrevPage.Permalink}}">{{ .PrevPage.Title }}</a>
<a class="underline text-tertiary-600 hover:text-tertiary-500 visited:text-primary-400" href="{{ .PrevPage.Permalink}}">Vorheriger: {{ .PrevPage.Title }}</a>
{{ end }}
</div>
<div>
{{ if .NextPage }}
<a href="{{ .NextPage.Permalink}}">{{ .NextPage.Title }}</a>
<a class="underline text-tertiary-600 hover:text-tertiary-500 visited:text-primary-400" href="{{ .NextPage.Permalink}}">Nächster: {{ .NextPage.Title }}</a>
{{ end }}
</div>
</div>
themes/bluewater/layouts/partials/blog-preview-homepage.html
+6 -6
View File
@@ -1,6 +1,6 @@
<div class="m-4">
<div class="mt-6 mb-4">
<div class="mb-4">
<a class="text-3xl font-bold text-neutral-800" href="{{ .Permalink }}"
<a class="text-3xl font-bold text-neutral-600" href="{{ .Permalink }}"
>{{ .Title }}</a
>
</div>
@@ -8,8 +8,8 @@
<div class="flex flex-col justify-center h-fit mb-2">
{{ $image := .Resources.GetMatch "header" }}
{{ with $image }}
{{ $image := $image.Crop "512x512 Center" }}
<img class="" src="{{ $image.RelPermalink }}" />
{{ $image := $image.Fill "512x512 Center webp" }}
<img class="md:mt-2" src="{{ $image.RelPermalink }}" />
{{ end }}
<span class="mt-4 text-neutral-500">{{ .Param "author" }}</span>
<span class="text-neutral-500"
@@ -18,9 +18,9 @@
</div>
<div class="prose lg:col-span-2">
{{ .Summary }}
<div class="mt-6">
<div class="mt-4 md:mt-6">
<a
class="underline text-primary-600 hover:text-primary-500"
class="underline text-tertiary-600 hover:text-tertiary-500 visited:text-primary-400"
href="{{ .Permalink }}"
>Weiterlesen...</a
>
themes/bluewater/layouts/partials/image-converter.html
+14
View File
@@ -0,0 +1,14 @@
{{ printf "%#v" . }}
{{/* Step 1: A default image as fallback */}}
{{ $image := "/images/placeholder.png" }}
{{/* Step 2: now check if passed image exists with same as title */}}
{{ $image_url := .Resources.Match .ImageSrc }}
{{ $img_param := .ImgParam }}
{{ if $image_url }}
{{/* Resize and convert the image */}}
{{ $image_url = $image_url.Resize $img_param }}
{{ $image = $image_url.RelPermalink }}
{{end}}
{{return .ImageSrc}}
themes/bluewater/tailwind.config.js
+26 -26
View File
@@ -3,32 +3,32 @@ const colors = require('tailwindcss/colors')
module.exports = {
content: ['content/**/*.md', 'layouts/**/*.html'],
theme: {
extend: {},
colors: {
gray: colors.gray,
neutral: colors.neutral,
'white': '#ffffff',
'black': '#000000',
'primary': {
300: '#E9F1FF',
400: '#7BA4EE',
500: '#4571C2',
600: '#234583',
700: '#070C14',
},
'secondary': {
300: '#E7FFF1',
400: '#70F0A8',
500: '#3ACB79',
600: '#1B8C4C',
700: '#07160D',
},
'tertiary': {
300: '#F2E9FF',
400: '#AB7BEF',
500: '#7A45C5',
600: '#4C2385',
700: '#0D0715',
extend: {
colors: {
neutral: colors.neutral,
'white': '#ffffff',
'black': '#000000',
'primary': {
300: '#E9F1FF',
400: '#7BA4EE',
500: '#4571C2',
600: '#234583',
700: '#070C14',
},
'secondary': {
300: '#E7FFF1',
400: '#70F0A8',
500: '#3ACB79',
600: '#1B8C4C',
700: '#07160D',
},
'tertiary': {
300: '#F2E9FF',
400: '#AB7BEF',
500: '#7A45C5',
600: '#4C2385',
700: '#0D0715',
},
},
},
},