quick-fix/index.html at main · Goosterhof/quick-fix · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>CATS RULE - Home</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <nav>
    <span class="logo">CATS RULE</span>
    <a href="index.html">Home</a>
    <a href="about.html">About</a>
    <a href="species/persian.html">Persian</a>
    <a href="species/siamese.html">Siamese</a>
    <a href="species/maine-coon.html">Maine Coon</a>
  </nav>

  <div class="hero">
    <h1>Cats Are Everything</h1>
    <p>A brutally honest celebration of the most magnificent creatures on planet Earth.</p>
    <a href="about.html" class="btn">Learn More</a>
  </div>

  <h2 class="section-title">Cat Species</h2>
  <div class="grid">
    <a href="species/persian.html" class="card bg-pink">
      <span class="icon">🐱</span>
      <h2>Persian</h2>
      <p>The fluffy royalty of the cat world. Flat faces, round eyes, and an attitude that says "I own this place."</p>
      <span class="tag">Species</span>
    </a>
    <a href="species/siamese.html" class="card bg-blue">
      <span class="icon">🐈</span>
      <h2>Siamese</h2>
      <p>Vocal, dramatic, and impossibly elegant. They will tell you exactly what they think, loudly.</p>
      <span class="tag">Species</span>
    </a>
    <a href="species/maine-coon.html" class="card bg-green">
      <span class="icon">🦁</span>
      <h2>Maine Coon</h2>
      <p>Gentle giants with magnificent manes. Basically a dog-sized cat with the heart of a lion.</p>
      <span class="tag">Species</span>
    </a>
  </div>

  <h2 class="section-title">Blog Posts</h2>
  <div class="grid">
    <a href="blog/post-01.html" class="card bg-yellow">
      <h2>Why Cats Are Superior</h2>
      <p>A totally unbiased look at why cats are objectively the best animals to ever exist.</p>
      <span class="tag">Blog</span>
    </a>
    <a href="blog/post-02.html" class="card bg-orange">
      <h2>The Art of the Purr</h2>
      <p>How a tiny vibrating furball can heal your soul in under 30 seconds flat.</p>
      <span class="tag">Blog</span>
    </a>
    <a href="blog/post-03.html" class="card bg-purple">
      <h2>Cats vs. Dogs: No Contest</h2>
      <p>We settle the age-old debate once and for all. Spoiler: cats win by a landslide.</p>
      <span class="tag">Blog</span>
    </a>
    <a href="blog/post-04.html" class="card bg-teal">
      <h2>The Midnight Zoomies</h2>
      <p>Why 3 AM is peak performance time and your cat is actually training for the Olympics.</p>
      <span class="tag">Blog</span>
    </a>
    <a href="blog/post-05.html" class="card bg-red">
      <h2>If Cats Ran the World</h2>
      <p>A utopian vision of society governed by feline wisdom and mandatory nap schedules.</p>
      <span class="tag">Blog</span>
    </a>
    <a href="blog/post-06.html" class="card bg-lime">
      <h2>The Magic of Kneading</h2>
      <p>Those little biscuit-making paws are scientifically proven to be the cutest thing ever.</p>
      <span class="tag">Blog</span>
    </a>
    <a href="blog/post-07.html" class="card bg-rose">
      <h2>Box Physics</h2>
      <p>If it fits, they sits. The groundbreaking science of cats and cardboard boxes.</p>
      <span class="tag">Blog</span>
    </a>
    <a href="blog/post-08.html" class="card bg-cyan">
      <h2>Cats as Coworkers</h2>
      <p>They sit on your keyboard, block your screen, and somehow make you more productive.</p>
      <span class="tag">Blog</span>
    </a>
    <a href="blog/post-09.html" class="card bg-amber">
      <h2>The Slow Blink</h2>
      <p>When your cat slow-blinks at you, it is literally saying "I love you" in cat language.</p>
      <span class="tag">Blog</span>
    </a>
    <a href="blog/post-10.html" class="card bg-pink">
      <h2>Whisker Wisdom</h2>
      <p>Those magnificent face antennae are navigation tools, mood indicators, and style accessories.</p>
      <span class="tag">Blog</span>
    </a>
    <a href="blog/post-11.html" class="card bg-blue">
      <h2>Nap Champions</h2>
      <p>Sleeping 16 hours a day is not lazy, it is an advanced lifestyle optimization strategy.</p>
      <span class="tag">Blog</span>
    </a>
    <a href="blog/post-12.html" class="card bg-green">
      <h2>Why Your Cat Ignores You</h2>
      <p>It is not that they cannot hear you. They are choosing to prioritize their own agenda.</p>
      <span class="tag">Blog</span>
    </a>
  </div>

  <footer>CATS RULE &copy; 2026 &mdash; Made with love and cat hair</footer>
</body>
</html>