From b1d2ab25213936d02a4a99f1ce888dcd774ab614 Mon Sep 17 00:00:00 2001
From: Radu Hociung <radu.git@ohmi.org>
Date: Wed, 19 Feb 2025 12:48:58 -0500
Subject: [PATCH 01/31] experiment

---
 readme.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/readme.md b/readme.md
index d377f5e..ead9892 100644
--- a/readme.md
+++ b/readme.md
@@ -3,7 +3,6 @@
 	<a href="https://github.com/sindresorhus/css-in-readme-like-wat/blame/main/header.svg">
 		<picture>
 		  <source media="(min-width: 720px)" srcset="header.svg">
-		  <img src="header-mobile.svg" width="800" height="400" alt="Click to see the source">
 		</picture>
 	</a>
 	<br>

From 134dbd6d1dd1e4362edfbc399a5910785f559f82 Mon Sep 17 00:00:00 2001
From: Radu Hociung <radu.git@ohmi.org>
Date: Wed, 19 Feb 2025 12:49:47 -0500
Subject: [PATCH 02/31] experiment

---
 readme.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/readme.md b/readme.md
index ead9892..c001389 100644
--- a/readme.md
+++ b/readme.md
@@ -2,7 +2,7 @@
 	<br>
 	<a href="https://github.com/sindresorhus/css-in-readme-like-wat/blame/main/header.svg">
 		<picture>
-		  <source media="(min-width: 720px)" srcset="header.svg">
+		  <img src="header.svg" width="800" height="400" alt="Click to see the source">
 		</picture>
 	</a>
 	<br>

From 472c0f91b2435dda7f90a174245f080e2403d8c5 Mon Sep 17 00:00:00 2001
From: Radu Hociung <radu.git@ohmi.org>
Date: Wed, 19 Feb 2025 14:08:25 -0500
Subject: [PATCH 03/31] experiment 2

---
 header.svg | 28 ++++++++++++++++++++++++++--
 1 file changed, 26 insertions(+), 2 deletions(-)

diff --git a/header.svg b/header.svg
index 8ee6fdb..ce46e75 100644
--- a/header.svg
+++ b/header.svg
@@ -82,8 +82,32 @@
 				}
 			</style>
 			<div class="container">
-				<h1>Made with HTML &amp; CSS<br/>not an animated GIF</h1>
-				<p>Click to see the source</p>
+				<div class="flip-card">
+            		<div class="flip-card-inner">
+              			<div class="flip-card-front">
+							<picture>
+								<svg width="300" height="300" viewBox="0 0 300 200" xmlns="http://www.w3.org/2000/svg">
+									<text x="20" y="170" font-size="100" font-family="Arial" fill="black">d</text>
+
+									<rect x="80" y="130" width="30" height="40" fill="lightblue" stroke="black"/>
+									<circle cx="95" cy="100" r="15" fill="lightblue" stroke="black" />
+									<rect x="115" y="70" width="30" height="100" fill="darkgreen" stroke="black"/>
+									<rect x="150" y="130" width="30" height="40" fill="lightblue" stroke="black"/>
+									<circle cx="165" cy="100" r="15" fill="lightblue" stroke="black" />
+									<text x="185" y="170" font-size="100" font-family="Arial" fill="black">b</text>
+									<text x="60" y="235" font-size="50" font-family="Arial" fill="black">[ .org ]</text>
+								</svg>
+							</picture>
+							<h1>Made with HTML &amp; CSS<br/>not an animated GIF</h1>
+							<p>Click to see the source</p>
+						</div>
+						<div class="flip-card-back">
+							<h1>John Doe</h1>
+							<p>Architect &amp; Engineer</p>
+							<p>We love that guy</p>
+						</div>
+					</div>
+				</div>
 			</div>
 		</div>
 	</foreignObject>

From 43beef9336793e6385b16f56b22873f6cb4af616 Mon Sep 17 00:00:00 2001
From: Radu Hociung <radu.git@ohmi.org>
Date: Wed, 19 Feb 2025 14:08:52 -0500
Subject: [PATCH 04/31] experiment 2

---
 header.svg | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/header.svg b/header.svg
index ce46e75..2e05db0 100644
--- a/header.svg
+++ b/header.svg
@@ -99,7 +99,7 @@
 								</svg>
 							</picture>
 							<h1>Made with HTML &amp; CSS<br/>not an animated GIF</h1>
