From 78d69e24b3c7b2d65c408b8ebb6f5535c0b0ac76 Mon Sep 17 00:00:00 2001
From: Chris Coley <chris@codingallnight.com>
Date: Sat, 4 May 2024 05:45:36 -0700
Subject: [PATCH] Update the structure of the pages

---
 src/cache-test.html |  43 ++++++++++++++++++++++++++-----------------
 src/gitlab-logo.png | Bin 0 -> 10222 bytes
 src/index.html      |  36 +++++++++++++++++++-----------------
 src/style.css       |  26 ++++++++++++++++----------
 src/sub/index.html  |  36 +++++++++++++++++++-----------------
 5 files changed, 80 insertions(+), 61 deletions(-)
 create mode 100644 src/gitlab-logo.png

diff --git a/src/cache-test.html b/src/cache-test.html
index 62541d5..3b0a8d8 100644
--- a/src/cache-test.html
+++ b/src/cache-test.html
@@ -1,21 +1,22 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta name="generator" content="GitLab Pages">
-    <title>Cache Test | %%PROJECT_TITLE%%</title>
-    <link rel="shortcut icon" href="gitlab-favicon.png">
-    <link rel="preload" href="style.css" as="style">
-    <link rel="stylesheet" href="style.css">
-  </head>
-  <body>
-    <div class="navbar">
-      <a href="./">Homepage</a>
-      <a href="cache-test.html">Cache Test</a>
-      <a href="sub/">Subdirectory</a>
-      <a href="%%PROJECT_URL%%">Repository</a>
-    </div>
-
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="generator" content="GitLab Pages">
+  <title>Cache Test | %%PROJECT_TITLE%%</title>
+  <link rel="shortcut icon" href="gitlab-favicon.png">
+  <link rel="preload" href="style.css" as="style">
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <header>
+    <a href="./">Homepage</a>
+    <a href="cache-test.html">Cache Test</a>
+    <a href="sub/">Subdirectory</a>
+    <a href="%%PROJECT_URL%%">Repository</a>
+  </header>
+  <main>
     <h1>Cache Test</h1>
 
     <p>
@@ -31,7 +32,15 @@
     <p>
       It was built in <a href="%%JOB_URL%%">Job %%JOB_ID%%</a> at %%JOB_TIMESTAMP%%.
     </p>
-  </body>
+    <p>
+      Here's a CSS file: <a href="style.css">style.css</a>
+    </p>
+    <p>
+      Here's an image:
+    </p>
+    <img src="gitlab-logo.png" alt="GitLab logo" width=200>
+  </main>
+</body>
 </html>
 
 <!-- vi: set ts=2 sw=2 et ft=html: -->
diff --git a/src/gitlab-logo.png b/src/gitlab-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..d01c3061b14e34496a6edb5c033de71a1c7f558d
GIT binary patch
literal 10222
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
UIcNi^#rhbHGSMs7xe@h$0J$8Op8x;=

literal 0
HcmV?d00001

diff --git a/src/index.html b/src/index.html
index 6f7690d..118ee3b 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,21 +1,22 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta name="generator" content="GitLab Pages">
-    <title>%%PROJECT_TITLE%%</title>
-    <link rel="shortcut icon" href="gitlab-favicon.png">
-    <link rel="preload" href="style.css" as="style">
-    <link rel="stylesheet" href="style.css">
-  </head>
-  <body>
-    <div class="navbar">
-      <a href="./">Homepage</a>
-      <a href="cache-test.html">Cache Test</a>
-      <a href="sub/">Subdirectory</a>
-      <a href="%%PROJECT_URL%%">Repository</a>
-    </div>
-
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="generator" content="GitLab Pages">
+  <title>%%PROJECT_TITLE%%</title>
+  <link rel="shortcut icon" href="gitlab-favicon.png">
+  <link rel="preload" href="style.css" as="style">
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <header>
+    <a href="./">Homepage</a>
+    <a href="cache-test.html">Cache Test</a>
+    <a href="sub/">Subdirectory</a>
+    <a href="%%PROJECT_URL%%">Repository</a>
+  </header>
+  <main>
     <h1>Hello World!</h1>
 
     <p>
@@ -25,7 +26,8 @@
       It was built on the <strong>%%BRANCH%%</strong> branch of the
       <a href="%%PROJECT_URL%%"><strong>%%PROJECT_PATH%%</strong></a> project.
     </p>
-  </body>
+  </main>
+</body>
 </html>
 
 <!-- vi: set ts=2 sw=2 et ft=html: -->
diff --git a/src/style.css b/src/style.css
index 3eae408..a28c7b9 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1,24 +1,30 @@
 body {
-  font-family: sans-serif;
-  margin: auto;
-  max-width: 1280px;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  font-family: monospace;
+  font-size: 14px;
 }
 
-.navbar {
+header {
   background-color: #313236;
-  border-radius: 2px;
-  max-width: 800px;
+  width: 100%;
 }
 
-.navbar a {
+header a {
   color: #aaa;
   display: inline-block;
-  font-size: 15px;
-  padding: 10px;
+  padding: 0.5em;
   text-decoration: none;
 }
 
-.navbar a:hover {
+header a:hover {
   color: #ffffff;
 }
 
+
+main {
+  padding: 0 1em;
+}
+
+/*vi: set ts=2 sw=2 et ft=css:*/
diff --git a/src/sub/index.html b/src/sub/index.html
index a27058a..6350dbd 100644
--- a/src/sub/index.html
+++ b/src/sub/index.html
@@ -1,27 +1,29 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta name="generator" content="GitLab Pages">
-    <title>Subdirectory | %%PROJECT_TITLE%%</title>
-    <link rel="shortcut icon" href="../gitlab-favicon.png">
-    <link rel="preload" href="../style.css" as="style">
-    <link rel="stylesheet" href="../style.css">
-  </head>
-  <body>
-    <div class="navbar">
-      <a href="../">Homepage</a>
-      <a href="../cache-test.html">Cache Test</a>
-      <a href="./">Subdirectory</a>
-      <a href="%%PROJECT_URL%%">Repository</a>
-    </div>
-
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="generator" content="GitLab Pages">
+  <title>Subdirectory | %%PROJECT_TITLE%%</title>
+  <link rel="shortcut icon" href="../gitlab-favicon.png">
+  <link rel="preload" href="../style.css" as="style">
+  <link rel="stylesheet" href="../style.css">
+</head>
+<body>
+  <header>
+    <a href="../">Homepage</a>
+    <a href="../cache-test.html">Cache Test</a>
+    <a href="./">Subdirectory</a>
+    <a href="%%PROJECT_URL%%">Repository</a>
+  </header>
+  <main>
     <h1>Subdirectory Page</h1>
 
     <p>
       This page is in a subdirectory.
     </p>
-  </body>
+  </main>
+</body>
 </html>
 
 <!-- vi: set ts=2 sw=2 et ft=html: -->
-- 
GitLab