This commit is contained in:
2025-10-09 19:37:00 -05:00
parent 9d2f14b383
commit d84be97dfa
3 changed files with 66 additions and 20 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 698 B

View File

@ -52,52 +52,83 @@
<ul id="memberList">
<div class="collumRow">
<li class="member">
<div class="memberPhoto">
<a href="/members/willow.html" class="member">Willow</a>
<img src="/media/placeholder.png" alt="Placeholder">
<img src="/media/Sonas/Kitten&Willow.png" alt="Placeholder">
</div>
<p>Hi I'm Willow I love plants and photography especially nature and landscape photography</p>
</li>
<li class="member">
<div class="memberPhoto">
<a href="/members/cosmic.html" class="member">Cosmic</a>
<img src="/media/placeholder.png" alt="Placeholder">
<img src="/media/Sonas/Cosmic.png" alt="Placeholder">
</div>
<p>I'm Cosmic when I'm not floating around in the headspace thinking of space and existance I prefer to be a protogen</p>
</li>
</div>
<div class="collumRow">
<li class="member">
<div class="memberPhoto">
<a href="/members/luna.html" class="member">Luna</a>
<img src="/media/placeholder.png" alt="Placeholder">
<img src="/media/Sonas/Luna.png" alt="Placeholder">
</div>
<p>I am the designer of this website and trying to get over some traumas with poetry</p>
</li>
<li class="member">
<div class="memberPhoto">
<a href="/members/w175b.html" class="member">W175B</a>
<img src="/media/placeholder.png" alt="Placeholder">
</div>
<p>Beep Boop! This unit is W175B I am a drone and love linux and system administration and cleaning up</p>
</li>
</div>
<div class="collumRow">
<li class="member">
<div class="memberPhoto">
<a href="/members/bunny.html" class="member">Bunny</a>
<img src="/media/placeholder.png" alt="Placeholder">
</div>
<p>I'm Bunny! I'm smol and like to do pixel art and want to do more drawing</p>
</li>
<li class="member">
<div class="memberPhoto">
<a href="/members/tech.html" class="member">TechRunner</a>
<img src="/media/placeholder.png" alt="Placeholder">
</div>
<p>I'm TechRunner I got the computer science degree for the system and went through most of highschool and college with Cosmic</p>
</li>
</div>
<div class="collumRow">
<li class="member">
<div class="memberPhoto">
<a href="/members/beeatrice.html" class="member">Beeatrice</a>
<img src="/media/placeholder.png" alt="Placeholder">
</div>
<p>Greetings my little bees! I'm Beeatrice the hive queen of the Void System any hypnotic files, writings, or spirals will be on my page</p>
</li>
<li class="member">
<div class="memberPhoto">
<a href="/members/dallas.html" class="member">Dallas</a>
<img src="/media/placeholder.png" alt="Placeholder">
<img src="/media/Sonas/Dallas.png" alt="Placeholder">
</div>
<p>I'm Dallas I'm a dragon and I love collecting shiny things and my interests are geology and BDSM</p>
</li>
</div>
<div class="collumRow">
<li class="member">
<div class="memberPhoto">
<a href="/members/fauwn.html" class="member">Fauwn</a>
<img src="/media/placeholder.png" alt="Placeholder">
</div>
<p>I'm Fauwn I'll warn you these are just gonna be my rants about stuff and maybe some other stuff</p>
</li>
<li class="member">
<div class="memberPhoto">
<a href="/members/jupiter.html" class="member">Jupiter</a>
<img src="/media/placeholder.png" alt="Placeholder">
</div>
<p>I'm Jupiter I'm the newest to the system</p>
</li>
</div>
</ul>

View File

@ -192,6 +192,21 @@ div.post {
padding: 1px;
}
.memberPhoto{
display: flex;
flex-direction: column-reverse;
height: 100%;
align-items: center;
}
.memberPhoto img{
width: 100%;
}
.member p{
font-size: 9pt;
}
li.member{
border-style: solid;
border-color: #25a89d;