Renamed title and added better navbar. Added free cookie distribution.

2025-07-29 11:18:11 +02:00
parent 83a6e0e0de
commit a717c487dd
4 changed files with 39 additions and 11 deletions
--- a/free_cookies.php
+++ b/free_cookies.php
@@ -0,0 +1,4 @@
+<?php
+header("Location: https://youtu.be/dQw4w9WgXcQ");
+exit;
+?>
--- a/includes/header.php
+++ b/includes/header.php
@@ -2,9 +2,15 @@
 <html lang="de">
 <head>
    <meta charset="UTF-8">
-    <title>Mein Blog</title>
+    <title>Jacks Blog</title>
    <link rel="stylesheet" href="/style.css">
 </head>
 <body>
-    <nav><a href="index.php">🏠 Home</a></nav>
+    <nav>
+        <ul class="navbar">
+            <li><a href="/">🏠 Home</a></li>
+            <li><a href="free_cookies.php" target="_blank" rel="noopener noreferrer"
+     title="YouTube will see your IP if you open 👀">🍪 Free cookies!</a></li>
+        </ul>
+    </nav>
    <main>
--- a/index.php
+++ b/index.php
@@ -4,7 +4,7 @@ $posts = glob('posts/*.md');
 rsort($posts);
 ?>

-<h1>Blog</h1>
+<h1>Jacks Blog</h1>
 <ul>
 <?php foreach ($posts as $post): 
    $slug = basename($post, '.md');
--- a/style.css
+++ b/style.css
@@ -18,14 +18,6 @@ a:hover {
    text-decoration: underline;
 }

-nav {
-    margin: 1rem auto;
-    padding: 0 1rem;
-    max-width: 800px;
-    width: 100%;
-}
-
-
 main {
    flex: 1;
    max-width: 800px;
@@ -45,3 +37,29 @@ footer {
    text-align: center;
    padding: 1rem 0;
 }
+
+nav {
+    background-color: #222; /* dunkler Hintergrund */
+    padding: 1rem 0;
+}
+
+.navbar {
+    display: flex;               /* macht die <li> nebeneinander */
+    list-style: none;            /* entfernt die Punkte */
+    padding: 0;
+    margin: 0;
+    gap: 2rem;                   /* Abstand zwischen Links */
+}
+
+.navbar li a {
+    text-decoration: none;
+    color: white;
+    padding: 0.5rem 1rem;        /* größerer Klickbereich */
+    transition: 0.2s;
+}
+
+.navbar li a:hover {
+    background-color: rgba(255, 255, 255, 0.1);
+    border-radius: 8px;
+}
+