zepp
/
thiscat.rocks
1
0
Fork 0
Code Issues Activity

Compare commits

base: zepp:d28e152200cd85baaf433523c910d685cd836861
Branches Tags
zepp:main
zepp:v1
..
compare: zepp:becd2f4b27a0bd55a420ae61f58b2cf21cd7c0e8
Branches Tags
zepp:main
zepp:v1

4 Commits
d28e152200 ... becd2f4b27

Author SHA1 Message Date
emma becd2f4b27 clean up use of divs, decide if other semantic tags can be used 2025-01-01 05:59:31 -05:00
emma 9b3ffeb69f change welcome text h2 to h1 2024-12-31 22:38:00 -05:00
emma a8c2537403 change header h1 to p 2024-12-31 22:37:18 -05:00
emma 52a4b47dc3 tag cleanup in index.php with focus on semantic HTML 2024-12-31 22:34:24 -05:00
2 changed files with 58 additions and 61 deletions
Show Stats Expand all files Collapse all files

2
includes/nav.php
View File

@ -1,6 +1,6 @@
<header id="top"> <header id="top">
<img src="../site-resources/assets/header-cat.svg" height="32px" width="32px"> <img src="../site-resources/assets/header-cat.svg" height="32px" width="32px">
<h1>This cat rocks!</h1> <p>This cat rocks!</p>
<p>A homepage for my fine feline friend, Baxter</p> <p>A homepage for my fine feline friend, Baxter</p>
<nav> <nav>
<a href="index.html">Home</a> <a href="index.html">Home</a>

117
index.php
View File

@ -7,13 +7,15 @@
<link rel="icon" href="./site-resources/assets/favicon.svg"> <link rel="icon" href="./site-resources/assets/favicon.svg">
<link rel="stylesheet" href="style/style.css"> <link rel="stylesheet" href="style/style.css">
</head> </head>
<body> <body>
<?php include "./includes/nav.php" ?> <?php include "./includes/nav.php" ?>
<main> <main>
<section class="welcome-section"> <section>
<img class="baxter-welcome-img" src="img/baxter-welcome.webp" alt="My cat Baxter, sitting in a cardboard box looking at the camera."> <img src="img/baxter-welcome.webp" alt="My cat Baxter, sitting in a cardboard box looking at the camera.">
<div class="welcome-text">
<h2>Welcome to the homepage of all things Baxter!</h2> <h1>Welcome to the homepage of all things Baxter!</h1>
<p> <p>
Baxter is a domestic shorthair cat, with a distinct Mackerel Tabby fur pattern. Baxter is a domestic shorthair cat, with a distinct Mackerel Tabby fur pattern.
His broken stripes together with a long thick stripe down his back resemble that of a tiger! His broken stripes together with a long thick stripe down his back resemble that of a tiger!
@ -30,75 +32,70 @@
in bed and fall asleep, typically during the colder months. in bed and fall asleep, typically during the colder months.
</p> </p>
</div>
</section> </section>
<section> <section>
<h2>Baxter facts!</h2> <h3>Baxter facts!</h3>
<div class="quick-facts"> <p>Baxter is:</p>
<div class="baxter-is"> <ul>
<p>Baxter is:</p> <li>A cat</li>
<ul> <li>Loving to those he knows</li>
<li>A cat</li> <li>The fastest gun in the West</li>
<li>Loving to those he knows</li> <li>Always comfy</li>
<li>The fastest gun in the West</li> </ul>
<li>Always comfy</li>
</ul>
</div>
<div class="baxter-is-not">
<p>Baxter is not:</p>
<ul>
<li>A dog</li>
<li>Automatically friendly to everyone</li>
<li>A fan of changes in routine</li>
<li>Anything other than amazing</li>
</ul>
</div>
<div class="baxter-loves"> <p>Baxter is not:</p>
<p>Baxter loves:</p> <ul>
<uL> <li>A dog</li>
<li>Pets</li> <li>Automatically friendly to everyone</li>
<li>Places to cuddle</li> <li>A fan of changes in routine</li>
<li>Food</li> <li>Anything other than amazing</li>
<li>The people who care about him most</li> </ul>
</uL>
</div>
<div class="baxter-hates"> <p>Baxter loves:</p>
<p>Baxter hates:</p> <ul>
<ul> <li>Pets</li>
<li>Loud noises</li> <li>Places to cuddle</li>
<li>Loud people</li> <li>Food</li>
<li>Closed doors</li> <li>The people who care about him most</li>
<li>Not getting enough cuddle time</li> </ul>
</ul>
</div> <p>Baxter hates:</p>
</div> <ul>
<li>Loud noises</li>
<li>Loud people</li>
<li>Closed doors</li>
<li>Not getting enough cuddle time</li>
</ul>
</section> </section>
<section> <section>
<h2>My favorite photos of Baxter</h2> <h3>My favorite photos of Baxter</h3>
<div class="photo-gallery"> <figure>
<div class="gallery-card">
<img src="./img/posed-baxter.jpg" alt="My cat Baxter laying on my chest over a blanket in bed looking at the camera. The many details and patterns of his mackeral tabby fur pattern are fully visible"> <img src="./img/posed-baxter.jpg" alt="My cat Baxter laying on my chest over a blanket in bed looking at the camera. The many details and patterns of his mackeral tabby fur pattern are fully visible">
<p>A very fancy photo of a very fancy cat!</p>
</div> <figcaption>A very fancy photo of a very fancy cat!</figcaption>
<div class="gallery-card"> </figure>
<figure>
<img src="./img/curious-baxter.jpg" alt="My cat Baxter inspecting the camera lens. His nose is the closest part of him to the lens as he inspects it by smelling as would be typical for a cat inspecting something unfamiliar"> <img src="./img/curious-baxter.jpg" alt="My cat Baxter inspecting the camera lens. His nose is the closest part of him to the lens as he inspects it by smelling as would be typical for a cat inspecting something unfamiliar">
<p>A curious baxter inspects the camera lens</p>
</div> <figcaption>A curious baxter inspects the camera lens</figcaption>
<div class="gallery-card"> </figure>
<figure>
<img src="img/gallery-card-three.webp" alt="My cat Baxter as a kitten strecthed out enjoying the sun coming through a window."> <img src="img/gallery-card-three.webp" alt="My cat Baxter as a kitten strecthed out enjoying the sun coming through a window.">
<p>Did I mention he loves sunbathing too?</p>
</div> <figcaption>Did I mention he loves sunbathing too?</figcaption>
<div class="gallery-card"> </figure>
<figure>
<img src="img/gallery-card-two.webp" alt="My cat Baxter looking out from behind a window blind."> <img src="img/gallery-card-two.webp" alt="My cat Baxter looking out from behind a window blind.">
<p>Looking shy but owning the look at the same time, he's a natural!</p>
</div> <figcaption>Looking shy but owning the look at the same time, he's a natural!</figcaption>
</div> </figure>
</section> </section>
<section class="goodbye"> <section class="goodbye">
<h2>Come back anytime!</h2> <h3>Come back anytime!</h3>
<p> <p>
I hope you've enjoyed your visit and learned about Baxter and just I hope you've enjoyed your visit and learned about Baxter and just
how much he means to me. If you haven't please check out the other pages on this site. how much he means to me. If you haven't please check out the other pages on this site.