-							<p>Click to see the source</p>
+							<p>Click to see source</p>
 						</div>
 						<div class="flip-card-back">
 							<h1>John Doe</h1>

From 590fd9b1d246c2b834847efa7219de571d768022 Mon Sep 17 00:00:00 2001
From: Radu Hociung <radu.git@ohmi.org>
Date: Wed, 19 Feb 2025 14:11:00 -0500
Subject: [PATCH 05/31] experiment 2

---
 readme.md | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/readme.md b/readme.md
index c001389..c38558e 100644
--- a/readme.md
+++ b/readme.md
@@ -1,9 +1,7 @@
 <div align="center">
 	<br>
-	<a href="https://github.com/sindresorhus/css-in-readme-like-wat/blame/main/header.svg">
-		<picture>
+	<a href="../../blame/main/header.svg">
 		  <img src="header.svg" width="800" height="400" alt="Click to see the source">
-		</picture>
 	</a>
 	<br>
 </div>

From 8a4b94e23eed29ef239df873e54bdbf166ba9e3c Mon Sep 17 00:00:00 2001
From: Radu Hociung <radu.git@ohmi.org>
Date: Wed, 19 Feb 2025 14:14:02 -0500
Subject: [PATCH 06/31] experiment 2

---
 readme.md | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/readme.md b/readme.md
index c38558e..eb791e3 100644
--- a/readme.md
+++ b/readme.md
@@ -1,8 +1,6 @@
 <div align="center">
 	<br>
-	<a href="../../blame/main/header.svg">
-		  <img src="header.svg" width="800" height="400" alt="Click to see the source">
-	</a>
+		<img src="header.svg" width="800" height="400" alt="Click to see the source">
 	<br>
 </div>
 <br>

From 8f84fe5385933943d7de6fc9b2bb56df6ef4641a Mon Sep 17 00:00:00 2001
From: Radu Hociung <radu.git@ohmi.org>
Date: Wed, 19 Feb 2025 14:15:56 -0500
Subject: [PATCH 07/31] experiment 3

---
 header.svg | 42 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)

diff --git a/header.svg b/header.svg
index 2e05db0..5fe8299 100644
--- a/header.svg
+++ b/header.svg
@@ -80,6 +80,48 @@
 					text-shadow: 0 1px 0 #efefef;
 					animation: 5s ease 0s normal forwards 1 fadeIn;
 				}
+
+				.flip-card {
+					font-family: Arial, Helvetica, sans-serif;
+					background-color: transparent;
+					width: 300px;
+					height: 300px;
+					perspective: 1000px;
+				}
+
+				.flip-card-inner {
+					position: relative;
+					width: 100%;
+					height: 100%;
+					text-align: center;
+					transition: transform 2.9s;
+					transform-style: preserve-3d;
+					box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
+				}
+
+				.flip-card:hover .flip-card-inner {
+					transform: rotateY(180deg);
+				}
+
+				.flip-card-front, .flip-card-back {
+					position: absolute;
+					width: 100%;
+					height: 100%;
+					-webkit-backface-visibility: hidden;
+					backface-visibility: hidden;
+				}
+
+				.flip-card-front {
+					background-color: #ccc;
+					color: black;
+				}
+
+				.flip-card-back {
+					background-color: #ccc;
+					color: black;
+					transform: rotateY(180deg);
+				}
+
 			</style>
 			<div class="container">
 				<div class="flip-card">

From ab21ef5f6094512885a6db5fce8858a3fd6614c0 Mon Sep 17 00:00:00 2001
From: Radu Hociung <radu.git@ohmi.org>
Date: Wed, 19 Feb 2025 14:22:57 -0500
Subject: [PATCH 08/31] experiment 4

---
 header.svg | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/header.svg b/header.svg
index 5fe8299..90a1901 100644
--- a/header.svg
+++ b/header.svg
@@ -72,7 +72,6 @@
 						0 3px 0 #efefef,
 						0 4px 0 #efefef,
 						0 12px 5px rgba(0, 0, 0, 0.1);
