zepp
/
emmas.place
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style photos and apply flexbox in pets.php and technology.php

This commit is contained in:
emma 2024-12-14 12:51:50 -05:00
parent 09ea8e61e2
commit cec915b66a
3 changed files with 41 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
life/pets.php
View File

@ -25,12 +25,14 @@
the first animal i really took to as a child was a pet rabbit. as any child would i named him whiskers. whiskers was a dwarf, so a smaller rabbit. he was quite friendly, and loved to run around the house. he loved salt licks and these yougurt drops we had found for rodents. he was content with pellet food but would never turn down a treat! i had read early on that rabbits live longer when they are in an environment that is low stress. i was determined to make sure whiskers had this. i looked after him as best as any child can, being sure to play with him and give him plenty of pets. we had managed to litter train whiskers, so that when he was out of his living area he would use a small litter box made for rodents if he needed to. at the time, my grandma was still alive, and whiskers was always curious about her. always stopping to say hello at the couch she would often sit at watching tv. whiskers would live to be 9 years old! i had certainly lived up to my promise of giving him a good life. i would say goodbye to him at the age of 18, and i cried like any person who loved their animal. it was time to say goodbye to him and i just could feel all the memories that we shareed together. i sometimes wonder if i'll see all my pets again one day. it is a nice thought i like to keep around when ever i worry about what is next after life. seeing all my pets again would mean so much
</p>
<figure>
<figure
<div class="gallery">
<img src="../img/life/pets/whiskers.jpg" alt="a photo of a white dwarf rabbit on a table in front of computer equipment" height="300" width="300">
<img src="../img/life/pets/whiskers-bw-one.jpg" alt="a black and white photo of a white dwarf rabbit looking off of a front porch towards the world around him" height="300" width="500">
<figcaption>
<img src="../img/life/pets/whiskers-bw-one.jpg" alt="a black and white photo of a white dwarf rabbit looking off of a front porch towards the world around him" height="300" width="500">
</div>
<figcaption class="gallery-text">
pictures of whiskers, my pet rabbit
</figcaption>
</figure>
@ -41,9 +43,10 @@
</p>
<figure>
<div class="gallery">
<img src="../img/life/pets/parakeet.jpg" alt="a yellow parakeet hangs on the side of her cage, the position of her beak suggests she is aware of the camera pointed towards her" height="300" width="500">
<figcaption>
</div>
<figcaption class="gallery-text">
a picture of one of my parakeets, fred
</figcaption>
</figure>
@ -58,9 +61,10 @@
</p>
<figure>
<div class="gallery">
<img src="../img/life/pets/pupper.jpg" alt="a west highland white terrier looks at the camera. his face is covered in the green of freshly cut grass, as he loved rolling and rubbing his face in the grass after it was cut. the terrier has a face that can only described as pure happiness, so joyful and proud of himself he is" height="300" width="300">
<figcaption>
</div>
<figcaption class="gallery-text">
a picture of one of my mom's dogs, rambo
</figcaption>
</figure>
@ -70,8 +74,10 @@
the final pet i want to talk about is my current pet. his name is baxter and he is a domestic shorthair cat. he is currently 9 years old. this cat and i have formed a bond so wonderful. i worked hard to get to know him on his terms, and he has rewarded me with the love and affection only a loving pet could show. he often follows me all around the house, curious to see what i'm doing. he loves when i sit with him while he eats, often purring while crunching his food. he loves cardboard boxes, and has one in my room to sleep in while i work on the computer. he occasionally cuddles with me in bed when it is time for sleep. this is the best type of sleep for me, to have this purring, warm, loving creature laying on my chest slowly getting sleepier. sometimes he is still there in the morning, and greets me with a soft meow as i open my eyes for the day. baxter and i have been through so much together. jobs, relationships, sickness, health, ups, downs. he's been there for it all. he is my closest friend it feels like sometimes. it is so wonderful to be truly understood by this cat, and to truly understand him as well. i look forward to many more years with baxter, and i think he thinks the same
</p>
<figure>
<div class="gallery">
<img src="../img/life/pets/baxter-looking.jpg" alt="a grey and white cat face with black markings looking directly into the camera. the pupils are slit as it is bright" height="350" width="300">
<figcaption>
</div>
<figcaption class="gallery-text">
one of my favorite photos of my cat, baxter
</figcaption>
</figure>

5
life/technology.php
View File

@ -32,9 +32,10 @@
</p>
<figure>
<div class="gallery">
<img src="../img/life/technology/powerbook.jpg" alt="an early example of an apple powerbook. the model is a 165c. it features a color screen, and had an operating system that supported color. the powerbook sits atop a desk with a floppy disk icon on the screen. a question mark appears and disappears within this floppy disk, suggesting no operating system can be found to boot from" height="300" width="300">
<figcaption>
</div>
<figcaption class="gallery-text-left">
a powerbook 165c that i hung onto after purchasing on a whim off of eBay. i'm not particularly interest in retro computing, but the relatively untouched nature of this laptop combined with the price made me curious enough to purchase it. it will need a copy of mac os 7.1 installed. but all components function as they should
</figcaption>
</figure>

16
style/style.css
View File

@ -35,7 +35,7 @@ body {
overflow: hidden;
}
h1, h2, h3, h4, h5, h6, p, ul {
h1, h2, h3, h4, h5, h6, p, ul, figcaption {
margin: 0.5rem;
}
@ -202,3 +202,17 @@ main section ul li {
justify-content: center;
}
.gallery {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1rem;
}
.gallery-text {
text-align: center;
}
.gallery-text-left {
text-align: left;
}