feat: Start port to Patternfly v6

data/projects.yaml

@@ -1,167 +1,167 @@
 - title: Systems Development
   projects:
     - slug: pojntfx/weron
-      background: var(--pf-global--palette--black-850)
+      background: var(--pf-t--color--black)
       icon: docs/icon-light.png
     - slug: pojntfx/go-nbd
-      background: var(--pf-global--palette--gold-600)
+      background: var(--pf-t--color--orange--40)
       icon: docs/icon-light.png
     - slug: pojntfx/stfs
-      background: var(--pf-global--palette--blue-400)
+      background: var(--pf-t--color--blue--40)
     - slug: pojntfx/tapisk
-      background: var(--pf-global--palette--light-green-700)
+      background: var(--pf-t--color--green--70)
       icon: docs/icon-light.png
     - slug: pojntfx/liwasc
-      background: var(--pf-global--palette--cyan-500)
+      background: var(--pf-t--color--blue--60)
     - slug: pojntfx/bofied
-      background: var(--pf-global--palette--light-blue-600)
+      background: var(--pf-t--color--blue--70)
       icon: assets/bofied Icon.svg
     - slug: pojntfx/r3map
       icon: docs/icon-light.png
-      background: var(--pf-global--palette--gold-600)
+      background: var(--pf-t--color--orange--40)
     - slug: pojntfx/ram-dl
       icon: docs/icon-light.png
-      background: var(--pf-global--palette--black-850)
+      background: var(--pf-t--color--black)
     - slug: pojntfx/htorrent
       icon: docs/icon.svg
-      background: var(--pf-global--palette--cyan-500)
+      background: var(--pf-t--color--blue--60)
 - title: Apps
   projects:
     - slug: pojntfx/connmapper
-      background: var(--pf-global--palette--light-green-600)
+      background: var(--pf-t--color--green--60)
       icon: docs/icon.svg
     - slug: pojntfx/multiplex
-      background: var(--pf-global--palette--gold-600)
+      background: var(--pf-t--color--orange--40)
       icon: docs/icon.svg
     - slug: pojntfx/keygaen
-      background: var(--pf-global--palette--blue-500)
+      background: var(--pf-t--color--blue--50)
       icon: docs/icon-light.png
     - slug: pojntfx/keystoregaen
-      background: var(--pf-global--palette--black-850)
+      background: var(--pf-t--color--black)
     - slug: pojntfx/html2goapp
-      background: var(--pf-global--palette--cyan-400)
+      background: var(--pf-t--color--blue--40)
 - title: Development Tooling
   projects:
     - slug: pojntfx/bagccgop
-      background: var(--pf-global--palette--green-600)
+      background: var(--pf-t--color--green--60)
     - slug: pojntfx/bagop
-      background: var(--pf-global--palette--light-green-600)
+      background: var(--pf-t--color--green--60)
     - slug: pojntfx/hydrapp
-      background: var(--pf-global--palette--green-700)
+      background: var(--pf-t--color--green--70)
       icon: docs/icon.svg
     - slug: pojntfx/hydrun
-      background: var(--pf-global--palette--purple-600)
+      background: var(--pf-t--color--purple--60)
     - slug: pojntfx/alpimager
-      background: var(--pf-global--palette--black-850)
+      background: var(--pf-t--color--black)
     - slug: pojntfx/octarchive
-      background: var(--pf-global--palette--gold-600)
+      background: var(--pf-t--color--orange--40)
       icon: docs/icon-light.png
     - slug: pojntfx/pojde
-      background: var(--pf-global--palette--light-green-700)
+      background: var(--pf-t--color--green--70)
     - slug: pojntfx/grpc-examples
-      background: var(--pf-global--palette--green-600)
+      background: var(--pf-t--color--green--60)
 - title: Distributed Computing
   projects:
     - slug: pojntfx/saltpanelo
-      background: var(--pf-global--palette--blue-400)
+      background: var(--pf-t--color--blue--40)
       icon: docs/icon-light.png
     - slug: pojntfx/panrpc
-      background: var(--pf-global--palette--light-blue-600)
+      background: var(--pf-t--color--blue--70)
       icon: docs/icon.svg
     - slug: pojntfx/unisockets
-      background: var(--pf-global--palette--gold-600)
+      background: var(--pf-t--color--orange--40)
     - slug: pojntfx/tinynet