-					animation: rotate ease-in-out 1s infinite alternate;
 				}
 
 				p {
@@ -87,6 +86,7 @@
 					width: 300px;
 					height: 300px;
 					perspective: 1000px;
+					animation: rotate ease-in-out 1s infinite alternate;
 				}
 
 				.flip-card-inner {

From d11bfa38c2485d83318ee0aae4e8da641e01be80 Mon Sep 17 00:00:00 2001
From: Radu Hociung <radu.git@ohmi.org>
Date: Wed, 19 Feb 2025 14:25:15 -0500
Subject: [PATCH 09/31] experiment 5

---
 header.svg | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/header.svg b/header.svg
index 90a1901..a8f31eb 100644
--- a/header.svg
+++ b/header.svg
@@ -4,10 +4,10 @@
 			<style>
 				@keyframes rotate {
 					0% {
-						transform: rotate(3deg);
+						transform: rotateY(30deg);
 					}
 					100% {
-						transform: rotate(-3deg);
+						transform: rotateY(180deg);
 					}
 				}
 

From cbd4594e81a4414eb86b61c2a35bfe8b59a4ce2b Mon Sep 17 00:00:00 2001
From: Radu Hociung <radu.git@ohmi.org>
Date: Wed, 19 Feb 2025 14:26:28 -0500
Subject: [PATCH 10/31] experiment 6

---
 header.svg | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/header.svg b/header.svg
index a8f31eb..0ff1720 100644
--- a/header.svg
+++ b/header.svg
@@ -4,7 +4,7 @@
 			<style>
 				@keyframes rotate {
 					0% {
-						transform: rotateY(30deg);
+						transform: rotateY(270deg);
 					}
 					100% {
 						transform: rotateY(180deg);

From 75f55038d6e1f4b52b789e0943da118aa4f4cbda Mon Sep 17 00:00:00 2001
From: Radu Hociung <radu.git@ohmi.org>
Date: Wed, 19 Feb 2025 14:28:05 -0500
Subject: [PATCH 11/31] experiment 7

---
 header.svg | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/header.svg b/header.svg
index 0ff1720..a54f944 100644
--- a/header.svg
+++ b/header.svg
@@ -86,7 +86,6 @@
 					width: 300px;
 					height: 300px;
 					perspective: 1000px;
-					animation: rotate ease-in-out 1s infinite alternate;
 				}
 
 				.flip-card-inner {
@@ -97,6 +96,7 @@
 					transition: transform 2.9s;
 					transform-style: preserve-3d;
 					box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
+					animation: rotate ease-in-out 3s infinite alternate;
 				}
 
 				.flip-card:hover .flip-card-inner {

From 852ac144a6f71ef5b77d849c3f3f736073c66815 Mon Sep 17 00:00:00 2001
From: Radu Hociung <radu.git@ohmi.org>
Date: Wed, 19 Feb 2025 14:44:57 -0500
Subject: [PATCH 12/31] experiment 8

---
 header.svg | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/header.svg b/header.svg
index a54f944..5907e6e 100644
--- a/header.svg
+++ b/header.svg
@@ -4,10 +4,10 @@
 			<style>
 				@keyframes rotate {
 					0% {
-						transform: rotateY(270deg);
+						transform: rotateY(0deg);
 					}
 					100% {
-						transform: rotateY(180deg);
+						transform: rotateY(360deg);
 					}
 				}
 
@@ -140,8 +140,6 @@
 									<text x="60" y="235" font-size="50" font-family="Arial" fill="black">[ .org ]</text>
 								</svg>
 							</picture>
-							<h1>Made with HTML &amp; CSS<br/>not an animated GIF</h1>
-							<p>Click to see source</p>
 						</div>
 						<div class="flip-card-back">
 							<h1>John Doe</h1>

From a4f53cbce77c653a9d67910b9f3813a9456e8945 Mon Sep 17 00:00:00 2001
From: Radu Hociung <radu.git@ohmi.org>
Date: Wed, 19 Feb 2025 14:46:28 -0500
Subject: [PATCH 13/31] experiment 9

---
 header.svg | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/header.svg b/header.svg
index 5907e6e..497826a 100644
--- a/header.svg
+++ b/header.svg
@@ -6,6 +6,9 @@
 					0% {
 						transform: rotateY(0deg);
 					}
+					50% {
+						transform: rotateY(180deg);
+					}
 					100% {
 						transform: rotateY(360deg);
 					}
@@ -96,7 +99,7 @@
 					transition: transform 2.9s;
 					transform-style: preserve-3d;
 					box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
-					animation: rotate ease-in-out 3s infinite alternate;
+					animation: rotate ease-in-out 3s infinite;
 				}
 
 				.flip-card:hover .flip-card-inner {

From 5dd23872fec57550f7fb660ccbe55a247bd84385 Mon Sep 17 00:00:00 2001
From: Radu Hociung <radu.git@ohmi.org>
Date: Wed, 19 Feb 2025 14:49:00 -0500
Subject: [PATCH 14/31] experiment 10

---
 header.svg | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/header.svg b/header.svg
index 497826a..17040f0 100644
--- a/header.svg
+++ b/header.svg
@@ -6,12 +6,10 @@
 					0% {
 						transform: rotateY(0deg);
 					}
-					50% {
-						transform: rotateY(180deg);
-					}
-					100% {
-						transform: rotateY(360deg);
-					}
+					47% {transform: rotateY(180deg); }
+					50% {transform: rotateY(180deg); }
+					97% { transform: rotateY(360deg); }
+					100% { transform: rotateY(360deg); }
 				}
 
 				@keyframes gradientBackground {

From 8f9c0c763974cf3382311d1029fbc1a492a83441 Mon Sep 17 00:00:00 2001
From: Radu Hociung <radu.git@ohmi.org>
Date: Wed, 19 Feb 2025 14:49:48 -0500
Subject: [PATCH 15/31] experiment 11

---
 header.svg | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/header.svg b/header.svg
index 17040f0..ca9fca7 100644
--- a/header.svg
+++ b/header.svg
@@ -97,7 +97,7 @@
 					transition: transform 2.9s;
 					transform-style: preserve-3d;
 					box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
-					animation: rotate ease-in-out 3s infinite;
+					animation: rotate ease-in-out 9s infinite;
 				}
 
 				.flip-card:hover .flip-card-inner {

From 1efa848915674e3da21b86f89c53d3c40ba1cffb Mon Sep 17 00:00:00 2001
From: Radu Hociung <radu.git@ohmi.org>
Date: Wed, 19 Feb 2025 14:50:42 -0500
Subject: [PATCH 16/31] experiment 12

---
 header.svg | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/header.svg b/header.svg
index ca9fca7..3957d73 100644
--- a/header.svg
+++ b/header.svg
@@ -7,8 +7,10 @@
 						transform: rotateY(0deg);
 					}
 					47% {transform: rotateY(180deg); }
+					48% {transform: rotateY(180deg); }
 					50% {transform: rotateY(180deg); }
 					97% { transform: rotateY(360deg); }
+					98% { transform: rotateY(360deg); }
 					100% { transform: rotateY(360deg); }
 				}
 

From cac48a5569f1837a08f03d7294484f94c6213d00 Mon Sep 17 00:00:00 2001
From: Radu Hociung <radu.git@ohmi.org>
Date: Wed, 19 Feb 2025 14:51:27 -0500
Subject: [PATCH 17/31] experiment 13

---
 header.svg | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/header.svg b/header.svg
index 3957d73..1ba9dcd 100644
--- a/header.svg
+++ b/header.svg
@@ -8,9 +8,11 @@
 					}
 					47% {transform: rotateY(180deg); }
 					48% {transform: rotateY(180deg); }
