9/21/26 update pt 3: added my baby kitties <3 ^_^main

36 files changed, 76 insertions, 5 deletions

diff --git a/Cats/chad1.jpg b/Cats/chad1.jpg
new file mode 100644
index 0000000..71e166a
--- /dev/null
+++ b/Cats/chad1.jpg
diff --git a/Cats/chad2.jpg b/Cats/chad2.jpg
new file mode 100644
index 0000000..43988e0
--- /dev/null
+++ b/Cats/chad2.jpg
diff --git a/Cats/chad3.jpg b/Cats/chad3.jpg
new file mode 100644
index 0000000..1425a5f
--- /dev/null
+++ b/Cats/chad3.jpg
diff --git a/Cats/chad4.jpg b/Cats/chad4.jpg
new file mode 100644
index 0000000..0c6ce64
--- /dev/null
+++ b/Cats/chad4.jpg
diff --git a/Cats/chad5.jpg b/Cats/chad5.jpg
new file mode 100644
index 0000000..3f42873
--- /dev/null
+++ b/Cats/chad5.jpg
diff --git a/Cats/erica1.jpg b/Cats/erica1.jpg
new file mode 100644
index 0000000..cffffef
--- /dev/null
+++ b/Cats/erica1.jpg
diff --git a/Cats/erica2.jpg b/Cats/erica2.jpg
new file mode 100644
index 0000000..81d90a4
--- /dev/null
+++ b/Cats/erica2.jpg
diff --git a/Cats/erica3.jpg b/Cats/erica3.jpg
new file mode 100644
index 0000000..e3bd1ab
--- /dev/null
+++ b/Cats/erica3.jpg
diff --git a/Cats/erica4.jpg b/Cats/erica4.jpg
new file mode 100644
index 0000000..ad6d191
--- /dev/null
+++ b/Cats/erica4.jpg
diff --git a/Cats/erica5.jpg b/Cats/erica5.jpg
new file mode 100644
index 0000000..cd7c281
--- /dev/null
+++ b/Cats/erica5.jpg
diff --git a/Cats/erica6.jpg b/Cats/erica6.jpg
new file mode 100644
index 0000000..900839c
--- /dev/null
+++ b/Cats/erica6.jpg
diff --git a/Cats/erica7.jpg b/Cats/erica7.jpg
new file mode 100644
index 0000000..f3659f9
--- /dev/null
+++ b/Cats/erica7.jpg
diff --git a/Cats/sassy1.jpg b/Cats/sassy1.jpg
new file mode 100644
index 0000000..a716ffd
--- /dev/null
+++ b/Cats/sassy1.jpg
diff --git a/Cats/sassy2.jpg b/Cats/sassy2.jpg
new file mode 100644
index 0000000..a85de2a
--- /dev/null
+++ b/Cats/sassy2.jpg
diff --git a/Cats/sassy3.jpg b/Cats/sassy3.jpg
new file mode 100644
index 0000000..b0d4800
--- /dev/null
+++ b/Cats/sassy3.jpg
diff --git a/Cats/sassy4.jpg b/Cats/sassy4.jpg
new file mode 100644
index 0000000..520e930
--- /dev/null
+++ b/Cats/sassy4.jpg
diff --git a/Cats/sassy5.jpg b/Cats/sassy5.jpg
new file mode 100644
index 0000000..7938153
--- /dev/null
+++ b/Cats/sassy5.jpg
diff --git a/Cats/sassy6.jpg b/Cats/sassy6.jpg
new file mode 100644
index 0000000..8d663c7
--- /dev/null
+++ b/Cats/sassy6.jpg
diff --git a/Cats/sassy7.jpg b/Cats/sassy7.jpg
new file mode 100644
index 0000000..8b64d82
--- /dev/null
+++ b/Cats/sassy7.jpg
diff --git a/Cats/sassy8.jpg b/Cats/sassy8.jpg
new file mode 100644
index 0000000..652b522
--- /dev/null
+++ b/Cats/sassy8.jpg
diff --git a/Cats/sassy9.jpg b/Cats/sassy9.jpg
new file mode 100644
index 0000000..94c8f4d
--- /dev/null
+++ b/Cats/sassy9.jpg
diff --git a/Cats/shadow1.jpg b/Cats/shadow1.jpg
new file mode 100644
index 0000000..c4347ac
--- /dev/null
+++ b/Cats/shadow1.jpg
diff --git a/Cats/shadow2.jpg b/Cats/shadow2.jpg
new file mode 100644
index 0000000..863c5e7
--- /dev/null
+++ b/Cats/shadow2.jpg
diff --git a/Cats/shadow3.jpg b/Cats/shadow3.jpg
new file mode 100644
index 0000000..53093f1
--- /dev/null
+++ b/Cats/shadow3.jpg
diff --git a/Cats/shadow4.jpg b/Cats/shadow4.jpg
new file mode 100644
index 0000000..3eac492
--- /dev/null
+++ b/Cats/shadow4.jpg
diff --git a/Cats/shadow5.jpg b/Cats/shadow5.jpg
new file mode 100644
index 0000000..7585cb8
--- /dev/null
+++ b/Cats/shadow5.jpg
diff --git a/Cats/star1.jpg b/Cats/star1.jpg
new file mode 100644
index 0000000..594a0b7
--- /dev/null
+++ b/Cats/star1.jpg
diff --git a/Cats/star2.jpg b/Cats/star2.jpg
new file mode 100644
index 0000000..2f0ef4e
--- /dev/null
+++ b/Cats/star2.jpg
diff --git a/Cats/star3.jpg b/Cats/star3.jpg
new file mode 100644
index 0000000..81fcc83
--- /dev/null
+++ b/Cats/star3.jpg
diff --git a/Cats/star4.jpg b/Cats/star4.jpg
new file mode 100644
index 0000000..450252d
--- /dev/null
+++ b/Cats/star4.jpg
diff --git a/Cats/star5.jpg b/Cats/star5.jpg
new file mode 100644
index 0000000..b583272
--- /dev/null
+++ b/Cats/star5.jpg
diff --git a/Cats/star6.jpg b/Cats/star6.jpg
new file mode 100644
index 0000000..dda95fc
--- /dev/null
+++ b/Cats/star6.jpg
diff --git a/Cats/star7.jpg b/Cats/star7.jpg
new file mode 100644
index 0000000..d23818a
--- /dev/null
+++ b/Cats/star7.jpg
diff --git a/cats.html b/cats.html
index 6c25e1c..6e20bfa 100644
--- a/cats.html
+++ b/cats.html
@@ -47,9 +47,59 @@
                 <div class="content">
                     <p>I love cats they are very cute and fluffy and soft and cuddly</p>
                 </div>
