From ed45e8b8ba85910056f75a57009712264938c7a7 Mon Sep 17 00:00:00 2001
From: Joost van der Schee <joost@vdschee.nl>
Date: Thu, 8 Dec 2022 11:12:51 +0100
Subject: [PATCH] update

---
 index.html | 12 +++++++++---
 style.css  |  8 ++++----
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index 5ce720f..40eb51b 100644
--- a/index.html
+++ b/index.html
@@ -45,9 +45,15 @@
         <h2>Examples</h2>
         <p>Below you will find some examples of websites with just two files. Do you want your website here?</p>
         <div class="examples">
-            <a href="https://jhvanderschee.github.io/democratizepublishing/matt-mullenweg"><img src="assets/images/matt.png" alt="Matt Mulderberg" /></a>
-            <a href="https://www.semkrikke.nl/"><img src="assets/images/semkrikke1.jpg" alt="Sem Krikke" /></a>
-            <a href="#home"><img src="assets/images/zengardenwebsites.png" alt="Zen Garden Websites" /></a>
+            <div>
+              <a href="https://jhvanderschee.github.io/democratizepublishing/matt-mullenweg"><img src="assets/images/matt.png" alt="Matt Mulderberg" /></a>by <a href="https://github.com/jhvanderschee/democratizepublishing">jhvanderschee</a>
+            </div>
+            <div>
+              <a href="https://www.semkrikke.nl/"><img src="assets/images/semkrikke1.jpg" alt="Sem Krikke" /></a>by <a href="https://github.com/jhvanderschee/semkrikke/">jhvanderschee</a>
+            </div>
+            <div>
+              <a href="#home"><img src="assets/images/zengardenwebsites.png" alt="Zen Garden Websites" /></a>by <a href="https://github.com/jhvanderschee/zengardenwebsites">jhvanderschee</a>
+            </div>
         </div>
       </section>
 
diff --git a/style.css b/style.css
index 851e0b2..7396aa1 100644
--- a/style.css
+++ b/style.css
@@ -24,7 +24,7 @@ header nav a:hover {border-color: #3a3731;}
 footer {padding: 0 3rem 4rem; transform: translate(-50%, -100%); font-style: italic; font-size: 0.8rem;}
 main {margin: 0 auto;}
 section#home img {width: 25rem; opacity: 0.8; margin: 1rem 0 0;}
-div.examples {display: flex; gap: 1rem 2rem; flex-wrap: wrap; justify-content: center; margin: 1rem 0;}
-div.examples a {display: block; margin-bottom: 0.4rem;}
-div.examples a img {max-width: 10rem; display: block; border: 1px solid #3a3731;}
-div.examples a:hover img {transform: scale(1.05);}
\ No newline at end of file
+div.examples {display: flex; gap: 1rem 2rem; flex-wrap: wrap; justify-content: center; margin: 1rem 0; text-align: center; font-style: italic;}
+div.examples > div a:first-child {display: block; margin-bottom: 0.2rem;}
+div.examples > div a:first-child img {max-width: 10rem; display: block; border: 1px solid #3a3731;}
+div.examples > div a:first-child:hover img {transform: scale(1.05);}
\ No newline at end of file