+					49% {transform: rotateY(180deg); }
 					50% {transform: rotateY(180deg); }
 					97% { transform: rotateY(360deg); }
 					98% { transform: rotateY(360deg); }
+					99% { transform: rotateY(360deg); }
 					100% { transform: rotateY(360deg); }
 				}
 

From 0a3a3a7af817e9338a1f0077a3f596ebf7449ff1 Mon Sep 17 00:00:00 2001
From: Radu Hociung <radu.git@ohmi.org>
Date: Wed, 19 Feb 2025 14:59:37 -0500
Subject: [PATCH 18/31] experiment 14

---
 header.svg | 19 ++-----------------
 1 file changed, 2 insertions(+), 17 deletions(-)

diff --git a/header.svg b/header.svg
index 1ba9dcd..f0c95c3 100644
--- a/header.svg
+++ b/header.svg
@@ -1,4 +1,4 @@
-<svg fill="none" viewBox="0 0 800 400" width="800" height="400" xmlns="http://www.w3.org/2000/svg">
+<svg fill="none" viewBox="0 0 300 300" width="300" height="300" xmlns="http://www.w3.org/2000/svg">
 	<foreignObject width="100%" height="100%">
 		<div xmlns="http://www.w3.org/1999/xhtml">
 			<style>
@@ -66,19 +66,6 @@
 					text-align: center;
 				}
 
