Style blog previes on homepage, add headers for articles and author field

config.toml

@@ -1,5 +1,6 @@
 baseURL = 'http://example.org/'
-languageCode = 'en-us'
+languageCode = 'de-de'
+defaultContentLanguage = 'de'
 title = 'Knäckeboot'
 theme = 'bluewater'
 
@@ -13,3 +14,9 @@ theme = 'bluewater'
 [[menu.main]]
   url = '/about-us'
   name = 'Wir'
+
+[languages]
+  [languages.de]
+    contentDir= 'content'
+    languageName = 'Deutsch'
+    weight = 1

content/blog/2022/10/article-10/index.md

@@ -1,22 +0,0 @@
----
-title: "Article 10"
-date: 2022-10-03T17:12:42+02:00
-draft: false
----
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Rhoncus mattis rhoncus urna neque. Et pharetra pharetra massa massa ultricies mi quis hendrerit. Sagittis id consectetur purus ut faucibus pulvinar elementum integer enim. Diam donec adipiscing tristique risus nec feugiat. Feugiat in ante metus dictum at. Sagittis nisl rhoncus mattis rhoncus urna neque viverra justo. Tortor posuere ac ut consequat semper viverra nam libero justo. Platea dictumst vestibulum rhoncus est pellentesque. Sollicitudin aliquam ultrices sagittis orci a scelerisque. Ipsum nunc aliquet bibendum enim facilisis gravida neque convallis a. Dignissim suspendisse in est ante in nibh. Integer malesuada nunc vel risus commodo viverra maecenas. Nunc congue nisi vitae suscipit tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames.
-
-<!--more-->
-
-> Ein Schelm
-> wer
-> Böses
-> dabei denkt
-
-Nunc consequat interdum varius sit amet mattis vulputate enim. In ornare quam viverra orci sagittis eu volutpat. Diam vulputate ut pharetra sit amet aliquam id diam. Euismod lacinia at quis risus sed vulputate odio. Enim ut tellus elementum sagittis vitae. Aliquam vestibulum morbi blandit cursus. Quis ipsum suspendisse ultrices gravida dictum fusce ut. Arcu ac tortor dignissim convallis aenean. Faucibus interdum posuere lorem ipsum. In massa tempor nec feugiat nisl pretium fusce id velit. Dui nunc mattis enim ut tellus elementum. Neque sodales ut etiam sit amet. Amet consectetur adipiscing elit duis tristique sollicitudin. Congue nisi vitae suscipit tellus mauris a diam maecenas sed. Id porta nibh venenatis cras sed felis eget velit. Nibh ipsum consequat nisl vel pretium lectus. Ullamcorper malesuada proin libero nunc consequat interdum varius sit. Feugiat nisl pretium fusce id velit.
-
-Diam donec adipiscing tristique risus. Ultrices neque ornare aenean euismod elementum nisi quis eleifend. Lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque habitant. Purus ut faucibus pulvinar elementum integer enim neque. Pulvinar mattis nunc sed blandit libero volutpat sed cras ornare. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Eget egestas purus viverra accumsan in. Velit laoreet id donec ultrices tincidunt arcu non. Suscipit adipiscing bibendum est ultricies integer quis auctor elit sed. Morbi non arcu risus quis. Sed risus pretium quam vulputate. Integer quis auctor elit sed vulputate mi sit amet mauris. Semper quis lectus nulla at volutpat diam. Nec feugiat nisl pretium fusce. Velit egestas dui id ornare. Nullam vehicula ipsum a arcu cursus vitae. Hac habitasse platea dictumst vestibulum rhoncus est pellentesque elit. Mi proin sed libero enim sed faucibus turpis in. Nunc consequat interdum varius sit amet mattis vulputate. Semper viverra nam libero justo laoreet sit amet cursus sit.
-
-Condimentum lacinia quis vel eros donec ac odio tempor. Nunc scelerisque viverra mauris in. Dictum non consectetur a erat. Non sodales neque sodales ut etiam sit amet nisl. Venenatis tellus in metus vulputate. Tempus iaculis urna id volutpat lacus laoreet non curabitur gravida. Elit pellentesque habitant morbi tristique senectus et netus. Tortor condimentum lacinia quis vel eros donec ac odio tempor. Egestas integer eget aliquet nibh praesent tristique magna sit amet. Ornare suspendisse sed nisi lacus sed viverra tellus. Arcu cursus vitae congue mauris rhoncus. Sed elementum tempus egestas sed sed risus pretium.
-
-Consequat nisl vel pretium lectus quam id leo in. Malesuada pellentesque elit eget gravida cum sociis natoque. Faucibus interdum posuere lorem ipsum dolor sit amet consectetur adipiscing. In tellus integer feugiat scelerisque varius morbi enim nunc. Vulputate ut pharetra sit amet. Vitae sapien pellentesque habitant morbi. Urna et pharetra pharetra massa massa ultricies mi quis hendrerit. Non odio euismod lacinia at. Ligula ullamcorper malesuada proin libero nunc consequat. Donec pretium vulputate sapien nec sagittis aliquam.

content/blog/2022/10/article-8/index.md

@@ -2,6 +2,10 @@
 title: "Article 8"
 date: 2022-10-03T17:12:34+02:00
 draft: false
+summary: "Diesdas"
+resources:
+  - name: header
+    src: thumbnail.webp
 ---
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Rhoncus mattis rhoncus urna neque. Et pharetra pharetra massa massa ultricies mi quis hendrerit. Sagittis id consectetur purus ut faucibus pulvinar elementum integer enim. Diam donec adipiscing tristique risus nec feugiat. Feugiat in ante metus dictum at. Sagittis nisl rhoncus mattis rhoncus urna neque viverra justo. Tortor posuere ac ut consequat semper viverra nam libero justo. Platea dictumst vestibulum rhoncus est pellentesque. Sollicitudin aliquam ultrices sagittis orci a scelerisque. Ipsum nunc aliquet bibendum enim facilisis gravida neque convallis a. Dignissim suspendisse in est ante in nibh. Integer malesuada nunc vel risus commodo viverra maecenas. Nunc congue nisi vitae suscipit tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames.

content/blog/2022/10/article-9/index.md

@@ -2,10 +2,18 @@
 title: "Article 9"
 date: 2022-10-03T17:12:38+02:00
 draft: false
