upload
This commit is contained in:
Kilokem
8
Catsite.code-workspace
Normal file
8
Catsite.code-workspace
Normal file
@ -0,0 +1,8 @@
|
||||
{
|
||||
"folders": [
|
||||
{
|
||||
"path": "."
|
||||
}
|
||||
],
|
||||
"settings": {}
|
||||
}
|
||||
239
cat.html
Normal file
239
cat.html
Normal file
@ -0,0 +1,239 @@
|
||||
<!DOCTYPE html>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>The Catsite!</title>
|
||||
<link rel="icon" href="./images/cover.png" type="image"></link>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<a id="top"></a>
|
||||
<h1 id="pagetitle"><c style="color: blue;">T</c><c style="color: yellow;">h</c><c style="color: pink;">e</c> <c style="color: greenyellow;">C</c><c style="color: purple;">a</c><c style="color: red;">t</c></h1>
|
||||
<div style="display: flex; justify-content: center; text-decoration: solid; font-size: large; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;">
|
||||
<pre>
|
||||
∧,,,∧
|
||||
( ̳• · • ̳)
|
||||
/ づ♡ I love you
|
||||
</pre>
|
||||
</div>
|
||||
<div id="firstpar">
|
||||
<div>
|
||||
<h2>About cats</h2>
|
||||
</div>
|
||||
<div>
|
||||
<p title="About cats">
|
||||
The cat (Felis catus), also referred to as domestic cat or house cat, is a small domesticated carnivorous mammal. It is the only domesticated species of the family Felidae. Advances in archaeology and genetics have shown that the domestication of the cat occurred in the Near East around 7500 BC. It is commonly kept as a house pet and farm cat, but also ranges freely as a feral cat avoiding human contact. Valued by humans for companionship and its ability to kill vermin, the cat's retractable claws are adapted to killing small prey like mice and rats. <br> It has a strong, flexible body, quick reflexes, and sharp teeth, and its night vision and sense of smell are well developed. It is a social species, but a solitary hunter and a crepuscular predator. Cat communication includes vocalizations like meowing, purring, trilling, hissing, growling, and grunting as well as cat body language. It can hear sounds too faint or too high in frequency for human ears, such as those made by small mammals. It secretes and perceives pheromones.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div id="maincats">
|
||||
<img id="maincat" src="./images/cat.jpg" alt="The cat!" title="Cool Cat">
|
||||
<img id="maincat" src="./images/cat.jpg" alt="The cat!" title="Cool Cat" style="opacity: 30%; rotate: 180deg; float: lefts; margin: 0px;">
|
||||
</div>
|
||||
<div id="secondpar">
|
||||
<div>
|
||||
<h2>Interesting to know</h2>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
Female domestic cats can have kittens from spring to late autumn in temperate zones and throughout the year in equatorial regions, with litter sizes often ranging from two to five kittens. Domestic cats are bred and shown at events as registered pedigreed cats, a hobby known as cat fancy. Animal population control of cats may be achieved by spaying and neutering, but their proliferation and the abandonment of pets has resulted in large numbers of feral cats worldwide, contributing to the extinction of bird, mammal, and reptile species.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<hr>
|
||||
</div>
|
||||
<div id="thirdpar">
|
||||
<div>
|
||||
<h2 style="color: red; background-color: lightblue; margin: 5px 39% 15px 39%; border-radius: 10%; border-width: 30px; width: 12ch;">Facts</h2>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
As of 2017, the domestic cat was the second most popular pet in the United States, with 95.6 million cats owned and around 42 million households owning at least one cat. In the United Kingdom, 26% of adults have a cat, with an estimated population of 10.9 million pet cats as of 2020. As of 2021, there were an estimated 220 million owned and 480 million stray cats in the world.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<table>
|
||||
<tr>
|
||||
<th style="float: right;">Cat type</th>
|
||||
<th style="text-align: center;">Description</th>
|
||||
<th style="text-align: left;">Image</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width: 20%;">
|
||||
<h2>The cute cat!</h2>
|
||||
</td>
|
||||
<td style="width: 50%;">
|
||||
<p>
|
||||
This adorable little cat is sure to melt anyone’s heart! With its big, round eyes and fluffy fur, it captures the essence of cuteness. Whether it’s lounging in a sunbeam or playfully batting at a toy, cats have a way of making even the simplest moments feel special. Their soft purrs are like a gentle reminder of comfort, and their independent yet affectionate nature makes them perfect companions. This particular cat, sitting with its paws tucked under and a tiny heart in its paws, seems to say, “I love you” in the most endearing way possible. Truly, cats bring joy and warmth into any home!
|
||||
</p>
|
||||
</td>
|
||||
<td>
|
||||
<img src="./images/cat2.JPG" alt="" >
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<h2>The angry cat!</h2>
|
||||
</td>
|
||||
<td>
|
||||
<p>
|
||||
The "Angry Cat" is a term often associated with cats showing expressions that appear grumpy or irritable, despite it often being part of their natural facial features. One of the most famous examples of this was Grumpy Cat (real name: Tardar Sauce), an internet sensation known for her perpetually disgruntled expression. Though she wasn’t actually angry, her unique appearance became iconic, symbolizing humor and memes around being "done with everything."
|
||||
</p>
|
||||
</td>
|
||||
<td>
|
||||
<img src="./images/cat1.JPG" alt="">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<h2>The hungry cat!</h2>
|
||||
</td>
|
||||
<td>
|
||||
<p>
|
||||
The hungry cat sat by the window, its wide eyes fixed on the kitchen, where the faint aroma of food teased its senses. Every rustle of a bag or clink of a spoon made its ears perk up, hoping it meant feeding time was near. The soft rumble in its belly grew louder, and a small, impatient meow escaped its mouth. With a flick of its tail and a hopeful glance, the cat padded over to its human, rubbing against their legs in the universal feline language: "Feed me, please."
|
||||
</p>
|
||||
</td>
|
||||
<td>
|
||||
<img src="./images/cat4.JPG" alt="">
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div id="catreasons">
|
||||
<div>
|
||||
<h1>Reasons why you should have a cat!</h1>
|
||||
</div>
|
||||
<div>
|
||||
<ul>
|
||||
<li> <mainli>Low Maintenance</mainli>
|
||||
<ol>
|
||||
<li>Cats are relatively independent creatures.</li>
|
||||
<li>They don't require constant attention and are content to entertain themselves, making them great for people with busy lifestyles.</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li><mainli>Stress Relief</mainli>
|
||||
<ol>
|
||||
<li>Petting a cat can reduce stress and anxiety.</li>
|
||||
<li>The rhythmic purring of a cat has been shown to have calming effects and can even lower blood pressure.</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li><mainli>Clean and Tidy</mainli>
|
||||
<ol>
|
||||
<li>Cats are naturally clean animals.</li>
|
||||
<li>They groom themselves regularly, and most cats are easily litter-trained, making them one of the more hygienic pets.</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li><mainli>Playful and Entertaining</mainli>
|
||||
<ol>
|
||||
<li>Despite their independent nature, cats are playful and full of personality.</li>
|
||||
<li>Watching them chase a toy or pounce on a string can be both hilarious and heartwarming.</li>
|
||||
</ol>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="catcharacter">
|
||||
<div>
|
||||
<h1>Characteristics of a cat</h1>
|
||||
</div>
|
||||
<div>
|
||||
<dl>
|
||||
<dt>Size</dt>
|
||||
<dd>
|
||||
<p>
|
||||
The domestic cat has a smaller skull and shorter bones than the European wildcat.[49] It averages about 46 cm (18 in) in head-to-body length and 23–25 cm (9.1–9.8 in) in height, with about 30 cm (12 in) long tails. Males are larger than females.[50] Adult domestic cats typically weigh 4–5 kg (8.8–11.0 lb).[29]
|
||||
</p>
|
||||
</dd>
|
||||
<dt>Skeleton</dt>
|
||||
<dd>
|
||||
<p>
|
||||
Cats have seven cervical vertebrae (as do most mammals); 13 thoracic vertebrae (humans have 12); seven lumbar vertebrae (humans have five); three sacral vertebrae (as do most mammals, but humans have five); and a variable number of caudal vertebrae in the tail (humans have only three to five vestigial caudal vertebrae, fused into an internal coccyx).[51]: 11 The extra lumbar and thoracic vertebrae account for the cat's spinal mobility and flexibility. Attached to the spine are 13 ribs, the shoulder, and the pelvis.[51]: 16 Unlike human arms, cat forelimbs are attached to the shoulder by free-floating clavicle bones which allow them to pass their body through any space into which they can fit their head.[52]
|
||||
</p>
|
||||
</dd>
|
||||
<dt>Claws</dt>
|
||||
<dd>
|
||||
<p>
|
||||
Cats have protractible and retractable claws.[56] In their normal, relaxed position, the claws are sheathed with the skin and fur around the paw's toe pads. This keeps the claws sharp by preventing wear from contact with the ground and allows for the silent stalking of prey. The claws on the forefeet are typically sharper than those on the hindfeet.[57] Cats can voluntarily extend their claws on one or more paws. They may extend their claws in hunting or self-defense, climbing, kneading, or for extra traction on soft surfaces. Cats shed the outside layer of their claw sheaths when scratching rough surfaces.[58]
|
||||
</p>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<iframe src="https://cat-bounce.com/"></iframe>
|
||||
</div>
|
||||
<div>
|
||||
<div>
|
||||
<h1>Register your cat and become a LEGEND!</h1>
|
||||
</div>
|
||||
<div>
|
||||
<div>
|
||||
<h2>Your informations</h2>
|
||||
</div>
|
||||
<div>
|
||||
<form action="">
|
||||
<label for="ownername">Name</label>
|
||||
<input type="text" name="ownername" id="ownername">
|
||||
|
||||
<label for="ownerage">Age</label>
|
||||
<input type="number" name="ownerage" id="ownerage">
|
||||
<br>
|
||||
<label for="lovecat">Do you love your cat?</label>
|
||||
<input type="checkbox" name="lovecat" id="lovecat">
|
||||
<br>
|
||||
<label for="rustupid">I am stupid</label>
|
||||
<input type="radio" name="rustupid" id="rustupid">
|
||||
<label for="rustupid">I am not</label>
|
||||
<input type="radio" name="rustupid" id="rustupid">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div>
|
||||
<h2>Your cat's informations</h2>
|
||||
</div>
|
||||
<div>
|
||||
<form action="">
|
||||
<label for="catname">Name</label>
|
||||
<input type="text" name="catname" id="catname">
|
||||
|
||||
<label for="catage">Age</label>
|
||||
<input type="number" name="catage" id="catage">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<input type="button" value="Save your and your beloved cats data!" >
|
||||
</div>
|
||||
</div>
|
||||
<p><mark><strong>For</strong> <i>mor</i> <b>information</b> <u>wisit</u> <a href="https://en.wikipedia.org/wiki/Cat" target="_blank">Wikipedia</a>. <sub>But</sub> <sup>never</sup> <em>forget</em> <ins>who</ins> <small>led</small> <big>you</big> there!</mark>😢</p>
|
||||
<p style="text-align: center;"><del>CU SOON!</del>˚ʚ♡ɞ˚</p>
|
||||
<!--
|
||||
This is just an useless comment!
|
||||
-->
|
||||
<a href="#top" style="text-decoration: none; text-align: right;">
|
||||
<pre style="float: right;">
|
||||
⬜⬜⬜⬜⬛⬛⬜⬜⬜⬜
|
||||
⬜⬜⬜⬛⬛⬛⬛⬜⬜⬜
|
||||
⬜⬜⬛⬛⬛⬛⬛⬛⬜⬜
|
||||
⬜⬛⬛⬛⬛⬛⬛⬛⬛⬜
|
||||
⬛⬛⬛⬜⬛⬛⬜⬛⬛⬛
|
||||
⬛⬛⬜⬜⬛⬛⬜⬜⬛⬛
|
||||
⬜⬜⬜⬜⬛⬛⬜⬜⬜⬜
|
||||
⬜⬜⬜⬜⬛⬛⬜⬜⬜⬜
|
||||
⬜⬜⬜⬜⬛⬛⬜⬜⬜⬜
|
||||
⬜⬜⬜⬜⬛⬛⬜⬜⬜⬜
|
||||
⬜⬜⬜⬜⬛⬛⬜⬜⬜⬜
|
||||
⬜⬜⬜⬜⬛⬛⬜⬜⬜⬜
|
||||
</pre>
|
||||
</a>
|
||||
<div>
|
||||
<p>©This site is copyright protected by Kilokem.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
BIN
images/cat.jpg
Normal file
BIN
images/cat.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 74 KiB |
BIN
images/cat1.jpg
Normal file
BIN
images/cat1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 216 KiB |
BIN
images/cat2.JPG
Normal file
BIN
images/cat2.JPG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 294 KiB |
BIN
images/cat3.jpg
Normal file
BIN
images/cat3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 189 KiB |
BIN
images/cat4.jpg
Normal file
BIN
images/cat4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 259 KiB |
BIN
images/cover.png
Normal file
BIN
images/cover.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
images/jdk-22_windows-x64_bin.exe
Normal file
BIN
images/jdk-22_windows-x64_bin.exe
Normal file
Binary file not shown.
BIN
images/nancat.gif
Normal file
BIN
images/nancat.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 438 KiB |
BIN
images/reproduction.jpg
Normal file
BIN
images/reproduction.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 373 KiB |
142
style.css
Normal file
142
style.css
Normal file
@ -0,0 +1,142 @@
|
||||
/*
|
||||
html, body{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
*/
|
||||
html, body{
|
||||
font-size: large;
|
||||
border: 0px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
p{
|
||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||
}
|
||||
|
||||
#pagetitle{
|
||||
text-align: center;
|
||||
text-decoration: solid;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
font-size: 15ch;
|
||||
padding: 1ch;
|
||||
background-image: url("./images/nancat.gif");
|
||||
text-shadow: /*to make a border for each letter*/
|
||||
2px 2px 0 black, /* Right-down shadow */
|
||||
-2px 2px 0 black, /* Left-down shadow */
|
||||
2px -2px 0 black, /* Right-up shadow */
|
||||
-2px -2px 0 black; /* Left-up shadow */
|
||||
}
|
||||
h2{
|
||||
text-shadow: 1px 1px 0 yellow;
|
||||
color:red;
|
||||
letter-spacing: 1ch;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#maincat{
|
||||
border-radius: 50% 50% 0% 0%;
|
||||
margin: 80px 0px 0px 0px;
|
||||
width: 100%;
|
||||
padding: 0px;
|
||||
border: 0px;
|
||||
}
|
||||
#maincats{
|
||||
float: left;
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
#firstpar, #secondpar{
|
||||
text-align: justify;
|
||||
line-height: 3ch;
|
||||
width: 35%;
|
||||
padding: 2.5%;
|
||||
}
|
||||
|
||||
#firstpar{
|
||||
float:left;
|
||||
}
|
||||
|
||||
#secondpar{
|
||||
float: right;
|
||||
}
|
||||
|
||||
hr{
|
||||
margin: 0% 10%;
|
||||
width: 80%;
|
||||
color: aqua;
|
||||
border-style: dotted none none none;
|
||||
border-width: 5ch;
|
||||
height: 1ch;
|
||||
}
|
||||
|
||||
#thirdpar{
|
||||
margin: 20px 30%;
|
||||
width: 40%;
|
||||
text-align: center;
|
||||
border-style: solid;
|
||||
border-radius: 5%;
|
||||
border-width: 2px;
|
||||
text-align: justify;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
table{
|
||||
margin: 3%;
|
||||
text-align: justify;
|
||||
}
|
||||
table h2{
|
||||
letter-spacing: normal;
|
||||
float: right;
|
||||
}
|
||||
|
||||
table img{
|
||||
border-radius: 0 20% 20% 0;
|
||||
float: left;
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
td{
|
||||
border: 0px;
|
||||
min-width: 25ch;
|
||||
padding: 0px 10px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
th{
|
||||
font-size: 5ch;
|
||||
font-family:cursive;
|
||||
padding: 0 0 20px 0;
|
||||
}
|
||||
|
||||
#catreasons, #catcharacter{
|
||||
width: 47%;
|
||||
border: 0px;
|
||||
margin: 0px;
|
||||
padding: 20px;
|
||||
float: left;
|
||||
text-align: justify;
|
||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||
}
|
||||
#catreasons h1, #catcharacter h1{
|
||||
text-align: center;
|
||||
text-shadow: 2px 2px 0 red;
|
||||
font-family: fantasy;
|
||||
}
|
||||
|
||||
dt, mainli{
|
||||
text-transform:uppercase;
|
||||
font-style: italic;
|
||||
color: blueviolet;
|
||||
text-decoration: wavy underline;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
iframe{
|
||||
margin: 20px 20%;
|
||||
pointer-events: none;
|
||||
width: 60%;
|
||||
aspect-ratio: 19/9;
|
||||
}
|
||||
Reference in New Issue
Block a user