FInally?

index.html

@@ -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>

style.css

@@ -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;