-				h1 {
-					font-size: 50px;
-					line-height: 1.3;
-					letter-spacing: 5px;
-					text-transform: uppercase;
-					text-shadow:
-						0 1px 0 #efefef,
-						0 2px 0 #efefef,
-						0 3px 0 #efefef,
-						0 4px 0 #efefef,
-						0 12px 5px rgba(0, 0, 0, 0.1);
-				}
-
 				p {
 					font-size: 20px;
 					text-shadow: 0 1px 0 #efefef;
@@ -147,9 +134,7 @@
 							</picture>
 						</div>
 						<div class="flip-card-back">
-							<h1>John Doe</h1>
-							<p>Architect &amp; Engineer</p>
-							<p>We love that guy</p>
+							<p>distributed</p>
 						</div>
 					</div>
 				</div>

From 9f0de367bd2b650ab4923ff9f81a09ad7d3f8bf0 Mon Sep 17 00:00:00 2001
From: Radu Hociung <radu.git@ohmi.org>
Date: Wed, 19 Feb 2025 15:01:22 -0500
Subject: [PATCH 19/31] experiment 15

---
 header.svg | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/header.svg b/header.svg
index f0c95c3..30df989 100644
--- a/header.svg
+++ b/header.svg
@@ -57,7 +57,7 @@
 					justify-content: center;
 					margin: 0;
 					width: 100%;
-					height: 400px;
+					height: 300px;
 					background: linear-gradient(-45deg, #fc5c7d, #6a82fb, #05dfd7);
 					background-size: 600% 400%;
 					animation: gradientBackground 10s ease infinite;
@@ -120,7 +120,7 @@
             		<div class="flip-card-inner">
               			<div class="flip-card-front">
 							<picture>
-								<svg width="300" height="300" viewBox="0 0 300 200" xmlns="http://www.w3.org/2000/svg">
+								<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
 									<text x="20" y="170" font-size="100" font-family="Arial" fill="black">d</text>
 
 									<rect x="80" y="130" width="30" height="40" fill="lightblue" stroke="black"/>

From 6a80b0ea798c8c4fbce6c521d1c6d0e31677fde7 Mon Sep 17 00:00:00 2001
From: Radu Hociung <radu.git@ohmi.org>
Date: Wed, 19 Feb 2025 15:02:36 -0500
Subject: [PATCH 20/31] experiment 16

---
 header.svg | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/header.svg b/header.svg
index 30df989..ccb7e1c 100644
--- a/header.svg
+++ b/header.svg
@@ -58,11 +58,7 @@
 					margin: 0;
 					width: 100%;
 					height: 300px;
-					background: linear-gradient(-45deg, #fc5c7d, #6a82fb, #05dfd7);
-					background-size: 600% 400%;
-					animation: gradientBackground 10s ease infinite;
 					border-radius: 10px;
-					color: white;
 					text-align: center;
 				}
 
@@ -120,7 +116,7 @@
             		<div class="flip-card-inner">
               			<div class="flip-card-front">
 							<picture>
-								<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+								<svg width="300" height="200" viewBox="0 0 300 200" xmlns="http://www.w3.org/2000/svg">
 									<text x="20" y="170" font-size="100" font-family="Arial" fill="black">d</text>
 
 									<rect x="80" y="130" width="30" height="40" fill="lightblue" stroke="black"/>

From 349534587faaf4c4fe60f5afe2ba77be2bf31743 Mon Sep 17 00:00:00 2001
From: Radu Hociung <radu.git@ohmi.org>
Date: Wed, 19 Feb 2025 15:03:36 -0500
Subject: [PATCH 21/31] experiment 17

---
 header.svg | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/header.svg b/header.svg
index ccb7e1c..13c2efa 100644
--- a/header.svg
+++ b/header.svg
@@ -116,7 +116,7 @@
             		<div class="flip-card-inner">
               			<div class="flip-card-front">
 							<picture>
-								<svg width="300" height="200" viewBox="0 0 300 200" xmlns="http://www.w3.org/2000/svg">
+								<svg width="300" height="300" viewBox="0 100 300 200" xmlns="http://www.w3.org/2000/svg">
 									<text x="20" y="170" font-size="100" font-family="Arial" fill="black">d</text>
 
 									<rect x="80" y="130" width="30" height="40" fill="lightblue" stroke="black"/>

From 2b63b4709aa1bed3cf73371636ecb0aed84b66fc Mon Sep 17 00:00:00 2001
From: Radu Hociung <radu.git@ohmi.org>
Date: Wed, 19 Feb 2025 15:04:04 -0500
Subject: [PATCH 22/31] experiment 18

---
 header.svg | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/header.svg b/header.svg
index 13c2efa..400a466 100644
--- a/header.svg
+++ b/header.svg
@@ -116,7 +116,7 @@
             		<div class="flip-card-inner">
               			<div class="flip-card-front">
 							<picture>
-								<svg width="300" height="300" viewBox="0 100 300 200" xmlns="http://www.w3.org/2000/svg">
+								<svg width="300" height="300" viewBox="0 50 260 200" xmlns="http://www.w3.org/2000/svg">
 									<text x="20" y="170" font-size="100" font-family="Arial" fill="black">d</text>
 
 									<rect x="80" y="130" width="30" height="40" fill="lightblue" stroke="black"/>

From fb3e7771992a4df5d88c8b3adc1f189348cae17b Mon Sep 17 00:00:00 2001
From: Radu Hociung <radu.git@ohmi.org>
Date: Wed, 19 Feb 2025 15:05:19 -0500
Subject: [PATCH 23/31] experiment 19

---
 header.svg | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/header.svg b/header.svg
index 400a466..584d315 100644
--- a/header.svg
+++ b/header.svg
@@ -63,7 +63,7 @@
 				}
 
 				p {
-					font-size: 20px;
+					font-size: 40px;
 					text-shadow: 0 1px 0 #efefef;
 					animation: 5s ease 0s normal forwards 1 fadeIn;
 				}
@@ -131,6 +131,8 @@
 						</div>
 						<div class="flip-card-back">
 							<p>distributed</p>
+							<p>digital</p>
+							<p>library</p>
 						</div>
 					</div>
 				</div>

From ced816f3122a060ea448356304608f56ebe7a5fd Mon Sep 17 00:00:00 2001
From: Radu Hociung <radu.git@ohmi.org>
Date: Wed, 19 Feb 2025 16:18:35 -0500
Subject: [PATCH 24/31] experiment 21

---
 header.svg | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/header.svg b/header.svg
index 584d315..a986d75 100644
--- a/header.svg
+++ b/header.svg
@@ -87,10 +87,6 @@
 					animation: rotate ease-in-out 9s infinite;
 				}
 
