landing: added pictures and copy to who made this

resources/public/css/style.css

@@ -128,12 +128,41 @@ footer {
     }
 }
 
+.person-cards {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    justify-content: space-between;
+    gap: 3rem;
+    .person-card {
+        padding-left: 10rem;
+        position: relative;
+        min-height: 8rem;
+        img {
+            position: absolute;
+            top: 0px;
+            left: 0px;
+            height: 8rem;
+            width: 8rem;
+            border-radius: 50%;
+        }
+        p {
+            margin: 0;
+        }
+    }
+}
+
 @media (max-width: 900px) {
    .main {
        flex-direction: column;
        gap: 0;
    }
 
+   .person-cards {
+       flex-direction: column;
+       gap: 1rem;
+   }
+
    .illustration, .signup {
        width: 100%;
    }

src/tools/ifs/parts/pages.clj

@@ -41,12 +41,15 @@
             [:section.aboutus
              [:h3
               "Who made this?"]
-             [:div
-              [:img {:src "/images/avatars/tingyi.png"}]
-              [:h4 "Ting-yi Lai"]
-              [:p "An IFS Level 1 trained art psychotherapist focused on trauma"]]
-             [:div
-              [:img {:src "/images/avatars/gosha.png"}]
-              [:h4 "Gosha Tcherednitchenko"]
-              [:p "A software engineer with over 20 years of experience building software"]]]
+             [:div.person-cards
+              [:div.person-card
+               [:img {:src "/images/avatars/tingyi.jpg"}]
+               [:p
+                [:strong "Ting-yi Lai"]
+                " is an IFS Level 1 trained art psychotherapist focused on trauma"]]
+              [:div.person-card
+               [:img {:src "/images/avatars/gosha.jpg"}]
+               [:p
+                [:strong "Gosha Tcherednitchenko"]
+                " is a software engineer who's been building Web applications for close to 20 years"]]]]
             (footer))))))