-summary: "Dies das und jenes"
+author: "Konstantin Kollar"
+
+resources:
+  - name: header
+    src: thumbnail.webp
 ---
 
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Rhoncus mattis rhoncus urna neque. Et pharetra pharetra massa massa ultricies mi quis hendrerit. Sagittis id consectetur purus ut faucibus pulvinar elementum integer enim. Diam donec adipiscing tristique risus nec feugiat. Feugiat in ante metus dictum at. Sagittis nisl rhoncus mattis rhoncus urna neque viverra justo. Tortor posuere ac ut consequat semper viverra nam libero justo. Platea dictumst vestibulum rhoncus est pellentesque. Sollicitudin aliquam ultrices sagittis orci a scelerisque. Ipsum nunc aliquet bibendum enim facilisis gravida neque convallis a. Dignissim suspendisse in est ante in nibh. Integer malesuada nunc vel risus commodo viverra maecenas. Nunc congue nisi vitae suscipit tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames.
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Rhoncus mattis rhoncus urna neque. Et pharetra pharetra massa massa ultricies mi quis hendrerit. Sagittis id consectetur purus ut faucibus pulvinar elementum integer enim. Diam donec adipiscing tristique risus nec feugiat. Feugiat in ante metus dictum at. Sagittis nisl rhoncus mattis rhoncus urna neque viverra justo. Tortor posuere ac ut consequat semper viverra nam libero justo. Platea dictumst vestibulum rhoncus est pellentesque.
+
+Sollicitudin aliquam ultrices sagittis orci a scelerisque. Ipsum nunc aliquet bibendum enim facilisis gravida neque convallis a. Dignissim suspendisse in est ante in nibh. Integer malesuada nunc vel risus commodo viverra maecenas. Nunc congue nisi vitae suscipit tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames.
+
+<!--more-->
 
 Nunc consequat interdum varius sit amet mattis vulputate enim. In ornare quam viverra orci sagittis eu volutpat. Diam vulputate ut pharetra sit amet aliquam id diam. Euismod lacinia at quis risus sed vulputate odio. Enim ut tellus elementum sagittis vitae. Aliquam vestibulum morbi blandit cursus. Quis ipsum suspendisse ultrices gravida dictum fusce ut. Arcu ac tortor dignissim convallis aenean. Faucibus interdum posuere lorem ipsum. In massa tempor nec feugiat nisl pretium fusce id velit. Dui nunc mattis enim ut tellus elementum. Neque sodales ut etiam sit amet. Amet consectetur adipiscing elit duis tristique sollicitudin. Congue nisi vitae suscipit tellus mauris a diam maecenas sed. Id porta nibh venenatis cras sed felis eget velit. Nibh ipsum consequat nisl vel pretium lectus. Ullamcorper malesuada proin libero nunc consequat interdum varius sit. Feugiat nisl pretium fusce id velit.
 

static/img/logo.svg

@@ -6,13 +6,12 @@
    version="1.1"
    id="svg8"
    inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
-   sodipodi:docname="logo-circle.svg"
+   sodipodi:docname="logo2.svg"
    inkscape:export-filename="/home/kossa/Rastergrafik.png"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
@@ -28,14 +27,14 @@
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
      inkscape:zoom="0.7"
-     inkscape:cx="443.57143"
+     inkscape:cx="442.14286"
-     inkscape:cy="402.14286"
+     inkscape:cy="401.42857"
      inkscape:document-units="mm"
-     inkscape:current-layer="layer1"
+     inkscape:current-layer="g904"
      inkscape:document-rotation="0"
      showgrid="false"
      inkscape:window-width="1920"
-     inkscape:window-height="1147"
+     inkscape:window-height="1176"
      inkscape:window-x="0"
      inkscape:window-y="24"
      inkscape:window-maximized="1"
@@ -105,16 +104,54 @@
          d="m 174.56599,112.29747 c -19.16006,3.24617 -35.82721,10.85138 -56.00635,11.74516"
          id="path860"
          sodipodi:nodetypes="cc" />
-      <text
+      <g
-         xml:space="preserve"
+         aria-label="Knäckeboot"
-         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.3119px;line-height:125%;font-family:'Bluebird Mono';-inkscape-font-specification:'Bluebird Mono, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0.106342px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;white-space:pre;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.161123px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         transform="translate(0.93387731,-0.24120569)"
          id="text864"
+         style="font-size:10.3119px;font-family:'Bluebird Mono';-inkscape-font-specification:'Bluebird Mono, Normal';letter-spacing:0.106342px;word-spacing:0px;white-space:pre;stroke-width:0.161123px"
          inkscape:transform-center-x="0.77519441"
