diff --git a/resources/public/css/style.css b/resources/public/css/style.css index 2647aed..ef01ed9 100644 --- a/resources/public/css/style.css +++ b/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%; } diff --git a/resources/public/images/avatars/gosha.jpg b/resources/public/images/avatars/gosha.jpg new file mode 100644 index 0000000..b1ac103 Binary files /dev/null and b/resources/public/images/avatars/gosha.jpg differ diff --git a/resources/public/images/avatars/tingyi.jpg b/resources/public/images/avatars/tingyi.jpg new file mode 100644 index 0000000..4fdd9f0 Binary files /dev/null and b/resources/public/images/avatars/tingyi.jpg differ diff --git a/src/tools/ifs/parts/pages.clj b/src/tools/ifs/parts/pages.clj index 4da4296..0c5bd41 100644 --- a/src/tools/ifs/parts/pages.clj +++ b/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))))))