\---
title: MedaA's Blog!
layout: layout.njk
isHome: true
---

<source srcset="/img/welcome.gif" media="(prefers-reduced-motion: no-preference)">
  <img src="/img/welcome.png" alt="Welcome to my homepage"/>
</picture>

Hi modern web folks!

My name is Sophie and this is my Web 1.0-style homepage!

I made this site to demonstrate how we might build silly and creative homepages just like we did in the 90s/00s, but with <strong>modern CSS, HTML and JS.</strong>


See the source code on <a href="https://github.com/sophiekoonin/stateofthebrowser22">GitHub</a>. 

It's not quite finished yet... in fact, you might say it's...

<picture>
  <source srcset="/img/consbar.gif" media="(prefers-reduced-motion: no-preference)">
  <img src="/img/consbar.png" alt="Under construction"/>
</picture>

<span class="rainbow-wrapper" data-content="Thanks for visiting!"><span class="rainbow">Thanks for visiting!</span></span> {.thanksText}

<picture>
  <source srcset="/img/colorbar.gif" media="(prefers-reduced-motion: no-preference)">
  <img src="/img/colorbar.png" alt=""/>
</picture>


<div class="webring-container">
          <span aria-hidden="true">🪐</span>
            <a href="https://weirdwebsitelovers.neocities.org" target="_blank" rel="noopener noreferrer">Weird Website Lovers
              Webring</a> <span aria-hidden="true">//</span>
            <a href="https://weird-website-lovers-webring.cloudflare-aa8.workers.dev/prev">Prev</a>
            <a href="https://weird-website-lovers-webring.cloudflare-aa8.workers.dev/next">Next</a>
            <a href="https://weird-website-lovers-webring.cloudflare-aa8.workers.dev/random" target="_blank" rel="noopener noreferrer">Random</a>
            <a href="https://weirdwebsitelovers.neocities.org" target="_blank" rel="noopener noreferrer">List</a>
          </p>
</div>