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

Compare commits

base: zepp:56f1e88172a3ffc4a254cad7af437cb74a5764c1
Branches Tags
zepp:main
zepp:v1
..
compare: zepp:becd2f4b27a0bd55a420ae61f58b2cf21cd7c0e8
Branches Tags
zepp:main
zepp:v1

No commits in common. "56f1e88172a3ffc4a254cad7af437cb74a5764c1" and "becd2f4b27a0bd55a420ae61f58b2cf21cd7c0e8" have entirely different histories.
56f1e88172 ... becd2f4b27

2 changed files with 31 additions and 95 deletions
Show Stats Expand all files Collapse all files

66
index.php
View File

@ -11,7 +11,7 @@
<body> <body>
<?php include "./includes/nav.php" ?> <?php include "./includes/nav.php" ?>
<main> <main>
<section class="welcome-section"> <section>
<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.">
<h1>Welcome to the homepage of all things Baxter!</h1> <h1>Welcome to the homepage of all things Baxter!</h1>
@ -34,47 +34,43 @@
</section> </section>
<section class="baxter-info"> <section>
<h3 class="facts-header">Baxter facts!</h3> <h3>Baxter facts!</h3>
<div class="baxter-is">
<p>Baxter is:</p> <p>Baxter is:</p>
<ul> <ul>
<li>A cat</li> <li>A cat</li>
<li>Loving to those he knows</li> <li>Loving to those he knows</li>
<li>The fastest gun in the West</li> <li>The fastest gun in the West</li>
<li>Always comfy</li> <li>Always comfy</li>
</ul> </ul>
<p>Baxter is not:</p> <p>Baxter is not:</p>
<ul> <ul>
<li>A dog</li> <li>A dog</li>
<li>Automatically friendly to everyone</li> <li>Automatically friendly to everyone</li>
<li>A fan of changes in routine</li> <li>A fan of changes in routine</li>
<li>Anything other than amazing</li> <li>Anything other than amazing</li>
</ul> </ul>
</div>
<div class="baxter-loves"> <p>Baxter loves:</p>
<p>Baxter loves:</p> <ul>
<ul> <li>Pets</li>
<li>Pets</li> <li>Places to cuddle</li>
<li>Places to cuddle</li> <li>Food</li>
<li>Food</li> <li>The people who care about him most</li>
<li>The people who care about him most</li> </ul>
</ul>
<p>Baxter hates:</p> <p>Baxter hates:</p>
<ul> <ul>
<li>Loud noises</li> <li>Loud noises</li>
<li>Loud people</li> <li>Loud people</li>
<li>Closed doors</li> <li>Closed doors</li>
<li>Not getting enough cuddle time</li> <li>Not getting enough cuddle time</li>
</ul> </ul>
</div>
</section> </section>
<section class="favorite-baxter-photos"> <section>
<h3>My favorite photos of Baxter</h3> <h3>My favorite photos of Baxter</h3>
<figure> <figure>
<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">

60
style/style.css
View File

@ -1,60 +0,0 @@
*, *::before, *::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
font-size: 16px;
}
main {
display: flex;
flex-direction: column;
align-items: center;
}
.welcome-section {
display: flex;
flex-direction: column;
align-items: center;
gap: 2rem;
width: 50rem;
height: auto;
}
.baxter-info {
display: grid;
grid-template-rows: 1.5rem 1fr;
grid-template-columns: 1fr 1fr;
justify-items: center;
gap: 2rem;
width: 50rem;
height: auto;
}
.baxter-info p {
margin: 1rem;
}
.baxter-info ul {
margin: 1rem;
list-style-type: none;
}
.facts-header {
grid-column: 1/4;
grid-row: 1/2;
}
.baxter-is {
grid-column: 1/3;
grid-row: 2/3;
padding-right: 20rem;
}
.baxter-loves {
grid-column: 2/4;
grid-row: 2/3;
padding-left: 5rem;
}