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

Compare commits

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

No commits in common. "becd2f4b27a0bd55a420ae61f58b2cf21cd7c0e8" and "d28e152200cd85baaf433523c910d685cd836861" have entirely different histories.
becd2f4b27 ... d28e152200

2 changed files with 61 additions and 58 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">
<p>This cat rocks!</p> <h1>This cat rocks!</h1>
<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,15 +7,13 @@
<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> <section class="welcome-section">
<img src="img/baxter-welcome.webp" alt="My cat Baxter, sitting in a cardboard box looking at the camera."> <img class="baxter-welcome-img" src="img/baxter-welcome.webp" alt="My cat Baxter, sitting in a cardboard box looking at the camera.">
<div class="welcome-text">
<h1>Welcome to the homepage of all things Baxter!</h1> <h2>Welcome to the homepage of all things Baxter!</h2>
<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!
@ -32,70 +30,75 @@
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>
<h3>Baxter facts!</h3> <h2>Baxter facts!</h2>
<p>Baxter is:</p> <div class="quick-facts">
<ul> <div class="baxter-is">
<li>A cat</li> <p>Baxter is:</p>
<li>Loving to those he knows</li> <ul>
<li>The fastest gun in the West</li> <li>A cat</li>
<li>Always comfy</li> <li>Loving to those he knows</li>
</ul> <li>The fastest gun in the West</li>
<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>
<p>Baxter is not:</p> <div class="baxter-loves">
<ul> <p>Baxter loves:</p>
<li>A dog</li> <uL>
<li>Automatically friendly to everyone</li> <li>Pets</li>
<li>A fan of changes in routine</li> <li>Places to cuddle</li>
<li>Anything other than amazing</li> <li>Food</li>
</ul> <li>The people who care about him most</li>
</uL>
</div>
<p>Baxter loves:</p> <div class="baxter-hates">
<ul> <p>Baxter hates:</p>
<li>Pets</li> <ul>
<li>Places to cuddle</li> <li>Loud noises</li>
<li>Food</li> <li>Loud people</li>
<li>The people who care about him most</li> <li>Closed doors</li>
</ul> <li>Not getting enough cuddle time</li>
</ul>
<p>Baxter hates:</p> </div>
<ul> </div>
<li>Loud noises</li>
<li>Loud people</li>
<li>Closed doors</li>
<li>Not getting enough cuddle time</li>
</ul>
</section> </section>
<section> <section>
<h3>My favorite photos of Baxter</h3> <h2>My favorite photos of Baxter</h2>
<figure> <div class="photo-gallery">
<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>
<figcaption>A very fancy photo of a very fancy cat!</figcaption> </div>
</figure> <div class="gallery-card">
<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>
<figcaption>A curious baxter inspects the camera lens</figcaption> </div>
</figure> <div class="gallery-card">
<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>
<figcaption>Did I mention he loves sunbathing too?</figcaption> </div>
</figure> <div class="gallery-card">
<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>
<figcaption>Looking shy but owning the look at the same time, he's a natural!</figcaption> </div>
</figure> </div>
</section> </section>
<section class="goodbye"> <section class="goodbye">
<h3>Come back anytime!</h3> <h2>Come back anytime!</h2>
<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.