-				.flip-card:hover .flip-card-inner {
-					transform: rotateY(180deg);
-				}
-
 				.flip-card-front, .flip-card-back {
 					position: absolute;
 					width: 100%;
@@ -107,7 +103,6 @@
 				.flip-card-back {
 					background-color: #ccc;
 					color: black;
-					transform: rotateY(180deg);
 				}
 
 			</style>

From 6a95e177cbe20dea58b717c58c91843ab2e19e95 Mon Sep 17 00:00:00 2001
From: Radu Hociung <radu.git@ohmi.org>
Date: Wed, 19 Feb 2025 16:19:14 -0500
Subject: [PATCH 25/31] experiment 22

---
 header.svg | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/header.svg b/header.svg
index a986d75..584d315 100644
--- a/header.svg
+++ b/header.svg
@@ -87,6 +87,10 @@
 					animation: rotate ease-in-out 9s infinite;
 				}
 
+				.flip-card:hover .flip-card-inner {
+					transform: rotateY(180deg);
+				}
+
 				.flip-card-front, .flip-card-back {
 					position: absolute;
 					width: 100%;
@@ -103,6 +107,7 @@
 				.flip-card-back {
 					background-color: #ccc;
 					color: black;
+					transform: rotateY(180deg);
 				}
 
 			</style>

From 5e9c0c706a726bcb079c2639daa0b8f31155f3e4 Mon Sep 17 00:00:00 2001
From: Radu Hociung <radu.git@ohmi.org>
Date: Wed, 19 Feb 2025 16:19:49 -0500
Subject: [PATCH 26/31] experiment 23

---
 header.svg | 1 -
 1 file changed, 1 deletion(-)

diff --git a/header.svg b/header.svg
index 584d315..91c68b6 100644
--- a/header.svg
+++ b/header.svg
@@ -107,7 +107,6 @@
 				.flip-card-back {
 					background-color: #ccc;
 					color: black;
-					transform: rotateY(180deg);
 				}
 
 			</style>

From 70938722094186b3a1a9d53275f5ac95164155b8 Mon Sep 17 00:00:00 2001
From: Radu Hociung <radu.git@ohmi.org>
Date: Wed, 19 Feb 2025 16:20:34 -0500
Subject: [PATCH 27/31] experiment 24

---
 header.svg | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/header.svg b/header.svg
index 91c68b6..6fde1a2 100644
--- a/header.svg
+++ b/header.svg
@@ -81,6 +81,8 @@
 					width: 100%;
 					height: 100%;
 					text-align: center;
+					background-color: #ccc;
+					color: black;
 					transition: transform 2.9s;
 					transform-style: preserve-3d;
 					box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
@@ -99,14 +101,8 @@
 					backface-visibility: hidden;
 				}
 