-         inkscape:transform-center-y="-0.79006898"
+         inkscape:transform-center-y="-0.79006898">
-         transform="translate(0.93387731,-0.24120569)"><textPath
+        <path
-           xlink:href="#path871"
+           d="m 111.8668,140.36554 0.0945,0.0757 0.009,0.0851 -0.0756,0.0945 -0.0945,-0.0756 -0.0851,0.009 -0.70915,0.59527 -0.0851,0.009 q -0.0249,-0.2252 0.94554,-0.79369 z m -3.29914,0.53765 0.16988,0.75626 q 0.17015,-0.0188 0.19869,-0.53872 l 0.0851,-0.009 0.12277,0.33089 -0.10447,1.38949 0.86046,-0.78426 0.0851,-0.009 -0.91727,1.04892 0.009,0.0851 1.79657,-1.66303 0.0945,0.0756 q 1.04238,-1.06277 1.42773,-1.10545 l 0.0851,-0.009 0.12277,0.33089 -0.60523,0.75599 0.0851,-0.009 q 0.13246,-0.35915 0.47276,-0.39684 l 0.0945,0.0756 -0.009,-0.0851 -0.0945,-0.0756 0.0757,-0.0945 0.25523,-0.0283 0.11334,0.24581 q -0.60732,0.37122 -2.73269,2.54179 0.71465,1.19239 2.41876,3.17692 l 0.0188,0.17015 -0.0191,0.60496 -0.0945,-0.0756 -0.0851,0.009 -0.0474,0.34973 -0.34031,0.0377 -0.0189,-0.17015 -0.0851,0.009 0.0188,0.17015 -0.17015,0.0188 q -0.0333,-0.30027 -2.22033,-2.94053 l -0.22669,-0.49162 -0.41596,0.13219 q 0.1166,2.05904 -0.2528,2.61161 l 0.009,0.0851 -0.86018,0.009 -0.0283,-0.25523 0.0191,-0.60496 q -0.25523,0.0283 -0.31176,-0.48219 0.0459,-0.86629 0.18602,-0.88181 l -0.0945,-0.0756 q -0.004,-2.37038 0.19951,-2.86407 l -0.11335,-0.2458 0.17985,-0.70888 -0.009,-0.0851 -0.0945,-0.0756 -0.009,-0.0851 0.17016,-0.0189 0.066,0.59554 0.0851,-0.009 0.0568,-0.26466 -0.0945,-0.0756 -0.009,-0.0851 q 0.0568,-0.26465 0.48219,-0.31176 z m 2.26853,0.26546 0.0851,-0.009 -0.30261,0.378 -0.0851,0.009 z m -2.84549,0.74576 -0.0285,0.51988 0.0377,0.34031 0.0851,-0.009 2.7e-4,-0.77511 -0.009,-0.0851 z m 2.4578,-0.35834 0.0851,-0.009 -0.46334,0.48192 -0.0851,0.009 z m 1.14368,0.21781 -0.31203,0.29292 -0.0757,0.0945 0.009,0.0851 0.0851,-0.009 0.31204,-0.29293 0.0756,-0.0945 -0.009,-0.0851 z m -0.9092,5.00956 0.0851,-0.009 0.2835,0.22696 -0.0851,0.009 z m 0.36858,0.21753 q 0.21519,-0.0238 0.51961,0.80366 l 0.009,0.0851 -0.0851,0.009 z"
-           id="textPath874"
+           style="-inkscape-font-specification:'Edo SZ'"
-           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Edo SZ';-inkscape-font-specification:'Edo SZ'">Knäckeboot</textPath></text>
+           id="path833" />
+        <path
+           d="m 113.88572,140.36917 0.67852,0.40298 q -0.0441,-0.25297 0.12452,-0.28239 l 0.0843,-0.0147 1.71004,2.82973 0.0294,0.16865 -0.0843,0.0147 -0.25689,-0.47653 -0.0843,0.0147 0.0294,0.16865 0.84031,1.33054 0.0843,-0.0147 q -0.0451,-2.25125 0.1736,-4.74786 l 0.28239,0.12452 0.23826,-0.12845 0.55007,0.16472 0.0147,0.0843 q -0.25297,0.0441 -0.19414,0.38142 l 0.0843,-0.0147 0.099,0.0696 0.0843,-0.0147 0.0108,-0.43632 0.16865,-0.0294 0.0147,0.0843 -0.0696,0.099 0.099,0.0696 0.0147,0.0843 q -0.29487,2.06011 -0.16574,5.78916 l -0.16865,0.0294 -0.0667,-1.3786 q -0.16865,0.0294 -0.22648,1.6904 -0.26837,0.30748 -0.54614,0.35594 l 0.0294,0.16864 -0.0843,0.0147 q -0.0294,-0.16864 -0.36672,-0.10981 l -0.10296,-0.59027 q -0.0666,-0.38193 -2.42191,-3.922 l -0.0843,0.0147 q -0.0751,1.56178 0.11575,4.15049 l -0.099,-0.0696 q -0.47998,0.23706 -0.4324,0.50987 l -0.16864,0.0294 q -0.22402,-0.28803 -0.35986,-1.06678 l -0.0843,0.0147 0.13238,0.75892 -0.16865,0.0294 -0.15786,-0.40691 q -0.39973,-2.29161 0.0411,-5.74186 z m -0.81281,2.31401 0.0147,0.0843 0.099,0.0696 -0.0696,0.099 0.0294,0.16865 0.0843,-0.0147 0.0255,-0.352 -0.099,-0.0696 z m 3.43964,0.79025 q 0.21825,-0.0381 0.45496,0.61575 l 0.0147,0.0843 -0.0843,0.0147 z"
+           style="-inkscape-font-specification:'Edo SZ'"
+           id="path835" />
+        <path
+           d="m 121.44315,138.39679 q 0.11372,0.2368 0.72577,0.0901 l 1.36426,2.75374 0.58267,-0.13967 0.02,0.0832 -0.47948,0.20295 0.02,0.0832 q 0.24971,-0.0599 0.28962,0.10662 l 0.66591,-0.15962 0.0199,0.0832 q 0.0446,0.18606 -0.75258,0.53248 l 0.2862,0.45953 -0.0234,0.26967 0.20295,0.47948 -0.0633,0.10319 0.0832,-0.0199 -0.0633,0.10319 0.32267,0.97891 0.11972,0.49944 -0.10319,-0.0633 -0.0832,0.02 0.54901,1.18873 -0.16648,0.0399 q -0.0599,-0.24971 -0.22634,-0.20981 l 0.02,0.0832 0.14309,0.22976 -0.0832,0.02 -0.1032,-0.0633 -0.0832,0.0199 q 0.0599,0.24972 -0.10661,0.28963 l -0.7554,-1.3153 -0.0832,0.0199 0.0798,0.33296 -0.0832,0.0199 -0.40591,-0.95896 0.28962,0.10662 -0.0199,-0.0832 q -0.24813,-0.73272 -0.4293,-0.68929 l 0.0633,-0.10319 -0.0599,-0.24972 -0.16648,0.0399 0.0599,0.24971 -0.0832,0.02 -0.0798,-0.33296 0.0633,-0.10319 -0.0832,0.0199 -0.0633,0.10319 -0.0798,-0.33295 0.0832,-0.0199 0.10319,0.0633 0.0832,-0.0199 -0.10319,-0.0633 -0.11972,-0.49943 -1.73149,0.85516 0.0399,0.16647 0.54276,-0.30614 0.35291,0.003 0.39624,-0.183 0.0399,0.16648 q -1.6729,0.73238 -1.54849,1.2514 -8.6e-4,0.96844 -0.22009,1.28506 l 0.0399,0.16647 -0.24971,0.0599 -0.10319,-0.0633 -0.0832,0.0199 0.0199,0.0832 -0.28962,-0.10662 0.0468,-0.53934 -0.0832,0.0199 q -0.24972,0.0599 -0.0901,0.72577 l -0.20639,-0.12657 -0.0365,-0.51939 -0.30957,-0.18985 0.59699,-3.75199 0.0832,-0.02 q 0.0599,0.24972 0.22634,0.20981 l -0.0165,-0.43614 -0.0633,0.10319 -0.0832,0.0199 -0.0798,-0.33295 -0.0165,-0.43615 0.10319,0.0633 0.0832,-0.02 -0.10319,-0.0633 -0.02,-0.0832 0.0867,-0.37286 0.0832,-0.02 0.1032,0.0633 0.0832,-0.0199 -0.0199,-0.0832 q -0.0399,-0.16648 -0.28962,-0.10662 l 0.13685,-1.26511 0.33296,-0.0798 -0.0633,0.10319 0.02,0.0832 q 0.49796,-0.47145 1.00229,-0.59234 z m -0.0405,2.03421 -0.2469,1.90764 0.16648,-0.0399 q 0.83239,-0.19953 0.79591,-0.71891 l -0.63225,-1.16877 z m -0.62943,0.67901 -0.0268,0.62257 -0.10319,-0.0633 -0.0832,0.0199 0.16305,0.313 0.0832,-0.0199 0.0701,-0.80901 -0.0199,-0.0832 z m -0.73605,0.96863 -0.0633,0.10319 0.0399,0.16648 0.0832,-0.02 0.0234,-0.26967 z m 0.57924,0.21324 -0.003,0.3529 0.0832,-0.0199 0.0633,-0.10319 -0.0599,-0.24972 z m -0.7292,0.26281 -0.003,0.35291 0.0832,-0.0199 0.0867,-0.37287 z m 1.47492,-0.0895 0.02,0.0832 0.16647,-0.0399 q 0.7292,-0.26281 0.68929,-0.42929 l -0.0832,0.0199 z m 1.60431,1.55191 0.16648,-0.0399 0.11971,0.49943 -0.0832,0.0199 z m 1.30501,0.30334 0.0399,0.16647 0.16305,0.31301 0.0832,-0.02 -0.0399,-0.16647 -0.16305,-0.31301 z m -0.77253,0.44924 0.0399,0.16648 0.22976,-0.1431 -0.0399,-0.16648 z m -1.62566,-8.53157 0.0182,0.0112 0.0748,-0.0335 0.0147,-0.004 0.20128,0.14851 0.0117,0.049 q -0.26998,0.38573 -0.26059,0.42491 l 0.0147,-0.004 q 0.1869,-0.25708 0.32068,-0.3254 l 0.1159,0.13791 -0.0114,0.16842 0.0161,-0.0194 0.0294,-0.007 0.0607,0.0372 0.004,0.0147 q 0.006,0.11242 -0.31274,0.63934 -0.0849,0.18603 -0.0851,0.33624 l -0.0531,0.0593 -0.0147,0.004 q -0.0686,0.0164 -0.28727,-0.0968 -0.0539,0.0129 -0.1159,-0.13791 -0.10417,-0.0889 -0.15313,-0.0772 -0.27785,-0.18711 -0.31424,-0.3389 l -0.004,-0.0147 q 0.46202,-0.79421 0.65868,-0.92419 z m -1.79719,0.45151 q 0.19331,-0.036 0.20153,-0.002 l -0.0149,0.0243 0.004,0.0147 q 0.0588,-0.0141 0.16429,0.059 l 0.0117,0.049 q -0.0323,0.0595 -0.17493,0.15584 -0.2625,0.24414 -0.28779,0.33305 l 0.0147,-0.004 q 0.29896,-0.35126 0.54867,-0.41112 l 0.093,0.10715 q 0.0196,-0.005 0.0564,0.10558 0.0636,-0.0153 0.0977,0.12674 -0.44155,0.44757 -0.4651,0.60855 -0.0613,0.025 -0.0863,0.33134 l -0.15964,0.09 q -0.30921,-0.10192 -0.34794,-0.2635 -0.0245,0.006 -0.0628,-0.0678 -0.10772,0.0258 -0.33737,-0.21944 l -0.0487,-0.13848 q 0.25379,-0.60449 0.70449,-0.86268 z"
+           style="-inkscape-font-specification:'Edo SZ'"
+           id="path837" />
+        <path
+           d="m 126.83122,137.45146 0.082,-0.0244 q 1.19217,-0.35421 2.09769,0.44829 l 0.0244,0.0821 -0.16411,0.0488 0.10643,0.0577 0.0244,0.0821 q -0.50952,0.0884 -0.54107,-0.0178 -1.91615,0.56932 -2.28672,2.8225 l 0.007,0.62312 0.70935,1.48585 0.24616,-0.0731 q 1.02323,-0.30401 1.85863,-2.15953 l 0.0821,-0.0244 0.0244,0.082 q -0.49932,1.5193 -1.53042,2.06202 l 0.0244,0.082 0.082,-0.0244 q 0.85913,-0.25525 1.69453,-2.11077 l 0.34367,0.25507 0.0731,0.24615 q 0.0789,0.26547 -0.86509,1.59646 l -0.0577,0.10643 -0.082,0.0244 0.0488,0.1641 q 1.19268,-1.09498 1.10234,-1.39906 l 0.1641,-0.0487 0.0244,0.082 q -0.66721,1.53766 -2.01382,1.93776 l 0.0244,0.0821 0.41026,-0.12189 0.30383,-0.17957 0.0821,-0.0244 0.0244,0.0821 -0.9373,0.45182 q -0.62262,0.18499 -1.57956,-0.50768 l 0.0244,0.0821 0.60529,0.53452 0.0229,0.0772 -0.24616,0.0731 q -0.91748,-0.29469 -1.29119,-1.03984 l -0.39898,-1.04229 q -0.6109,-2.05612 0.0404,-2.86944 l 0.0244,0.082 -0.24852,0.96679 0.0244,0.0821 0.082,-0.0244 q -0.23232,-0.7819 1.39307,-2.82486 l -0.22178,0.15518 -0.082,0.0244 -0.0244,-0.0821 z m -0.80505,0.59637 0.0821,-0.0244 0.0244,0.0821 -0.50123,0.41681 q -0.0488,-0.1641 0.3948,-0.47448 z m -0.56782,0.79377 0.0244,0.0821 -0.28837,0.53216 -0.0244,-0.0821 z m 0.18555,4.23103 0.0731,0.24616 0.17957,0.30383 0.0821,-0.0244 -0.0244,-0.0821 -0.22832,-0.46794 z"
+           style="-inkscape-font-specification:'Edo SZ'"
+           id="path839" />
+        <path
+           d="m 133.19469,134.9136 0.1091,0.0524 0.0283,0.0808 -0.0524,0.10909 -0.1091,-0.0525 -0.0808,0.0283 -0.55703,0.73956 -0.0808,0.0283 q -0.075,-0.21382 0.74271,-0.98609 z m -3.09357,1.26618 0.33569,0.69865 q 0.16155,-0.0566 0.0724,-0.56962 l 0.0808,-0.0283 0.19407,0.29477 0.21086,1.37737 0.66193,-0.95776 0.0808,-0.0283 -0.65773,1.22841 0.0283,0.0808 1.37631,-2.02462 0.1091,0.0524 q 0.77652,-1.27006 1.14239,-1.39835 l 0.0808,-0.0283 0.19407,0.29478 -0.41961,0.87279 0.0808,-0.0283 q 0.0482,-0.37974 0.37135,-0.49304 l 0.1091,0.0524 -0.0283,-0.0808 -0.1091,-0.0525 0.0524,-0.1091 0.24232,-0.085 0.16575,0.21401 q -0.50822,0.49835 -2.09069,3.09148 0.96461,1.00101 3.07155,2.55122 l 0.0566,0.16155 0.11749,0.59374 -0.1091,-0.0524 -0.0808,0.0283 0.0325,0.35142 -0.3231,0.1133 -0.0567,-0.16155 -0.0808,0.0283 0.0566,0.16155 -0.16154,0.0566 q -0.1,-0.28509 -2.82504,-2.36554 l -0.33149,-0.428 -0.37555,0.22239 q 0.57691,1.98 0.34131,2.60152 l 0.0283,0.0808 -0.83608,0.20247 -0.085,-0.24232 -0.11749,-0.59375 q -0.24233,0.085 -0.41227,-0.39968 -0.1502,-0.8544 -0.0172,-0.90105 l -0.1091,-0.0524 q -0.53741,-2.30866 -0.45004,-2.83551 l -0.16575,-0.214 0.0157,-0.73117 -0.0283,-0.0808 -0.1091,-0.0524 -0.0283,-0.0808 0.16155,-0.0566 0.19827,0.56542 0.0808,-0.0283 -0.004,-0.27065 -0.1091,-0.0524 -0.0283,-0.0808 q -0.004,-0.27065 0.39968,-0.41227 z m 2.27009,-0.25177 0.0808,-0.0283 -0.2098,0.43639 -0.0808,0.0283 z m -2.60473,1.36689 0.0892,0.51297 0.1133,0.3231 0.0808,-0.0283 -0.17414,-0.7553 -0.0283,-0.0808 z m 2.31415,-0.90217 0.0808,-0.0283 -0.34302,0.57381 -0.0808,0.0283 z m 1.16337,-0.0451 -0.23813,0.35562 -0.0524,0.1091 0.0283,0.0808 0.0808,-0.0283 0.23813,-0.35562 0.0525,-0.1091 -0.0283,-0.0808 z m 0.24129,5.08567 0.0808,-0.0283 0.32729,0.15736 -0.0808,0.0283 z m 0.40807,0.12903 q 0.20432,-0.0717 0.68712,0.66613 l 0.0283,0.0808 -0.0808,0.0283 z"
+           style="-inkscape-font-specification:'Edo SZ'"
+           id="path841" />
+        <path
+           d="m 138.03305,133.27425 0.4902,0.11197 q 0.1159,0.77297 -0.33442,0.92177 l -2.0361,0.92859 0.0546,0.16256 0.40361,-0.12998 0.46225,-0.24046 0.11047,0.0587 0.0813,-0.0273 0.54166,-0.27243 0.16444,-0.0499 0.0273,0.0813 -1.76775,0.9345 0.26905,1.08583 0.0813,-0.0273 2.08819,-1.04185 0.10392,0.0559 0.0273,0.0813 -0.16444,0.0499 0.032,0.0794 0.59536,-0.0986 0.0273,0.0813 q 0.006,0.5133 -1.98955,1.63722 l -0.78737,0.34968 0.1067,0.0493 0.0233,1.16308 -0.0794,0.032 -0.24109,-0.7334 -0.0813,0.0273 0.2898,1.16433 q 2.24939,-1.27505 3.25654,-1.60468 l 0.43092,-0.0487 0.0593,0.16068 -0.16256,0.0546 0.10391,0.0558 0.0819,0.24384 q -0.10847,0.39109 -0.86989,0.64347 l 0.0273,0.0813 0.65212,-0.21379 0.0499,0.16444 -3.4762,2.02969 -0.0813,0.0273 q -0.41684,0.0702 -0.48268,-0.0933 l -0.006,-0.014 -0.0819,-0.24384 -0.1266,-0.94779 -0.10859,-0.054 0.16068,-0.0593 0.13187,0.40828 0.0832,-0.0226 q -0.11318,-0.4158 0.0326,-0.45822 l -0.11047,-0.0587 -0.26185,-0.81189 -0.16444,0.0499 0.0506,0.43559 0.0587,-0.11047 0.0813,-0.0273 0.15917,0.48956 -0.0832,0.0226 -0.08,-0.23917 -0.0813,0.0273 0.0546,0.16256 -0.0813,0.0273 -0.0546,-0.16256 -0.28765,-1.44202 -0.0813,0.0273 0.0279,-0.45634 -0.10859,-0.054 -0.0273,-0.0813 -0.36705,-1.41005 0.10858,0.054 0.0813,-0.0273 -0.0546,-0.16256 -0.21315,-0.38098 -0.15981,-0.76071 -0.0819,-0.24384 0.0832,-0.0226 0.10859,0.054 0.054,-0.10858 0.0832,-0.0226 0.10671,0.0493 0.054,-0.10858 0.24572,-0.0773 z m -2.57702,5.07098 0.18648,0.57084 0.0813,-0.0273 -0.1846,-0.56617 z m 2.66156,-0.95252 0.0794,-0.032 0.0226,0.0832 -1.38021,0.72415 -0.11047,-0.0587 -0.0254,-0.0766 0.7061,-0.32237 0.0273,0.0813 z"
+           style="-inkscape-font-specification:'Edo SZ'"
+           id="path843" />
+        <path
+           d="m 141.33313,131.51464 0.43002,-0.0519 0.0263,0.0821 -0.40373,0.13396 z m -1.49357,0.66871 0.29882,0.0853 0.67945,-0.40329 0.10837,0.0558 0.0821,-0.0263 0.21536,-0.15887 q 1.37325,-0.45905 2.48505,0.44008 0.16416,-0.0526 0.29812,0.35114 l 0.18863,0.57247 -0.16416,0.0526 -0.0263,-0.0821 0.003,-0.27253 -0.10837,-0.0558 0.0512,-0.10628 -0.10837,-0.0558 -0.15749,0.0551 q 0.15191,0.46748 -0.46982,1.32578 l 0.0263,0.0821 0.08,-0.0309 q 0.30998,-0.0968 0.68474,-0.67123 l 0.0572,0.16207 -0.25264,0.62394 q 0.45164,-0.15024 1.89226,0.81499 0.29629,0.89411 -1.74251,2.91739 -0.81793,0.98633 -1.41331,1.18539 l -0.21883,-0.11615 -0.08,0.0309 q 0.0835,0.24416 -0.24486,0.34933 0.0705,0.2279 -0.0578,0.2863 l -0.0275,0.0125 q -0.16415,0.0526 -0.34612,-0.51739 l -0.08,0.0309 0.0519,0.43002 -0.0821,0.0263 q -0.26792,-0.80745 -0.51207,-0.72399 l -0.18725,-0.30202 0.0558,-0.10837 -0.11295,-0.0537 -0.74144,-3.63459 -0.10628,-0.0512 0.0821,-0.0263 -0.10629,-0.0512 -0.31939,-1.24872 -0.0309,-0.08 -0.35071,-0.5153 0.08,-0.0309 q 0.3269,-0.43646 0.57437,-0.54909 0.0275,-0.0125 0.0525,-0.0184 z m 2.30196,0.14722 0.0263,0.0821 0.68083,-0.13284 q -0.0572,-0.16207 -0.29673,-0.0807 z m -1.14607,1.45654 0.27321,0.53951 0.67487,-0.40121 0.0572,0.16208 0.92293,-1.02306 0.0263,0.0821 -0.40763,0.67235 q 0.84599,-0.7059 0.62939,-1.37628 l -0.16415,0.0526 q 0.12937,0.40581 -0.11019,0.48718 l -0.0572,-0.16207 -0.08,0.0309 0.001,-0.27711 0.10837,0.0558 0.0842,-0.0217 -0.0263,-0.0821 q -0.40719,-0.14106 -1.05965,0.0785 -1.13785,0.3685 -0.87243,1.18262 z m 1.76472,-0.93595 0.0309,0.08 -0.11366,0.21216 -0.08,0.0309 z m 0.48103,2.00497 0.0288,0.0754 0.83583,-0.18126 0.08,-0.0309 -0.0263,-0.0821 -0.35252,0.0277 z m -1.62547,1.07173 0.39618,1.49037 0.10837,0.0558 0.0821,-0.0263 q 0.5883,-0.19031 2.09,-2.12957 l 0.11158,-0.21674 q -0.15767,-0.30996 -0.75763,-0.10881 l -0.65205,0.20825 z m 2.92399,-0.96569 -0.0523,0.3834 0.24485,-0.34932 -0.10837,-0.0558 z m 0.67763,0.13968 q 0.083,0.2554 -1.01002,1.86485 1.41025,-1.47167 1.27797,-1.85956 l -0.0821,0.0263 -0.10379,-0.0579 z"
+           style="-inkscape-font-specification:'Edo SZ'"
+           id="path845" />
+        <path
+           d="m 147.00135,129.00574 q 0.89707,-0.45755 1.94977,-0.32187 l -0.0374,0.11514 0.0389,0.0762 0.53836,0.30194 -0.15251,0.0778 -0.11514,-0.0374 -0.0763,0.0389 1.08438,1.56085 0.0762,-0.0389 q -0.19446,-0.38125 -0.042,-0.45904 l 0.15557,0.30501 q 0.21963,0.43059 0.24868,2.37145 l 0.0763,-0.0389 q -0.16076,1.01462 -0.90122,2.18926 l -0.34236,0.27071 -0.0763,0.0389 q -1.81209,0.92426 -3.02648,-0.282 l -0.53836,-0.30194 0.0374,-0.11515 -0.3485,-0.49486 -0.0778,-0.1525 q -0.32258,-0.63244 0.0921,-2.83356 l 0.0389,0.0763 q -0.17633,1.03952 -0.0594,2.14423 l 0.0389,0.0763 0.0763,-0.0389 q -0.29156,-1.25869 0.61977,-3.87137 l -0.37819,0.57725 -0.0763,0.0389 q -0.17844,-0.34986 1.17653,-1.27271 z m 0.27991,1.49073 -0.11514,-0.0374 0.0389,0.0762 0.11514,0.0374 -0.3004,0.72975 q -0.63244,0.32258 -0.13104,2.7573 0.31114,0.61001 1.23075,0.71749 l 0.0762,-0.0389 q 0.83427,-0.42553 1.01176,-2.72608 -0.0443,-1.02874 -0.24102,-1.41448 l -0.31114,-0.61001 q -0.10752,-0.21081 -0.91808,0.0839 l -0.0763,0.0389 -0.0374,0.11515 -0.0762,0.0389 -0.0389,-0.0762 z m 2.32795,-0.89912 0.15251,-0.0778 0.19446,0.38125 -0.1525,0.0778 z m -3.46098,2.82226 0.005,0.57418 0.0763,-0.0389 -0.005,-0.57418 z m 3.20714,-1.05929 0.0839,0.91808 0.22875,-0.11667 -0.0435,-0.65044 -0.19293,-0.18986 z m 0.68932,0.0328 0.0404,0.26765 0.0778,0.1525 0.0762,-0.0389 -0.0793,-0.3439 -0.0389,-0.0763 z m -4.34324,2.59964 0.31114,0.61001 0.0763,-0.0389 -0.31114,-0.61001 z m 3.70048,-1.59918 -0.11055,0.53683 0.0762,-0.0389 0.11055,-0.53683 z m -1.58441,2.92207 0.0389,0.0763 0.49793,0.0343 -0.0389,-0.0763 z"
+           style="-inkscape-font-specification:'Edo SZ'"
+           id="path847" />
+        <path
+           d="m 152.38318,126.084 q 0.87755,-0.49396 1.93493,-0.40156 l -0.0326,0.11658 0.042,0.0746 0.55028,0.27961 -0.14918,0.084 -0.11658,-0.0326 -0.0746,0.042 1.14748,1.51506 0.0746,-0.042 q -0.20994,-0.37296 -0.0608,-0.45694 l 0.16794,0.29837 q 0.2371,0.42123 0.34573,2.35926 l 0.0746,-0.042 q -0.11901,1.02035 -0.81067,2.22437 l -0.33097,0.28452 -0.0746,0.042 q -1.77265,0.99779 -3.0355,-0.15765 l -0.55028,-0.27961 0.0326,-0.11658 -0.36849,-0.48016 -0.084,-0.14918 q -0.34824,-0.61867 -0.0241,-2.83495 l 0.042,0.0746 q -0.13354,1.04587 0.0286,2.14486 l 0.042,0.0746 0.0746,-0.042 q -0.34294,-1.24568 0.46049,-3.89354 l -0.3542,0.59228 -0.0746,0.042 q -0.19265,-0.34224 1.12334,-1.31988 z m 0.34081,1.47799 -0.11658,-0.0326 0.042,0.0746 0.11658,0.0326 -0.27022,0.74146 q -0.61868,0.34824 -0.0178,2.76036 0.33589,0.59673 1.25913,0.66641 l 0.0746,-0.042 q 0.81612,-0.45938 0.89911,-2.76528 -0.0864,-1.02605 -0.29883,-1.4034 l -0.33589,-0.59673 q -0.11608,-0.20623 -0.91386,0.12149 l -0.0746,0.042 -0.0326,0.11658 -0.0746,0.042 -0.042,-0.0746 z m 2.28912,-0.99383 0.14919,-0.084 0.20993,0.37296 -0.14919,0.084 z m -3.34234,2.96182 0.0281,0.57351 0.0746,-0.042 -0.0281,-0.57351 z m 3.16101,-1.18992 0.12149,0.91387 0.22378,-0.12596 -0.0701,-0.64811 -0.20055,-0.18179 z m 0.69009,0.004 0.0514,0.26577 0.084,0.14918 0.0746,-0.042 -0.0933,-0.34035 -0.042,-0.0746 z m -4.23298,2.77557 0.33589,0.59674 0.0746,-0.042 -0.33589,-0.59674 z m 3.63178,-1.74959 -0.0884,0.54091 0.0746,-0.042 0.0884,-0.5409 z m -1.46324,2.98459 0.042,0.0746 0.49892,0.0139 -0.042,-0.0746 z"
+           style="-inkscape-font-specification:'Edo SZ'"
+           id="path849" />
+        <path
+           d="m 158.82402,122.09974 0.26398,-0.0599 0.0887,0.14641 -0.21962,0.13308 0.27949,0.13089 q 0.0625,0.46258 -0.94947,1.0758 l -0.46808,0.38372 0.0599,0.26398 0.0732,-0.0444 q 0.0961,0.65413 1.96061,5.21744 l 0.79631,0.81858 -0.0732,0.0444 q -0.16363,0.0992 -0.73642,-0.5546 l -0.37041,-0.77641 -0.0444,-0.0732 -0.0732,0.0444 0.0887,0.14641 q -0.21961,0.13308 -0.13089,0.27949 l 0.0444,0.0732 0.85618,1.08255 0.0444,0.0732 -0.14641,0.0887 -0.4259,-0.0422 -0.0289,0.11756 -0.0732,0.0444 q -0.67641,-0.45556 -0.95823,-0.92063 l 0.11756,0.0289 0.0732,-0.0444 -0.45694,-0.42372 0.17526,-0.20628 -0.2218,-0.36603 -0.14641,0.0887 -0.0444,-0.0732 q 0.21961,-0.13308 0.13089,-0.27949 l -0.0444,-0.0732 -0.14641,0.0887 q -0.35489,-0.58564 -0.13527,-0.71872 l -0.57669,-0.95166 q 0.0536,-0.1738 -0.63875,-1.71475 l -0.46807,0.38373 -1.06923,0.54785 -0.0444,-0.0732 0.32166,-0.29501 0.0444,0.0732 0.0288,-0.11757 1.09808,-0.66541 -0.13308,-0.21961 -1.08256,0.85618 -0.11757,-0.0288 -0.0732,0.0444 -0.39487,0.33937 -0.30834,-0.0133 -0.14859,-0.41038 -0.11757,-0.0288 q -0.2218,-0.36603 0.65666,-0.89836 z m -0.30615,0.48578 0.0444,0.0732 0.29282,-0.17745 -0.0444,-0.0732 z m -0.22439,5.74082 0.82953,1.69923 0.14641,-0.0887 -0.29501,-0.32166 -0.0887,-0.14641 0.0133,-0.30833 -0.0732,0.0444 0.0288,-0.11757 -0.0444,-0.0732 -0.11756,-0.0288 -0.0444,-0.0732 -0.031,-0.38154 -0.25064,-0.24846 z"
+           style="-inkscape-font-specification:'Edo SZ'"
+           id="path851" />
+      </g>
       <path
          style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
          d="m 107.6815,147.81028 c 29.32552,-2.39472 53.74036,-17.99232 73.68273,-33.13644"

