added jacobi

Projects/Mathematicians_Reimagined/index.html

@@ -110,7 +110,7 @@ <h2>Abstract</h2>
             <p>
                 I was fooling around with Ai image generators
                 and came across stable diffusion models and extensions which allowed
-                me to generate modern images of famous mathematicians using old existing creative commons images
+                me to generate modern images of famous mathematicians using old existing public domain images
                 as input. I present here a few of my results.
 
                 <br><br>
@@ -120,6 +120,54 @@ <h2>Abstract</h2>
 
         </div>
 
+        <!-- NEWTON ROW -->
+        <div class="project-box">
+
+            <div class="image-row" style="background-color: black; display: flex;">
+
+                <div class="column" style="flex: 1; overflow: hidden;">
+                    <img src="/Projects/Mathematicians_Reimagined/newton.jpg"
+                        style="width: 100%; height: 100%; object-fit: cover;">
+                </div>
+
+                <div class="column" style="flex: 1; overflow: hidden;">
+                    <img src="/Projects/Mathematicians_Reimagined/newton_reimagined.png"
+                        style="width: 100%; height: 100%; object-fit: cover;">
+                </div>
+
+            </div>
+
+
+            <p class="project-box-caption">
+                Issac Newton (1642-1727) reimagined.
+            </p>
+
+        </div>
+
+        <!-- LEIBNIZ ROW
+        <div class="project-box">
+
+            <div class="image-row" style="background-color: black; display: flex;">
+
+                <div class="column" style="flex: 1; overflow: hidden;">
+                    <img src="/Projects/Mathematicians_Reimagined/leibniz.jpg"
+                        style="width: 100%; height: 100%; object-fit: cover;">
+                </div>
+
+                <div class="column" style="flex: 1; overflow: hidden;">
+                    <img src="/Projects/Mathematicians_Reimagined/leibniz_reimagined.png"
+                        style="width: 100%; height: 100%; object-fit: cover;">
+                </div>
+
+            </div>
+
+
+            <p class="project-box-caption">
+                Gottfried Wilhelm Leibniz (1646-1716) reimagined.
+            </p>
+
+        </div> -->
+
         <!-- EULER ROW -->
         <div class="project-box">
 
@@ -139,9 +187,7 @@ <h2>Abstract</h2>
 
 
             <p class="project-box-caption">
-                Leonhard Euler (1707-1783) reimagined. The image on the left is public domain. The center image focuses
-                on
-                maintinging the painting stlye. <br>The right image is Leon-Hard Euler. Yes, the hat-wear is weird.
+                Leonhard Euler (1707-1783) reimagined.
             </p>
 
         </div>
@@ -167,15 +213,39 @@ <h2>Abstract</h2>
 
 
             <p class="project-box-caption">
-                Carl Friedrich Gauss (1777-1855) reimagined in a modern look. The image on the left is public domain.
-                The hat
+                Carl Friedrich Gauss (1777-1855) reimagined in a modern look. The hat
                 received an update too.
             </p>
 
         </div>
 
 
+        <!-- GAUSS ROW -->
+        <div class="project-box">
 
+            <div class="image-row" style="background-color: black; display: flex;">
+
+                <div class="column" style="flex: 1; overflow: hidden;">
+                    <img src="/Projects/Mathematicians_Reimagined/jacobi.jpg"
+                        style="width: 100%; height: 100%; object-fit: cover;">
+                </div>
+
+                <div class="column" style="flex: 1; overflow: hidden;">
+                    <img src="/Projects/Mathematicians_Reimagined/jacobi_reimagined.jpg"
+                        style="width: 100%; height: 100%; object-fit: cover;">
+                </div>
+
+            </div>
+
+
+            <p class="project-box-caption">
+                Carl Gustav Jacob Jacobi (1804-1851) reimagined. Fun fact: Jacobi is <a class="publication-link"
+                    href="/Projects/Mathematicians_Reimagined/jacobi_is_not_living_next_door.jpg" target="_blank"
+                    style="font-size: 11px;">not
+                    living in my neighbourhood</a>.
+            </p>
+
+        </div>
 
 
         <!-- RIEMANN ROW -->
@@ -197,7 +267,8 @@ <h2>Abstract</h2>
 
 
             <p class="project-box-caption">
-                Bernhard Riemann (1826-1866) reimagined in a modern look. I did try copying over the hair, but could not
+                Bernhard Riemann (1826-1866) reimagined in a modern look. I did try copying over the hair and beard, but
+                could not
                 manage to get that work in any way.
             </p>
 
@@ -223,9 +294,8 @@ <h2>Abstract</h2>
 
 
             <p class="project-box-caption">
-                Henri Poincaré (1854-1912) reimagined in a modern look. The image on the left is public domain. He
-                became a bit of a
-                hipster. This was a lot harder due to the black and white nature of the original image.
+                Henri Poincaré (1854-1912) reimagined in a modern look. He became a bit of a
+                hipster.
             </p>
 
         </div>
@@ -286,7 +356,8 @@ <h2>Workflow</h2>
 
                 I cant really be more specific without going into endless explainations when to use which ControlNet
                 model with what settings. None two examples here were made with the same pipeline. Things kept not
-                working here and there and I had to test my way around to get images that I am ok with.
+                working here and there and I had to test my way around to get images that I am ok with. I had many
+                visions that I could simply not fullfil. Especially regarding hair and beard features.
             </p>
         </div>
 

Source/style.css

@@ -18,8 +18,7 @@
 
 body {
     /* font-family: Questrial; */
-    /* font-family: Arial;, Helvetica, sans-serif; */
-    font-family: Arial, Verdana, sans-serif;
+    font-family: Helvetica, sans-serif;
     line-height: 1.42857143;
     background-color: var(--red_medium);
     font-size: 14px;
@@ -31,7 +30,15 @@ ul {
     text-indent: -0px;
 }
 
+
+
+
+
+
+
+/* ################################## */
 /* NAVIGATION BAR */
+/* ################################## */
 
 :target {
     scroll-margin-top: 60px;
@@ -44,8 +51,6 @@ nav {
     top: 0;
     width: 100%;
     /* min-width: 1000px */
-    z-index: 1000;
-    /* High z-index to ensure it's on top of other content */
 }
 
 nav a {
@@ -74,7 +79,16 @@ nav a:hover {
 }
 
 
+
+
+
+
+/* ################################## */
 /* MAIN */
+/* ################################## */
+
+
+
 main {
     background-color: white;
     max-width: 1000px;