-      background: var(--pf-global--palette--cyan-600)
+      background: var(--pf-t--color--blue--60)
     - slug: pojntfx/nebulark
-      background: var(--pf-global--palette--orange-600)
+      background: var(--pf-t--color--orange--60)
     - slug: pojntfx/webnetes
-      background: var(--pf-global--palette--red-400)
+      background: var(--pf-t--color--red--50)
 - title: Management Daemons
   projects:
     - slug: pojntfx/go-isc-dhcp
-      background: var(--pf-global--palette--black-850)
+      background: var(--pf-t--color--black)
     - slug: pojntfx/gon2n
-      background: var(--pf-global--palette--blue-400)
+      background: var(--pf-t--color--blue--40)
     - slug: pojntfx/ipxebuilderd
-      background: var(--pf-global--palette--cyan-500)
+      background: var(--pf-t--color--blue--60)
     - slug: pojntfx/dibs
-      background: var(--pf-global--palette--light-blue-600)
+      background: var(--pf-t--color--blue--70)
 - title: Uni Notes
   projects:
     - slug: pojntfx/uni-webdev-backend-notes
-      background: var(--pf-global--palette--black-850)
+      background: var(--pf-t--color--black)
     - slug: pojntfx/uni-distributedsystems-notes
-      background: var(--pf-global--palette--orange-600)
+      background: var(--pf-t--color--orange--60)
     - slug: pojntfx/uni-programminglanguages-notes
-      background: var(--pf-global--palette--blue-400)
+      background: var(--pf-t--color--blue--40)
     - slug: pojntfx/uni-supply-chain-paper
-      background: var(--pf-global--palette--red-400)
+      background: var(--pf-t--color--red--50)
     - slug: pojntfx/uni-netpractice-notes
-      background: var(--pf-global--palette--orange-600)
+      background: var(--pf-t--color--orange--60)
     - slug: pojntfx/uni-webtopics-notes
-      background: var(--pf-global--palette--cyan-600)
+      background: var(--pf-t--color--blue--60)
     - slug: pojntfx/uni-sciwriting-notes
-      background: var(--pf-global--palette--gold-600)
+      background: var(--pf-t--color--orange--40)
     - slug: pojntfx/uni-appsecurity-notes
-      background: var(--pf-global--palette--green-600)
+      background: var(--pf-t--color--green--60)
     - slug: pojntfx/uni-hci-notes
-      background: var(--pf-global--palette--black-850)
+      background: var(--pf-t--color--black)
     - slug: pojntfx/uni-itsec-notes
-      background: var(--pf-global--palette--green-700)
+      background: var(--pf-t--color--green--70)
     - slug: pojntfx/uni-db1-notes
-      background: var(--pf-global--palette--light-green-600)
+      background: var(--pf-t--color--green--60)
     - slug: pojntfx/uni-sdi-notes
-      background: var(--pf-global--palette--light-green-700)
+      background: var(--pf-t--color--green--70)
     - slug: pojntfx/uni-algodat-notes
-      background: var(--pf-global--palette--purple-600)
+      background: var(--pf-t--color--purple--60)
     - slug: pojntfx/uni-bwl-notes
-      background: var(--pf-global--palette--black-850)
+      background: var(--pf-t--color--black)
 - title: Digital Publishing
   projects:
     - slug: pojntfx/deliverance
-      background: var(--pf-global--palette--black-850)
+      background: var(--pf-t--color--black)
       icon: docs/icon-light.png
     - slug: pojntfx/minitel
-      background: var(--pf-global--palette--blue-400)
+      background: var(--pf-t--color--blue--40)
     - slug: pojntfx/box
-      background: var(--pf-global--palette--cyan-500)
+      background: var(--pf-t--color--blue--60)
     - slug: pojntfx/abizeitung
-      background: var(--pf-global--palette--light-blue-600)
+      background: var(--pf-t--color--blue--70)
     - slug: pojntfx/networked-linux-memsync
-      background: var(--pf-global--palette--red-400)
+      background: var(--pf-t--color--red--50)
 - title: Websites
   projects:
     - slug: pojntfx/felicitas.pojtinger.com
-      background: var(--pf-global--palette--gold-600)
+      background: var(--pf-t--color--orange--40)
     - slug: pojntfx/pojtinger.com
-      background: var(--pf-global--palette--cyan-600)
+      background: var(--pf-t--color--blue--60)
     - slug: morniteaque/yaraamendiares.eu
