This commit is contained in:
Joost van der Schee 2022-12-08 11:12:51 +01:00
parent 06eff3af08
commit ed45e8b8ba
2 changed files with 13 additions and 7 deletions

View File

@ -45,9 +45,15 @@
<h2>Examples</h2> <h2>Examples</h2>
<p>Below you will find some examples of websites with just two files. Do you want your website here?</p> <p>Below you will find some examples of websites with just two files. Do you want your website here?</p>
<div class="examples"> <div class="examples">
<a href="https://jhvanderschee.github.io/democratizepublishing/matt-mullenweg"><img src="assets/images/matt.png" alt="Matt Mulderberg" /></a> <div>
<a href="https://www.semkrikke.nl/"><img src="assets/images/semkrikke1.jpg" alt="Sem Krikke" /></a> <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>
<a href="#home"><img src="assets/images/zengardenwebsites.png" alt="Zen Garden Websites" /></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> </div>
</section> </section>

View File

@ -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;} footer {padding: 0 3rem 4rem; transform: translate(-50%, -100%); font-style: italic; font-size: 0.8rem;}
main {margin: 0 auto;} main {margin: 0 auto;}
section#home img {width: 25rem; opacity: 0.8; margin: 1rem 0 0;} 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 {display: flex; gap: 1rem 2rem; flex-wrap: wrap; justify-content: center; margin: 1rem 0; text-align: center; font-style: italic;}
div.examples a {display: block; margin-bottom: 0.4rem;} div.examples > div a:first-child {display: block; margin-bottom: 0.2rem;}
div.examples a img {max-width: 10rem; display: block; border: 1px solid #3a3731;} div.examples > div a:first-child img {max-width: 10rem; display: block; border: 1px solid #3a3731;}
div.examples a:hover img {transform: scale(1.05);} div.examples > div a:first-child:hover img {transform: scale(1.05);}