feat: add demo portfolio website

Author: toddeTV

README.md

@@ -129,6 +129,8 @@ _(including images & 3D models; mostly only those requiring attribution)_
 - Image `x1Series-main-bg-v1.png` from [https://bambulab.com/de-de/x1](https://bambulab.com/de-de/x1).
 - Image `Math_Lady_meme.jpg` from [https://en.wikipedia.org/wiki/Math_Lady](https://en.wikipedia.org/wiki/Math_Lady).
 - Model `3D Benchy`/`Benchy` from [https://www.printables.com/model/3161-3d-benchy](https://www.printables.com/model/3161-3d-benchy)
+- Demo of Website [https://zlig.net](https://zlig.net).
+- Demo of Website [https://bruno-simon.com/](https://bruno-simon.com/) including screenshot of og-image.
 
 ## License
 

content/demo-portfolio.md

@@ -0,0 +1,33 @@
+---
+layout: basic
+---
+
+<div class="relative">
+    <WindowWrapper
+        background="#E1F4FF"
+        style="height: 525px !important; max-height: 525px !important; min-height: 525px !important;"
+    >
+        <iframe
+            src="https://bruno-simon.com/"
+            width="100%"
+            height="500px"
+        />
+    </WindowWrapper>
+    <div class="p-3 flex flex-col gap-2 absolute top-9 left-2 bg-white rounded-md border z-10 justify-center items-center">
+        <QRCode content="https://bruno-simon.com/" :size="64" />
+        <div class="w-full text-xs whitespace-nowrap flex flex-row gap-1 justify-center">
+            <mdi-web class="baseColor" />
+            <MyLink to="https://bruno-simon.com/">bruno-simon.com</MyLink>
+        </div>
+    </div>
+</div>
+
+<img
+    v-click
+    src="/assets/portfolio-bruno-simon.png"
+    class="absolute w-[40%] bottom-23 right-18"
+/>
+
+<!--
+person "Bruno Simon"
+-->

content/zlig-demo.md renamed to content/demo-zlig.md

@@ -13,7 +13,7 @@ layout: basic
             height="500px"
         />
     </WindowWrapper>
-    <div class="p-3 flex flex-col gap-2  absolute top-9 left-2 bg-white rounded-md border z-10">
+    <div class="p-3 flex flex-col gap-2 absolute top-9 left-2 bg-white rounded-md border z-10 justify-center items-center">
         <QRCode content="https://zlig.net/" :size="64" />
         <div class="w-full text-xs whitespace-nowrap flex flex-row gap-1 justify-center">
             <mdi-web class="baseColor" />

public/assets/portfolio-bruno-simon.png

@@ -104,7 +104,11 @@ src: content/3d-on-the-web.md
 ---
 
 ---
-src: content/zlig-demo.md
+src: content/demo-zlig.md
+---
+
+---
+src: content/demo-portfolio.md
 ---
 
 ---