diff --git a/src/cache-test.html b/src/cache-test.html
index 62541d5e10527a621dc9604b9a94a8b42c67c632..3b0a8d8d3a25baf719a2e18acfe7886f38a7bcc6 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
Binary files /dev/null and b/src/gitlab-logo.png differ
diff --git a/src/index.html b/src/index.html
index 6f7690dd922d07a3144e63f4471fa0f8ac84e328..118ee3b24639243a7b9bee32dcae20c3f8b05bd2 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 3eae4084bda0c2270306b14ac8c1ca732415edc3..a28c7b9529cb349a4f48db3b02c36a478411c3f1 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 a27058a3df3a70f34ddd6186c9787f97a6af6466..6350dbdd7990bf484fe40a96040d1ca5190afaf4 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: -->