-                <div class="title">&nbsp; Cats</div>
+                <div class="title" id="Cats">&nbsp; Cats</div>
+                <div class="content">
+                    <div class="header">Erica - 13 years old, adopted as kitten June 2013</div>
+                    <p>Name origin: She was named by the shelter</p>
+                    <img id="image" src="Cats/erica1.jpg">
+                    <img id="image" src="Cats/erica3.jpg">
+                    <img id="image" src="Cats/erica7.jpg">
+                    <img id="image" src="Cats/erica5.jpg">
+                    <img id="vertimage" src="Cats/erica6.jpg">
+                    <img id="vertimage" src="Cats/erica2.jpg">
+                    <img id="vertimage" src="Cats/erica4.jpg">
+                </div>
+                <div class="content">
+                    <div class="header">Sassy - 4 years old, adopted as kitten Sep. 2020, missed</div>
+                    <p>Name origin: She was named by my aunt who found her</p>
+                    <img id="image" src="Cats/sassy1.jpg">
+                    <img id="image" src="Cats/sassy2.jpg">
+                    <img id="image" src="Cats/sassy3.jpg">
+                    <img id="image" src="Cats/sassy5.jpg">
+                    <img id="image" src="Cats/sassy6.jpg">
+                    <img id="image" src="Cats/sassy9.jpg">
+                    <img id="vertimage" src="Cats/sassy4.jpg">
+                    <img id="vertimage" src="Cats/sassy7.jpg">
+                    <img id="vertimage" src="Cats/sassy8.jpg">
+                </div>
+                <div class="content">
+                    <div class="header">Shadow - 8-10 years old, showed up Dec. 2019</div>
+                    <p>Name origin: He showed up in the house only at night, like a shadow</p>
+                    <img id="image" src="Cats/shadow4.jpg">
+                    <img id="image" alt="Gay Ass Cats" src="Cats/shadow2.jpg">
+                    <img id="vertimage" src="Cats/shadow1.jpg">
+                    <img id="vertimage" src="Cats/shadow3.jpg">
+                    <img id="vertimage" src="Cats/shadow5.jpg">
+                </div>
+                <div class="content">
+                    <div class="header">Chad - 4-5 years old, showed up June 2023</div>
+                    <p>Name origin: I misheard my neighbor calling him Shadow :P fits bc very muscular</p>
+                    <img id="image" src="Cats/chad4.jpg">
+                    <img id="image" alt="Gay Ass Cats" src="Cats/chad5.jpg">
+                    <img id="vertimage" src="Cats/chad1.jpg">
+                    <img id="vertimage" alt="Gay Ass Cats" src="Cats/chad2.jpg">
+                    <img id="vertimage" src="Cats/chad3.jpg">
+                </div>
                 <div class="content">
