···11-<h1>Mae Moon ~ Archive</h1>
11+<h1 class="text-2xl font-bold">Mae Moon ~ Archive</h1>
22<br />
33-<p>
33+<p class="pb-4">
44 This is a collection of some of the older things I've made. A lot of this is unfinished or broken.
55</p>
66<ul>
77 <li>
88- <a href="https://cute-catgirl.github.io/catbox-v1/">
99- <h2>Catbox v1</h2>
1010- <h3>2021</h3>
1111- <p>This was the very first website I ever made and published. I worked on this mostly during COVID when I was doing online school. Open a box, get a cat.</p>
88+ <a href="https://cute-catgirl.github.io/catbox-v1/" class="border-2 border-nord1 rounded p-4 inline-block bg-nord5 dark:bg-nord2 dark:border-nord4 mb-2 w-full hover:shadow-md hover:-translate-y-1 transition-all focus:outline outline-2 outline-nord2 outline-offset-1 dark:outline-nord4 rounded">
99+ <h2 class="text-xl font-bold">Catbox v1</h2>
1010+ <h3 class="text-sm pb-2">2021</h3>
1111+ <p class="text-sm">This was the very first website I ever made and published. I worked on this mostly during COVID when I was doing online school. Open a box, get a cat.</p>
1212 </a>
1313- <a href="https://cute-catgirl.github.io/clicker/">
1414- <h2>Clicker</h2>
1515- <h3>2021</h3>
1616- <p>Unfinished clicker game. I don't know why I ever thought the background color looked good. That said, might return to this someday.</p>
1313+ <a href="https://cute-catgirl.github.io/clicker/" class="border-2 border-nord1 rounded p-4 inline-block bg-nord5 dark:bg-nord2 dark:border-nord4 mb-2 w-full hover:shadow-md hover:-translate-y-1 transition-all focus:outline outline-2 outline-nord2 outline-offset-1 dark:outline-nord4 rounded">
1414+ <h2 class="text-xl font-bold">Clicker</h2>
1515+ <h3 class="text-sm pb-2">2021</h3>
1616+ <p class="text-sm">Unfinished clicker game. I don't know why I ever thought the background color looked good. That said, might return to this someday.</p>
1717 </a>
1818- <a href="https://cute-catgirl.github.io/catbox/">
1919- <h2>Catbox v2</h2>
2020- <h3>2022</h3>
2121- <p>An improved version of Catbox. I completely recoded it in jQuery, adding more cats and a log of the ones you've found.</p>
1818+ <a href="https://cute-catgirl.github.io/catbox/" class="border-2 border-nord1 rounded p-4 inline-block bg-nord5 dark:bg-nord2 dark:border-nord4 mb-2 w-full hover:shadow-md hover:-translate-y-1 transition-all focus:outline outline-2 outline-nord2 outline-offset-1 dark:outline-nord4 rounded">
1919+ <h2 class="text-xl font-bold">Catbox v2</h2>
2020+ <h3 class="text-sm pb-2">2022</h3>
2121+ <p class="text-sm">An improved version of Catbox. I completely recoded it in jQuery, adding more cats and a log of the ones you've found.</p>
2222 </a>
2323- <a href="https://cute-catgirl.github.io/square/">
2424- <h2>square.</h2>
2525- <h3>2022</h3>
2626- <p>A rotating square. Click to change direction. Counts the number of rotations and saves it in local storage.</p>
2323+ <a href="https://cute-catgirl.github.io/square/" class="border-2 border-nord1 rounded p-4 inline-block bg-nord5 dark:bg-nord2 dark:border-nord4 mb-2 w-full hover:shadow-md hover:-translate-y-1 transition-all focus:outline outline-2 outline-nord2 outline-offset-1 dark:outline-nord4 rounded">
2424+ <h2 class="text-xl font-bold">square.</h2>
2525+ <h3 class="text-sm pb-2">2022</h3>
2626+ <p class="text-sm">A rotating square. Click to change direction. Counts the number of rotations and saves it in local storage.</p>
2727 </a>
2828- <a href="https://cute-catgirl.github.io/blockfuck/">
2929- <h2>Blockfuck</h2>
3030- <h3>2023</h3>
3131- <p>A brainfuck IDE and interpreter using Blockly. Seems to be broken.</p>
2828+ <a href="https://cute-catgirl.github.io/blockfuck/" class="border-2 border-nord1 rounded p-4 inline-block bg-nord5 dark:bg-nord2 dark:border-nord4 mb-2 w-full hover:shadow-md hover:-translate-y-1 transition-all focus:outline outline-2 outline-nord2 outline-offset-1 dark:outline-nord4 rounded">
2929+ <h2 class="text-xl font-bold">Blockfuck</h2>
3030+ <h3 class="text-sm pb-2">2023</h3>
3131+ <p class="text-sm">A brainfuck IDE and interpreter using Blockly. Seems to be broken.</p>
3232 </a>
3333- <a href="https://cute-catgirl.gitlab.io">
3434- <h2>cute-catgirl.gitlab.io</h2>
3535- <h3>2024</h3>
3636- <p>My previous website. I really liked the style of this but it didn't work on mobile and was somewhat complicated to maintain. I ended up making this website to replace it, focusing more on simplicity and general usability over looking cool.</p>
3333+ <a href="https://cute-catgirl.gitlab.io" class="border-2 border-nord1 rounded p-4 inline-block bg-nord5 dark:bg-nord2 dark:border-nord4 mb-2 w-full hover:shadow-md hover:-translate-y-1 transition-all focus:outline outline-2 outline-nord2 outline-offset-1 dark:outline-nord4 rounded">
3434+ <h2 class="text-xl font-bold">cute-catgirl.gitlab.io</h2>
3535+ <h3 class="text-sm pb-2">2024</h3>
3636+ <p class="text-sm">My previous website. I really liked the style of this but it didn't work on mobile and was somewhat complicated to maintain. I ended up making this website to replace it, focusing more on simplicity and general usability over looking cool.</p>
3737 </a>
3838 </li>
3939-</ul>
4040-4141-<style>
4242- p {
4343- margin-bottom: 1em;
4444- }
4545-4646- ul {
4747- max-width: 800px;
4848- }
4949-5050- ul li a {
5151- display: block;
5252- text-decoration: none;
5353- background-color: var(--color-bg-2);
5454- border-radius: 8px;
5555- padding: 1.5rem;
5656- margin-bottom: 1em;
5757- transition:
5858- transform 0.2s ease,
5959- box-shadow 0.2s ease;
6060- border: 2px solid var(--color-fg-3);
6161- }
6262-6363- ul li a:hover {
6464- transform: translateY(-5px);
6565- box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
6666- border-color: var(--color-fg-1);
6767- }
6868-6969- ul li a h2 {
7070- color: var(--color-fg-1);
7171- font-size: 1.5rem;
7272- }
7373-7474- ul li a h3 {
7575- color: var(--color-fg-3);
7676- margin-bottom: 1rem;
7777- font-size: 1rem;
7878- font-weight: normal;
7979- }
8080-8181- ul li a p {
8282- color: var(--color-fg-2);
8383- line-height: 1.6;
8484- }
8585-8686- @media (max-width: 600px) {
8787- ul li a {
8888- padding: 1rem;
8989- }
9090- }
9191-</style>
3939+</ul>