Update the structure of the pages

78d69e24 · Chris Coley · d00a340f · 78d69e24 · 78d69e24 · 78d69e24
Verified Commit 78d69e24 authored May 4, 2024 by Chris Coley
--- a/src/cache-test.html
+++ b/src/cache-test.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <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">
@@ -9,13 +10,13 @@
  <link rel="stylesheet" href="style.css">
 </head>
 <body>
-    <div class="navbar">
+  <header>
    <a href="./">Homepage</a>
    <a href="cache-test.html">Cache Test</a>
    <a href="sub/">Subdirectory</a>
    <a href="%%PROJECT_URL%%">Repository</a>
-    </div>
-
+  </header>
+  <main>
    <h1>Cache Test</h1>

    <p>
@@ -31,6 +32,14 @@
    <p>
      It was built in <a href="%%JOB_URL%%">Job %%JOB_ID%%</a> at %%JOB_TIMESTAMP%%.
    </p>
+    <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>



--- a/src/gitlab-logo.png
+++ b/src/gitlab-logo.png
--- a/src/index.html
+++ b/src/index.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <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">
@@ -9,13 +10,13 @@
  <link rel="stylesheet" href="style.css">
 </head>
 <body>
-    <div class="navbar">
+  <header>
    <a href="./">Homepage</a>
    <a href="cache-test.html">Cache Test</a>
    <a href="sub/">Subdirectory</a>
    <a href="%%PROJECT_URL%%">Repository</a>
-    </div>
-
+  </header>
+  <main>
    <h1>Hello World!</h1>

    <p>
@@ -25,6 +26,7 @@
      It was built on the <strong>%%BRANCH%%</strong> branch of the
      <a href="%%PROJECT_URL%%"><strong>%%PROJECT_PATH%%</strong></a> project.
    </p>
+  </main>
 </body>
 </html>



--- a/src/style.css
+++ b/src/style.css
 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:*/
--- a/src/sub/index.html
+++ b/src/sub/index.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <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">
@@ -9,18 +10,19 @@
  <link rel="stylesheet" href="../style.css">
 </head>
 <body>
-    <div class="navbar">
+  <header>
    <a href="../">Homepage</a>
    <a href="../cache-test.html">Cache Test</a>
    <a href="./">Subdirectory</a>
    <a href="%%PROJECT_URL%%">Repository</a>
-    </div>
-
+  </header>
+  <main>
    <h1>Subdirectory Page</h1>

    <p>
      This page is in a subdirectory.
    </p>
+  </main>
 </body>
 </html>