-                    <img src="Cats/Chad1.jpeg">
+                    <div class="header">Star - 2 years old, found May 2026</div>
+                    <p>Name origin: Cream coloring, marking on forehead, and personality</p>
+                    <img id="image" src="Cats/star2.jpg">
+                    <img id="image" src="Cats/star4.jpg">
+                    <img id="vertimage" src="Cats/star1.jpg">
+                    <img id="vertimage" src="Cats/star3.jpg">
+                    <img id="vertimage" src="Cats/star6.jpg">
+                    <img id="image" src="Cats/star5.jpg">
+                    <img id="image" src="Cats/star7.jpg">
                 </div>
             </main>
             <aside>
diff --git a/index.html b/index.html
index b534307..c49f59f 100644
--- a/index.html
+++ b/index.html
@@ -54,6 +54,12 @@
                 </div>
                 <div class="title">&nbsp; Website Journal <button onclick="hideTag('spoiler')">&vArr;</button></div>
                 <div class="content">
+                    <div class="date">9/21/2026 pt 3</div>
+                    <p>
+                        YES ! I finally added my cats ^-^ YIPPEE GO LOOK AT THEM --> <a href="cats.html">CATS!!!</a>
+                    </p>
+                </div>
+                <div class="content">
                     <div class="date">9/21/2026 pt 2</div>
                     <p>
                         hiii im back ^^ I added the new function based on hideID(), called hideTag(), which can now hide any [<]spoiler[>]ed things :3
diff --git a/styles.css b/styles.css
index 28e614a..a7efca3 100644
--- a/styles.css
+++ b/styles.css
@@ -30,8 +30,13 @@
 }
 
 #image {
-    width: var(--img-size);
-    height: var(--img-size);
+    width: 49%;
+    height: auto;
+}
+
+#vertimage {
+    width: 32%;
+    height: auto;
 }
 
 .small {
@@ -144,6 +149,16 @@ nav ul {
     margin-bottom: 5px;
 }
 
+
+.header {
+    color: var(--text-color);
+    text-align: center;
+    font-size: 18px;
+    padding: 0px;
+    margin-top: -5px;
+    margin-bottom: 5px;
+}
+
 .factory img {
     width: 100%;
     max-height: 400px;
@@ -200,7 +215,7 @@ button {
         padding-right: 10px;
     }
 
-    nav ul>ul, #buttons, #buttonsHeader, #chatbox, #chatboxHeader, nav div a, nav div br, nav br {
+    nav ul>ul, #buttons, #buttonsHeader, #chatbox, #chatbox, nav div a, nav div br, nav br {
         display: none;
     }