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

Compare commits

base: zepp:45b0987f7f0f1038f8246cd11c174a1de12468a5
Branches Tags
zepp:main
zepp:v1
...
compare: zepp:4bbc1be76ec0ffe4d37a6108247dbf3f373625e5
Branches Tags
zepp:main
zepp:v1

3 Commits
45b0987f7f ... 4bbc1be76e

Author SHA1 Message Date
emma 4bbc1be76e convert remaining pages to php, add nav as php include 2024-12-31 21:35:04 -05:00
emma 52cd15f1c4 create nav partial, convert index to php to test 2024-12-31 21:32:28 -05:00
emma 265adfd979 add header and favicon svgs. add favicon to pages 2024-12-31 20:37:39 -05:00
7 changed files with 23 additions and 56 deletions
Show Stats Expand all files Collapse all files

17
about.html → about.php
View File

@ -4,22 +4,11 @@
<title>This cat rocks!</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="./site-resources/assets/favicon.svg">
<link rel="stylesheet" href="style/style.css">
</head>
<body>
<header id="top">
<img src="img/baxter-hero.webp" alt="A picture of my cat Baxter looking at the camera.">
<div class="header-content">
<h1>This cat rocks!</h1>
<p>A homepage for my fine feline friend, Baxter</p>
<nav>
<a href="index.html">Home</a>
<a href="loveletter.html">Love you, Baxter</a>
<a href="behavior.html">Baxter's behaviors</a>
<a href="about.html">About this site</a>
</nav>
</div>
</header>
<?php include "./includes/nav.php" ?>
<main>
<section class="about-section">
<h2>About this website and why I made it.</h2>
@ -51,4 +40,4 @@
</section>
</main>
</body>
</html>
</html>

17
behavior.html → behavior.php
View File

@ -4,22 +4,11 @@
<title>This cat rocks!</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="./site-resources/assets/favicon.svg">
<link rel="stylesheet" href="style/style.css">
</head>
<body>
<header id="top">
<img src="img/baxter-hero.webp" alt="A picture of my cat Baxter looking at the camera.">
<div class="header-content">
<h1>This cat rocks!</h1>
<p>A homepage for my fine feline friend, Baxter</p>
<nav>
<a href="index.html">Home</a>
<a href="loveletter.html">Love you, Baxter</a>
<a href="behavior.html">Baxter's behaviors</a>
<a href="about.html">About this site</a>
</nav>
</div>
</header>
<?php include "./includes/nav.php" ?>
<main>
<section class="behavior-section">
<h2>Things I've learned about cats from behaviors displayed by Baxter</h2>
@ -71,4 +60,4 @@
</section>
</main>
</body>
</html>
</html>

10
includes/nav.php Normal file
View File

@ -0,0 +1,10 @@
<header id="top">
<h1>This cat rocks!</h1>
<p>A homepage for my fine feline friend, Baxter</p>
<nav>
<a href="index.html">Home</a>
<a href="loveletter.html">Love you, Baxter</a>
<a href="behavior.html">Baxter's behaviors</a>
<a href="about.html">About this site</a>
</nav>
</header>

16
index.html → index.php
View File

@ -1,26 +1,14 @@
<!DOCTYPE html>
<!-- proven.lol/151033 -->
<html lang="en">
<head>
<title>This cat rocks!</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="./site-resources/assets/favicon.svg">
<link rel="stylesheet" href="style/style.css">
</head>
<body>
<header id="top">
<img class="baxter-hero-img" src="img/baxter-hero.webp" alt="A picture of my cat Baxter looking at the camera.">
<div class="header-content">
<h1>This cat rocks!</h1>
<p>A homepage for my fine feline friend, Baxter</p>
<nav>
<a href="index.html">Home</a>
<a href="loveletter.html">Love you, Baxter</a>
<a href="behavior.html">Baxter's behaviors</a>
<a href="about.html">About this site</a>
</nav>
</div>
</header>
<?php include "./includes/nav.php" ?>
<main>
<section class="welcome-section">
<img class="baxter-welcome-img" src="img/baxter-welcome.webp" alt="My cat Baxter, sitting in a cardboard box looking at the camera.">