-      background: var(--pf-global--palette--purple-600)
+      background: var(--pf-t--color--purple--60)
     - slug: morniteaque/morniteaque.org
-      background: var(--pf-global--palette--black-850)
+      background: var(--pf-t--color--black)
     - slug: pojntfx/illustrierte-website
-      background: var(--pf-global--palette--orange-600)
+      background: var(--pf-t--color--orange--60)
     - slug: pojntfx/physio-dani.de
-      background: var(--pf-global--palette--red-400)
+      background: var(--pf-t--color--red--50)
 - title: Integrations
   projects:
     - slug: pojntfx/simple-direct-democracy-frontend
-      background: var(--pf-global--palette--green-600)
+      background: var(--pf-t--color--green--60)
     - slug: pojntfx/task-timer
-      background: var(--pf-global--palette--green-700)
+      background: var(--pf-t--color--green--70)
     - slug: pojntfx/learn-chinese-platform
-      background: var(--pf-global--palette--light-green-600)
+      background: var(--pf-t--color--green--60)
     - slug: pojntfx/chinese-notes
-      background: var(--pf-global--palette--light-green-700)
+      background: var(--pf-t--color--green--70)
     - slug: pojntfx/nextcloud-talk-bot-framework
-      background: var(--pf-global--palette--purple-600)
+      background: var(--pf-t--color--purple--60)
     - slug: pojntfx/consumat.io-backend
-      background: var(--pf-global--palette--black-850)
+      background: var(--pf-t--color--black)
 - title: Aeronautical Engineering
   projects:
     - slug: pojntfx/libresat
-      background: var(--pf-global--palette--black-850)
+      background: var(--pf-t--color--black)
     - slug: pojntfx/clusterplatform
-      background: var(--pf-global--palette--blue-400)
+      background: var(--pf-t--color--blue--40)
     - slug: pojntfx/opensdcp-website
-      background: var(--pf-global--palette--cyan-500)
+      background: var(--pf-t--color--blue--60)

layouts/_default/_markup/render-image.html

@@ -1,14 +1,14 @@
-<div class="pf-c-card pf-u-my-md">
-  <div class="pf-c-card__header">
-    <div class="pf-c-card__header-main pf-u-w-100">
+<div class="pf-v6-c-card pf-v6-u-my-md">
+  <div class="pf-v6-c-card__header">
+    <div class="pf-v6-c-card__header-main pf-v6-u-w-100">
       <img
         src="{{ .Destination | safeURL }}"
-        class="pf-u-w-100"
+        class="pf-v6-u-w-100"
         alt="{{ .Text }}"
       />
     </div>
   </div>
-  <div class="pf-c-card__footer pf-x-u-text-center" aria-hidden="true">
+  <div class="pf-v6-c-card__footer pf-v6-x-u-text-center" aria-hidden="true">
     {{ .Text }}
   </div>
 </div>

layouts/_default/baseof.html

@@ -74,61 +74,61 @@
     {{ end }}
 
 
-    <div class="pf-c-page pf-c-page--background">
-      <a class="pf-c-skip-to-content pf-c-button pf-m-primary" href="#main"
+    <div class="pf-v6-c-page pf-v6-c-page--background">
+      <a class="pf-v6-c-skip-to-content pf-v6-c-button pf-m-primary" href="#main"
         >Skip to content</a
       >
 
       {{ block "header" . }}
         <header
-          class="pf-c-page__header pf-c-page__header--max-width pf-x-u-blur pf-c-page__header--overlay pf-u-box-shadow-sm pf-x-u-white-space-nowrap pf-x-u-overflow-x-auto"
+          class="pf-v6-c-page__header pf-v6-c-page__header--max-width pf-v6-x-u-blur pf-v6-c-page__header--overlay pf-v6-u-box-shadow-sm pf-v6-x-u-white-space-nowrap pf-v6-x-u-overflow-x-auto"
         >
-          <div class="pf-c-page__header__content--max-width">
+          <div class="pf-v6-c-page__header__content--max-width">
             <a
-              class="pf-u-display-flex pf-u-align-items-center pf-u-justify-content-center pf-c-page__header-brand-link--no-decoration pf-u-pl-2xl pf-u-pl-sm-on-xl pf-x-u-hoverable-parent pf-x-u-hoverable-parent--rotate"
+              class="pf-v6-u-display-flex pf-v6-u-align-items-center pf-v6-u-justify-content-center pf-v6-c-page__header-brand-link--no-decoration pf-v6-u-pl-2xl pf-v6-u-pl-sm-on-xl pf-v6-x-u-hoverable-parent pf-v6-x-u-hoverable-parent--rotate"
               href="{{ .Site.BaseURL }}"
             >
               <img
                 src="{{ .Site.Data.person.img }}"
                 alt="Profile picture of {{ .Site.Data.person.name }}"
-                class="pf-c-avatar pf-u-mr-md pf-c-avatar--navbar"
+                class="pf-v6-c-avatar pf-v6-u-mr-md pf-v6-c-avatar--navbar"
               />
               <div>
-                <h2 class="pf-u-font-size-sm pf-x-u-text-shadow-sm">
+                <h2 class="pf-v6-u-font-size-sm pf-v6-x-u-text-shadow-sm">
                   {{ .Site.Data.person.name }}
                 </h2>
                 <h1
-                  class="pf-u-font-size-md pf-u-font-weight-bold pf-x-u-navbar__title pf-x-u-text-shadow-sm"
+                  class="pf-v6-u-font-size-md pf-v6-u-font-weight-bold pf-v6-x-u-navbar__title pf-v6-x-u-text-shadow-sm"
                 >
                   {{ .Title }}
                 </h1>
               </div>
             </a>
 
             <div
-              class="pf-u-display-flex pf-u-align-items-center pf-u-pr-2xl pf-u-pr-0-on-xl"
+              class="pf-v6-u-display-flex pf-v6-u-align-items-center pf-v6-u-pr-2xl pf-v6-u-pr-0-on-xl"
             >
               {{ range .Site.Data.links.navbar }}
                 <a
                   href="{{ .link }}"
                   {{ if .newTab }}target="_blank"{{ end }}
                   rel="noopener"
-                  class="pf-c-button pf-c-button--header pf-x-u-text-shadow-sm pf-m-plain pf-u-ml-2xl--first-child"
+                  class="pf-v6-c-button pf-v6-c-button--header pf-v6-x-u-text-shadow-sm pf-m-plain pf-v6-u-ml-2xl--first-child"
                 >
-                  <span class="pf-c-button__icon pf-m-start">
+                  <span class="pf-v6-c-button__icon pf-m-start">
                     <i class="{{ .icon }}" aria-hidden="true"></i> </span
                   >{{ .title }}</a
                 >
               {{ end }}
 
               {{ if .Site.Data.integrations.youtube.enabled }}
-                <div class="pf-u-ml-md">
+                <div class="pf-v6-u-ml-md">
                   {{ partial "streamstatus" (dict "ID" "youtubestatus" "Platform" "youtube" "Username" .Site.Data.integrations.youtube.username "BaseURL" .Site.BaseURL ) }}
                 </div>
               {{ end }}
 
               {{ if .Site.Data.integrations.twitch.enabled }}
-                <div class="pf-u-ml-md">
+                <div class="pf-v6-u-ml-md">
                   {{ partial "streamstatus" (dict "ID" "twitchstatus" "Platform" "twitch" "Username" .Site.Data.integrations.twitch.username "BaseURL" .Site.BaseURL ) }}
                 </div>
               {{ end }}
@@ -139,11 +139,11 @@ <h2 class="pf-u-font-size-sm pf-x-u-text-shadow-sm">
 
       {{ block "main" . }}
         <main
-          class="pf-c-page__main pf-c-page__main--with-overlay {{ if .Site.Data.effects.grid }}
-            pf-c-page__main--with-overlay--grid
-          {{ end }} pf-x-u-blur {{ if or .Site.Data.effects.fireworks .Site.Data.effects.snowfall .Site.Data.effects.rainfall }}
-            pf-c-page__main--with-effects{{ if not .Site.Data.effects.blur }}
-              pf-c-page__main--with-effects--without-blur
+          class="pf-v6-c-page__main pf-v6-c-page__main--with-overlay {{ if .Site.Data.effects.grid }}
+            pf-v6-c-page__main--with-overlay--grid
+          {{ end }} pf-v6-x-u-blur {{ if or .Site.Data.effects.fireworks .Site.Data.effects.snowfall .Site.Data.effects.rainfall }}
+            pf-v6-c-page__main--with-effects{{ if not .Site.Data.effects.blur }}
+              pf-v6-c-page__main--with-effects--without-blur
             {{ end }}
           {{ end }}"
           tabindex="-1"