32bit.cafe/content/events/pride23/index.php

<?php include('../includes/header.php'); ?>
<style>
.main {
background: url(bg.jpeg);
background-repeat: repeat;
}
form {
text-align: center;
}
input, textarea {
width: 30vw;
}
.main-content {
background-color: #FFF;
padding: 10px;
font-family: Arial, sans serif;
color: #000;
}
.main-content strong {
color: orange;
}
.main-content p, li {
font-size: 11pt;
}
.main-content h2 {
color: #FF595E;
text-align: center;
cursor: default;
}
.main-content h2:hover {
color: #FFCA3A;
cursor: default;
}
.main-content ul {
list-style: none;
}
.field {
font-family: Arial, sans serif;
font-size: 10pt;
font-weight: bold;
color: #1982C4;
line-height: 16pt;
}
.field label {
color: #FFF;
background-color: #8AC926;
padding: 2px 5px;
line-height: 20pt;
}
.field sup {
opacity: 0.5;
}
input, textarea {
background-color: #1982C4;
border: 1px solid #410647;
color: #FFF;
font-family: Arial, sans serif;
font-size: 8pt;
letter-spacing: 0.5pt;
line-height: 11pt;
outline: none;
}
textarea {
height: 10vh;
}
.column img {
  width: 100%;
  padding: 10px;
  background-color: #f2ccc3;
  border: 1px #d3ab9e dashed;
}
.gallery {
  background-color: #fde2e4;
  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;
}
.button {
  display: inline-block;
  width: 15vw !important;
  background-image: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);
  border: 1px solid #000 !important;
  color: #FFF;
  font-weight: bold !important;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none !important;
  font-size: 16pt !important;
  text-shadow: #000 2px 2px;
  text-transform: uppercase;
}
.button:hover {
  border: 1px solid #000 !important;
  color: #FFF !important;
  font-weight: bold !important;
  text-align: center;
  text-decoration: none !important;
  letter-spacing: 2px;
}
thead {
text-align: center;
font-weight: bold;
background-color: #F1F1F1;
}
td {
padding: 5px;
border: 1px solid #000;
}
* {
    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;
 }
}
</style>
<section class="main-content">
<h2>🌈 32-bit cafe pride '23 event 🌈</h2>
<section>
<p>a huge part of the personal web is self-expression and unapologetically being who you are. our community voted to have a <strong>pride zine</strong> for our mid-year event! submissions were open until may 31st, 2023. <strong>missed the deadline?</strong> reach out to <a href="mailto:xandra@32bit.cafe">xandra</a> to have your entry included.</p>
</section>

<section>
<p align="center"><a href="zine.php" target="_new" class="button">read the zine!</a></p>
</section>

<section>
<h3 style="text-align: center;">table of contents</h3>
<p align="center">
<table>
<thead>
<td>author</td>
<td>description</td>
</tr>
</thead>
<tr>
<td><a href="https://transrats.neocities.org/click/pride23" target="_new">Jay</a></td>
<td>A little collection of all the queer parts of my website :)</td>
</tr>
<tr>
<td><a href="https://lostletters.neocities.org/pride" target="_new">Lost Letters</a></td>
<td>This interactive work focuses on my pansexuality, but also explores themes of self-love / self-determination, intersectional identities, and queer allyship.</td>
</tr>
<tr>
<td><a href="https://pride23.flamedfury.com" target="_new">fLaMEd</a></td>
<td>A brief look into Pride in Aotearoa (New Zealand). Make sure you scroll down!</td>
</tr>
<tr>
<td><a href="http://sbcv.co.uk/index.md" target="_new">J</a></td>
<td>A university essay I wrote (and wish I had a higher word count for), detailing the negative ways BBC news represents transgender people in one article, and the impact this has on the the transgender community and perceptions of it as a whole.</td>
</tr>
<tr>
<td><a href="https://avas.space/magnetpoetry/" target="_new">Ava</a></td>
<td>i created a magnet poetry page for pride. the selection of words expresses a lot of aspects, characteristics and identities within the lgbtq community from my perspective, and through the possibility of combining them freely, is giving people a way to express their experiences and own relation to the community and pride. underneath the word selection and fridge is an example section that as of now contains three examples of magnet poetry created on the site, but more will be added when i make more or receive some from others!</td>
</tr>
<tr>
<td><a href="https://space-bar.neocities.org/pride23" target="_new">Cris</a></td>
<td>A short story about a small-town bar.</td>
</tr>
<tr>
<td><a href="https://blog.carlbettis.com/2023-pride.html" target="_new">Carl Bettis</a></td>
<td>The brand new Pride category of my personal blog, Random Modulation. I'll be adding to it throughout the month. For the initial post, a relevant poem of mine.</td>
</tr>
<tr>
<td><a href="https://keysklubhouse.com/pride2023" target="_new">CooperationIsKey</a></td>
<td>I'm sort of obsessed with rainbows. To the point that I have a bunch of stuff that's rainbow-themed, from clothes to toys to my beach chair. So for Pride 2023, I decided to share my collection with the world!</td>
</tr>
<tr>
<td><a href="https://xandra.cc/pride2023" target="_new">Alexandra</a></td>
<td>an emotional expression from the receiving end of bisexual erasure.</td>
</tr>
<tr>
<td>Mikka</td>
<td>For pride month this year, I've made a website which debunks the most common claims made against transgender individuals using multiple sources to invalidate such claims.<br>
<em>Currently Offline</em></td>
</table>
</p>
</section>

<?php include('../includes/footer.php'); ?>