17
loveletter.html → loveletter.php
View File

@ -4,22 +4,11 @@
<title>This cat rocks!</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="./site-resources/assets/favicon.svg">
<link rel="stylesheet" href="style/style.css">
</head>
<body>
<header id="top">
<img src="img/baxter-hero.webp" alt="A picture of my cat Baxter looking at the camera.">
<div class="header-content">
<h1>This cat rocks!</h1>
<p>A homepage for my fine feline friend, Baxter</p>
<nav>
<a href="index.html">Home</a>
<a href="loveletter.html">Love you, Baxter</a>
<a href="behavior.html">Baxter's behaviors</a>
<a href="about.html">About this site</a>
</nav>
</div>
</header>
<?php include "./includes/nav.php" ?>
<main>
<section>
<h2>Oh how you've grown through the years...</h2>
@ -83,4 +72,4 @@
</section>
</main>
</body>
</html>
</html>

1
site-resources/assets/favicon.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 192l17.1 0c22.1 38.3 63.5 64 110.9 64c11 0 21.8-1.4 32-4l0 4 0 32 0 192c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-140.8L280 448l56 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-144 0c-53 0-96-43-96-96l0-223.5c0-16.1-12-29.8-28-31.8l-7.9-1c-17.5-2.2-30-18.2-27.8-35.7s18.2-30 35.7-27.8l7.9 1c48 6 84.1 46.8 84.1 95.3l0 85.3c34.4-51.7 93.2-85.8 160-85.8zm160 26.5s0 0 0 0c-10 3.5-20.8 5.5-32 5.5c-28.4 0-54-12.4-71.6-32c0 0 0 0 0 0c-3.7-4.1-7-8.5-9.9-13.2C357.3 164 352 146.6 352 128c0 0 0 0 0 0l0-96 0-20 0-1.3C352 4.8 356.7 .1 362.6 0l.2 0c3.3 0 6.4 1.6 8.4 4.2c0 0 0 0 0 .1L384 21.3l27.2 36.3L416 64l64 0 4.8-6.4L512 21.3 524.8 4.3c0 0 0 0 0-.1c2-2.6 5.1-4.2 8.4-4.2l.2 0C539.3 .1 544 4.8 544 10.7l0 1.3 0 20 0 96c0 17.3-4.6 33.6-12.6 47.6c-11.3 19.8-29.6 35.2-51.4 42.9zM432 128a16 16 0 1 0 -32 0 16 16 0 1 0 32 0zm48 16a16 16 0 1 0 0-32 16 16 0 1 0 0 32z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

1
site-resources/assets/header-cat.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M320 192l17.1 0c22.1 38.3 63.5 64 110.9 64c11 0 21.8-1.4 32-4l0 4 0 32 0 192c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-140.8L280 448l56 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-144 0c-53 0-96-43-96-96l0-223.5c0-16.1-12-29.8-28-31.8l-7.9-1c-17.5-2.2-30-18.2-27.8-35.7s18.2-30 35.7-27.8l7.9 1c48 6 84.1 46.8 84.1 95.3l0 85.3c34.4-51.7 93.2-85.8 160-85.8zm160 26.5s0 0 0 0c-10 3.5-20.8 5.5-32 5.5c-28.4 0-54-12.4-71.6-32c0 0 0 0 0 0c-3.7-4.1-7-8.5-9.9-13.2C357.3 164 352 146.6 352 128c0 0 0 0 0 0l0-96 0-20 0-1.3C352 4.8 356.7 .1 362.6 0l.2 0c3.3 0 6.4 1.6 8.4 4.2c0 0 0 0 0 .1L384 21.3l27.2 36.3L416 64l64 0 4.8-6.4L512 21.3 524.8 4.3c0 0 0 0 0-.1c2-2.6 5.1-4.2 8.4-4.2l.2 0C539.3 .1 544 4.8 544 10.7l0 1.3 0 20 0 96c0 17.3-4.6 33.6-12.6 47.6c-11.3 19.8-29.6 35.2-51.4 42.9zM432 128a16 16 0 1 0 -32 0 16 16 0 1 0 32 0zm48 16a16 16 0 1 0 0-32 16 16 0 1 0 0 32z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB