32bit.cafe/content/events/spring23/index.html

202 lines
5.4 KiB
HTML
Raw Permalink Normal View History

2024-05-01 00:33:01 +00:00
---
title: 🌸 32-bit cafe spring '23 event 🌸
aliases:
- /spring23
---
<style>
.main {
background: url(spring-bg.gif);
background-repeat: repeat;
}
@media screen and (max-width: 600px) {
.form {
width: 45vw;
}
input, textarea {
width: 40vw;
}
}
@media screen and (min-width: 600px) {
.form {
width: 18vw;
}
input, textarea {
width: 15vw;
}
}
.main-content {
background-color: #FFF;
padding: 10px;
font-family: Verdana, sans serif;
}
.main-content strong {
color: #73956F;
}
.main-content p, li {
font-size: 11pt;
}
.main-content h2 {
color: #410647;
text-align: center;
cursor: default;
}
.main-content h2:hover {
color: #AF1B3F;
cursor: default;
}
.main-content ul {
list-style: none;
}
.field {
font-family: Verdana, sans serif;
font-size: 10pt;
font-weight: bold;
color: #410647;
line-height: 16pt;
}
.field label {
color: #FFF;
background-color: #AF1B3F;
padding: 2px 5px;
line-height: 20pt;
}
.field sup {
opacity: 0.5;
}
input, textarea {
background-color: #D7C0D0;
border: 1px solid #410647;
color: #410647;
font-family: Verdana, sans serif;
font-size: 8pt;
letter-spacing: 0.5pt;
line-height: 10pt;
outline: none;
}
.column {
float: left;
width: 33.33%;
}
.column img {
width: 100%;
padding: 10px;
background-color: #f2ccc3;
border: 1px #d3ab9e dashed;
}
.gallery {
background-color: #fde2e4;
width: 17vw;
margin: 0.1vw;
padding: 1vw;
text-align: center;
}
.gallery strong {
color: #cfbaf0;
font-size: 0.9rem;
}
.gallery p {
color: #52b2cf;
font-size: 8.5pt;
line-height: 10pt;
}
.gallery h4 {
color: #ff9b85;
text-align: center;
}
.row:after {
content: "";
display: table;
clear: both;
}
.form {
margin: 0 auto;
text-align: center;
}
* {
scrollbar-width: auto;
scrollbar-color: #d7c0d0 #ffffff;
}
*::-webkit-scrollbar {
width: 8px;
}
*::-webkit-scrollbar-track {
background: #ffffff;
}
*::-webkit-scrollbar-thumb {
background-color: #d7c0d0;
border-radius: 0px;
border: 0px none #ffffff;
}
@media screen and (max-width: 600px) {
.gallery strong {
display: none;
}
.column .gallery {
display: block;
width: 29.8vw;
}
</style>
<section class="main-content">
<h2>🌸 32-bit cafe spring '23 event 🌸</h2>
<section>
<p>submissions could include: a seasonal adoptable that folks can grab from your site, a recipe page with your favorite spring recipes (spring-themed cake, anyone?), a page showcasing your favorite ways to celebrate the spring equinox on march 20, or showing off your favorite trees and flowers! for our friends in the southern hemisphere, what about showing your favorite autumn activities or ways that you celebrate autumn in your part of the world?</p>
<p>submissions closed on march 21, 2023. <strong>thank you to everyone who submitted to the event!</strong> check out the gallery of participants below.</p>
</section>
<div class="row center">
<div class="column gallery">
<h4>kaylee</h4>
<p><strong>kaylee.wtf</strong></p>
<a href="https://kaylee.wtf/spring" target="_new"><img src="1.png"></a>
<p>boing</p>
</div>
<div class="column gallery">
<h4>lian</h4>
<p><strong>libre.town</strong></p>
<a href="https://libre.town/creative/spring23.xhtml" target="_new"><img src="2.png"></a>
<p>Spring seasonal page complete with a countdown to March 20, little badges, mini recipes, a photo gallery, and a little cute design. :]</p>
</div>
<div class="column gallery">
<h4>levya</h4>
<p><strong>linwood.neocities.org</strong></p>
<a href="https://linwood.neocities.org/events" target="_new"><img src="3.png"></a>
<p>a page filled with ways to celebrate spring, including flower graphics, a spring youtube playlist, a spring-themed adoptable, and some recipes!</p>
</div>
</div>
<div class="row center">
<div class="column gallery">
<h4>melon!</h4>
<p><strong>melonking.net</strong></p>
<a href="https://melonking.net/email/emails/pixel-flower-garden" target="_new"><img src="4.png"></a>
<p>Please enjoy the flower garden :^]</p>
</div>
<div class="column gallery">
<h4>jade</h4>
<p><strong>glitchlynx.neocities.org</strong></p>
<a href="https://glitchlynx.neocities.org/spring23" target="_new"><img src="5.png"></a>
<p>A spring themed zine, focused mainly on the bugs I usually see in the spring.</p>
</div>
<div class="column gallery">
<h4>jmart</h4>
<p><strong>the-now-now.neocities.org</strong></p>
<a href="https://the-now-now.neocities.org/" target="_new"><img src="6.png"></a>
<p>The spring is a very mindful season for me. It stands out because it's nice, but limited time. I made a NOW page for my spring '23 event. It's like an about me page, but designed to be limited time, you delete the old update in favor of the new one. Thank you so much xandra.cc for helping me with getting the animation to work <3 <3 <3 SPRING FACT: The purple I picked for the <code>h1</code> is Bluebonnet Purple. Bluebonnets are the official flower of Texas that only blooms in the spring.</p>
</div>
</div>
<div class="row center">
<div class="column gallery">
<h4>loren</h4>
<p><strong>ribo.zone</strong></p>
<a href="https://ribo.zone/bugs/spring23/" target="_new"><img src="7.png"></a>
<p>bugs of early spring: an animated and interactive insect garden made entirely of photos taken in march 2023</p>
</div>
<div class="column gallery">
<h4>alexandra</h4>
<p><strong>xandra.cc</strong></p>
<a href="https://xandra.cc/spring2023.html" target="_new"><img src="8.png"></a>
<p>celebrating spring with my favorite springtime recipe (sicilian cake!) and some adoptables for your website! happy equinox!</p>
</div>
</div>