-				.flip-card-front {
-					background-color: #ccc;
-					color: black;
-				}
-
 				.flip-card-back {
-					background-color: #ccc;
-					color: black;
+					transform: rotateY(180deg);
 				}
 
 			</style>

From 3d85e8b39743e98387937018d5997d4e7057ca03 Mon Sep 17 00:00:00 2001
From: Radu Hociung <radu.git@ohmi.org>
Date: Wed, 19 Feb 2025 16:22:01 -0500
Subject: [PATCH 28/31] experiment 25

---
 header.svg | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/header.svg b/header.svg
index 6fde1a2..e18832b 100644
--- a/header.svg
+++ b/header.svg
@@ -101,6 +101,11 @@
 					backface-visibility: hidden;
 				}
 
+				.flip-card-front {
+					background-color: #ccc;
+					color: black;
+				}
+
 				.flip-card-back {
 					transform: rotateY(180deg);
 				}

From 46852dccafd2ea8de66c65fe775b073488eb8a36 Mon Sep 17 00:00:00 2001
From: Radu Hociung <radu.git@ohmi.org>
Date: Wed, 19 Feb 2025 16:26:10 -0500
Subject: [PATCH 29/31] experiment 26

---
 header.svg | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/header.svg b/header.svg
index e18832b..2d21e28 100644
--- a/header.svg
+++ b/header.svg
@@ -102,7 +102,7 @@
 				}
 
 				.flip-card-front {
-					background-color: #ccc;
+					background-color: #888;
 					color: black;
 				}
 

From cd3c4c279a888652109e329ccf3234f58ce70f5c Mon Sep 17 00:00:00 2001
From: Radu Hociung <radu.git@ohmi.org>
Date: Wed, 19 Feb 2025 16:49:45 -0500
Subject: [PATCH 30/31] experiment 27

---
 header.svg | 1 -
 1 file changed, 1 deletion(-)

diff --git a/header.svg b/header.svg
index 2d21e28..41df11b 100644
--- a/header.svg
+++ b/header.svg
@@ -65,7 +65,6 @@
 				p {
 					font-size: 40px;
 					text-shadow: 0 1px 0 #efefef;
-					animation: 5s ease 0s normal forwards 1 fadeIn;
 				}
 
 				.flip-card {

From 6e8c78e4dc8a7ac09bd302bc9941ff61e5f0ef03 Mon Sep 17 00:00:00 2001
From: Radu Hociung <radu.git@ohmi.org>
Date: Wed, 19 Feb 2025 16:50:53 -0500
Subject: [PATCH 31/31] experiment 28

---
 header.svg | 1 -
 1 file changed, 1 deletion(-)

diff --git a/header.svg b/header.svg
index 41df11b..1210126 100644
--- a/header.svg
+++ b/header.svg
@@ -101,7 +101,6 @@
 				}
 
 				.flip-card-front {
-					background-color: #888;
 					color: black;
 				}