themes/bluewater/assets/style.css

@@ -1383,8 +1383,8 @@ video {
   left: 0px;
 }
 
-.z-50 {
+.m-4 {
-  z-index: 50;
+  margin: 1rem;
 }
 
 .mx-2 {
@@ -1402,8 +1402,12 @@ video {
   margin-right: 1rem;
 }
 
-.mt-6 {
+.mb-8 {
-  margin-top: 1.5rem;
+  margin-bottom: 2rem;
+}
+
+.mt-10 {
+  margin-top: 2.5rem;
 }
 
 .ml-4 {
@@ -1414,10 +1418,6 @@ video {
   margin-right: 1rem;
 }
 
-.mb-8 {
-  margin-bottom: 2rem;
-}
-
 .ml-6 {
   margin-left: 1.5rem;
 }
@@ -1434,8 +1434,24 @@ video {
   margin-top: 2rem;
 }
 
-.mt-10 {
+.mb-4 {
-  margin-top: 2.5rem;
+  margin-bottom: 1rem;
+}
+
+.mt-4 {
+  margin-top: 1rem;
+}
+
+.mt-6 {
+  margin-top: 1.5rem;
+}
+
+.mb-2 {
+  margin-bottom: 0.5rem;
+}
+
+.mt-2 {
+  margin-top: 0.5rem;
 }
 
 .block {
@@ -1462,6 +1478,20 @@ video {
   height: 2.5rem;
 }
 
+.h-16 {
+  height: 4rem;
+}
+
+.h-32 {
+  height: 8rem;
+}
+
+.h-fit {
+  height: -webkit-fit-content;
+  height: -moz-fit-content;
+  height: fit-content;
+}
+
 .min-h-\[80vh\] {
   min-height: 80vh;
 }
@@ -1494,22 +1524,84 @@ video {
   width: 83.333333%;
 }
 
+.w-16 {
+  width: 4rem;
+}
+
+.w-14 {
+  width: 3.5rem;
+}
+
+.w-12 {
+  width: 3rem;
+}
+
+.w-8 {
+  width: 2rem;
+}
+
+.w-6 {
+  width: 1.5rem;
+}
+
+.w-1\/2 {
+  width: 50%;
+}
+
+.w-3\/5 {
+  width: 60%;
+}
+
+.w-7\/12 {
+  width: 58.333333%;
+}
+
 .w-2\/3 {
   width: 66.666667%;
 }
 
+.w-auto {
+  width: auto;
+}
+
+.w-32 {
+  width: 8rem;
+}
+
+.w-fit {
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+}
+
 .max-w-sm {
   max-width: 24rem;
 }
 
-.grow-0 {
+.flex-initial {
-  flex-grow: 0;
+  flex: 0 1 auto;
 }
 
 .grow {
   flex-grow: 1;
 }
 
+.grow-0 {
+  flex-grow: 0;
+}
+
+.basis-1\/4 {
+  flex-basis: 25%;
+}
+
+.basis-2\/3 {
+  flex-basis: 66.666667%;
+}
+
+.basis-3\/4 {
+  flex-basis: 75%;
+}
+
 .cursor-pointer {
   cursor: pointer;
 }
@@ -1538,12 +1630,20 @@ video {
   flex-direction: column;
 }
 
-.items-center {
+.flex-wrap {
-  align-items: center;
+  flex-wrap: wrap;
 }
 
-.justify-start {
+.place-content-center {
-  justify-content: flex-start;
+  place-content: center;
+}
+
+.content-center {
+  align-content: center;
+}
+
+.items-center {
+  align-items: center;
 }
 
 .justify-center {
@@ -1554,10 +1654,27 @@ video {
   justify-content: space-between;
 }
 
+.gap-2 {
+  gap: 0.5rem;
+}
+
+.gap-4 {
+  gap: 1rem;
+}
+
+.gap-8 {
+  gap: 2rem;
+}
+
 .gap-y-4 {
   row-gap: 1rem;
 }
 
+.gap-x-8 {
+  -moz-column-gap: 2rem;
+       column-gap: 2rem;
+}
+
 .overflow-y-auto {
   overflow-y: auto;
 }
@@ -1609,9 +1726,9 @@ video {
   border-color: rgb(212 212 212 / var(--tw-border-opacity));
 }
 
-.bg-white {
+.bg-neutral-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
 }
 
 .bg-primary-400 {
@@ -1624,24 +1741,14 @@ video {
   background-color: rgb(31 41 55 / var(--tw-bg-opacity));
 }
 
-.bg-primary-300 {
+.bg-white {
   --tw-bg-opacity: 1;
-  background-color: rgb(233 241 255 / var(--tw-bg-opacity));
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
-.bg-neutral-200 {
+.object-center {
-  --tw-bg-opacity: 1;
+  -o-object-position: center;
-  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
+     object-position: center;
-}
-
-.bg-neutral-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
-}
-
-.bg-neutral-50 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
 }
 
 .p-4 {
@@ -1658,6 +1765,11 @@ video {
   padding-right: 2rem;
 }
 
+.px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
 .py-4 {
   padding-top: 1rem;
   padding-bottom: 1rem;
@@ -1668,9 +1780,14 @@ video {
   padding-right: 0.5rem;
 }
 
-.px-4 {
+.px-0 {
-  padding-left: 1rem;
+  padding-left: 0px;
-  padding-right: 1rem;
+  padding-right: 0px;
+}
+
+.py-2 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
 }
 
 .pt-4 {
@@ -1691,6 +1808,21 @@ video {
   line-height: 1.75rem;
 }
 
+.text-xl {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
+
+.text-2xl {
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+
+.text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
+
 .font-bold {
   font-weight: 700;
 }
@@ -1704,6 +1836,11 @@ video {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.text-neutral-600 {
+  --tw-text-opacity: 1;
+  color: rgb(82 82 82 / var(--tw-text-opacity));
+}
+
 .text-primary-400 {
   --tw-text-opacity: 1;
   color: rgb(123 164 238 / var(--tw-text-opacity));
@@ -1719,14 +1856,34 @@ video {
   color: rgb(115 115 115 / var(--tw-text-opacity));
 }
 
+.text-neutral-800 {
+  --tw-text-opacity: 1;
+  color: rgb(38 38 38 / var(--tw-text-opacity));
+}
+
 .text-neutral-700 {
   --tw-text-opacity: 1;
   color: rgb(64 64 64 / var(--tw-text-opacity));
 }
 
-.text-neutral-600 {
+.text-primary-700 {
   --tw-text-opacity: 1;
-  color: rgb(82 82 82 / var(--tw-text-opacity));
+  color: rgb(7 12 20 / var(--tw-text-opacity));
+}
+
+.text-primary-600 {
+  --tw-text-opacity: 1;
+  color: rgb(35 69 131 / var(--tw-text-opacity));
+}
+
+.text-neutral-400 {
+  --tw-text-opacity: 1;
+  color: rgb(163 163 163 / var(--tw-text-opacity));
+}
+
+.underline {
+  -webkit-text-decoration-line: underline;
+          text-decoration-line: underline;
 }
 
 .no-underline {
@@ -1795,6 +1952,26 @@ video {
     width: 66.666667%;
   }
 
+  .md\:flex-grow-0 {
+    flex-grow: 0;
+  }
+
+  .md\:grow-0 {
+    flex-grow: 0;
+  }
+
+  .md\:flex-row {
+    flex-direction: row;
+  }
+
+  .md\:flex-nowrap {
+    flex-wrap: nowrap;
+  }
+
+  .md\:justify-center {
+    justify-content: center;
+  }
+
   .md\:border-x-\[20px\] {
     border-left-width: 20px;
     border-right-width: 20px;
@@ -1812,6 +1989,10 @@ video {
 }
 
 @media (min-width: 1024px) {
+  .lg\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
   .lg\:mr-6 {
     margin-right: 1.5rem;
   }
@@ -1828,6 +2009,22 @@ video {
     width: 100%;
   }
 
+  .lg\:w-20 {
+    width: 5rem;
+  }
+
+  .lg\:flex-none {
+    flex: none;
+  }
+
+  .lg\:flex-initial {
+    flex: 0 1 auto;
+  }
+
+  .lg\:grow-0 {
+    flex-grow: 0;
+  }
+
   .lg\:basis-2\/3 {
     flex-basis: 66.666667%;
   }
@@ -1836,7 +2033,38 @@ video {
     flex-basis: 33.333333%;
   }
 
+  .lg\:basis-1\/4 {
+    flex-basis: 25%;
+  }
+
+  .lg\:basis-3\/4 {
+    flex-basis: 75%;
+  }
+
+  .lg\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
   .lg\:flex-row {
     flex-direction: row;
   }
+
+  .lg\:flex-nowrap {
+    flex-wrap: nowrap;
+  }
+
+  .lg\:py-4 {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
+}
+
+@media (min-width: 1280px) {
+  .xl\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
 }

themes/bluewater/layouts/_default/baseof.html

@@ -11,7 +11,7 @@
         <div class="mb-8 grow">
           <div class="" id="content">
             <div class="flex justify-center">
-              <div class="md:w-2/3 md:px-0 px-8">
+              <div class="md:w-2/3 md:px-0 px-2">
                 {{- block "main" . }}{{- end }}
               </div>
             </div>
@@ -25,7 +25,7 @@
         id="to-top-button"
         onclick="goToTop()"
         title="Go To Top"
-        class="hidden md:hidden fixed z-90 bottom-6 right-8 border-0 w-20 h-20 rounded-full drop-shadow-md hover:bg-primary-500 border-4 border-white bg-primary-400 text-white text-4xl font-bold"
+        class="hidden md:hidden fixed z-90 bottom-6 right-8 border-0 w-16 h-16 rounded-full drop-shadow-md hover:bg-primary-500 border-4 border-white bg-primary-400 text-white text-4xl font-bold"
       >
         &uarr;
       </button>

themes/bluewater/layouts/index.html

@@ -3,7 +3,7 @@
   <div class="mx-2 md:mx-0">
     <img src="/img/header.jpg" class="lg:w-full my-4" />
   </div>
-  <div class="flex flex-col lg:flex-row px-6 md:px-0">
+  <div class="flex flex-col lg:flex-row px-2 md:px-0">
     <div class="basis-1/1 lg:basis-2/3 lg:mr-6 min-h-[200vh] border-2">
       {{ range (.Paginate $p 3 ).Pages }}
         {{- partial "blog-preview-homepage.html"

themes/bluewater/layouts/partials/blog-preview-homepage.html

@@ -1,4 +1,30 @@
-<div>
+<div class="m-4">
-  <div><a href="{{ .Permalink }}">{{ .Title }}</a></div>
+  <div class="mb-4">
-  <div>{{ .Summary }}</div>
+    <a class="text-3xl font-bold text-neutral-800" href="{{ .Permalink }}"
+      >{{ .Title }}</a
+    >
+  </div>
+  <div class="grid xl:grid-cols-3 grid-cols-1 justify-center gap-x-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 }}" />
+      {{ end }}
+      <span class="mt-4 text-neutral-500">{{ .Param "author" }}</span>
+      <span class="text-neutral-500"
+        >{{ .Date | time.Format ":date_long" }}</span
+      >
+    </div>
+    <div class="prose lg:col-span-2">
+      {{ .Summary }}
+      <div class="mt-6">
+        <a
+          class="underline text-primary-600 hover:text-primary-500"
+          href="{{ .Permalink }}"
+          >Weiterlesen...</a
+        >
+      </div>
+    </div>
+  </div>
 </div>

themes/bluewater/layouts/partials/header.html

@@ -6,7 +6,7 @@
       class="flex grid-rows-1 grid-cols-2 justify-between items-center w-full md:w-2/3 px-6 md:px-0"
     >
       <a href="/" class="flex flex-row items-center" aria-label="logo">
-        <img class="w-20 py-4" src="/img/logo.svg" />
+        <img class="w-14 lg:w-20 py-2 lg:py-4" src="/img/logo.svg" />
         <h1 class="text-4xl text-primary-400 ml-4 font-bold hidden lg:inline">
           Das Knäckeboot
         </h1>

themes/bluewater/layouts/partials/main-menu.html

@@ -1,17 +1,17 @@
 <nav>
   <div class="hidden md:flex">
     {{ range .Site.Menus.main }}
-    <a
+      <a
-      class="px-2 mx-2 text-lg text-primary-500 font-semibold hover:underline"
+        class="px-2 mx-2 text-lg text-primary-500 font-semibold hover:underline"
-      href="{{ .URL }}"
+        href="{{ .URL }}"
-      >{{ .Name }}</a
+        >{{ .Name }}</a
-    >
+      >
     {{ end }}
   </div>
 
   <div class="md:hidden mr-4 pt-4">
     <button class="navbar-burger">
-      <svg viewBox="0 0 10 8" width="" class="w-10">
+      <svg viewBox="0 0 10 8" width="" class="w-6">
         <path
           d="M1 1h8M1 4h 8M1 7h8"
           stroke="#FFFFFF"
@@ -26,12 +26,12 @@
 <nav class="navbar-menu absolute hidden">
   <div class="navbar-backdrop fixed inset-0 bg-gray-800 opacity-25"></div>
   <div
-    class="fixed top-0 left-0 bottom-0 flex flex-col w-5/6 max-w-sm bg-primary-400 border-r-2 border-neutral-300 overflow-y-auto"
+    class="fixed top-0 left-0 bottom-0 flex flex-col w-2/3 max-w-sm bg-primary-400 border-r-2 border-neutral-300 overflow-y-auto"
   >
     <div
       class="grid grid-rows-1 grid-cols-2 justify-between items-center mb-8 bg-white shadow-md"
     >
-      <a href="/"> <img class="w-20 py-4 ml-6" src="/img/logo.svg" /></a>
+      <a href="/"> <img class="w-14 py-2 ml-6" src="/img/logo.svg" /></a>
       <button class="navbar-close ml-auto mr-6">
         <svg
           class="h-10 w-10 text-primary-400 cursor-pointer hover:text-primary-500"
@@ -50,16 +50,20 @@
       </button>
     </div>
     <div class="mt-8 grid grid-cols-1 gap-y-4">
-      {{ range .Site.Menus.main }}
-
       <a
         class="text-l mx-4 p-4 font-semibold text-white text-center no-underline hover:bg-primary-500 rounded"
-        href="{{ .URL }}"
+        href="/"
-        >{{ .Name }}</a
+        >Home</a
       >
+      {{ range .Site.Menus.main }}
 
+        <a
+          class="text-l mx-4 p-4 font-semibold text-white text-center no-underline hover:bg-primary-500 rounded"
+          href="{{ .URL }}"
+          >{{ .Name }}</a
+        >
       {{ end }}
     </div>
   </div>
 </nav>
-<script src="js/mobile-menu.js"></script>
+<script src="/js/mobile-menu.js"></script>