Add some example CSS

36453010 · winniehell · d396283b · 36453010 · 36453010 · 36453010
Commit 36453010 authored Jul 12, 2016 by winniehell
Hide whitespace changes
Inline Side-by-side

Showing with 33 additions and 1 deletions

README.md
+2 -1

public/index.html
+7 -0

public/style.css
+24 -0

No files found.
--- a/README.md
+++ b/README.md
@@ -55,8 +55,9 @@ unless you want to contribute back to the upstream project.
 ## Troubleshooting

 1. CSS is missing! That means that you have wrongly set up the CSS URL in your
-   HTML files.
+   HTML files. Have a look at the [index.html] for an example.

 [ci]: https://about.gitlab.com/gitlab-ci/
+[index.html]: https://gitlab.com/pages/plain-html/blob/master/public/index.html
 [userpages]: http://doc.gitlab.com/ee/pages/README.html#user-or-group-pages
 [projpages]: http://doc.gitlab.com/ee/pages/README.html#project-pages
--- a/public/index.html
+++ b/public/index.html
@@ -4,8 +4,15 @@
    <meta charset="utf-8">
    <meta name="generator" content="GitLab Pages">
    <title>Plain HTML site using GitLab Pages</title>
+    <link rel="stylesheet" href="style.css">
  </head>
  <body>
+    <div class="navbar">
+      <a href="https://pages.gitlab.io/plain-html/">Plain HTML Example</a>
+      <a href="https://gitlab.com/pages/plain-html/">Repository</a>
+      <a href="https://gitlab.com/pages/">Other Examples</a>
+    </div>
+
    <h1>Hello World!</h1>

    <p>

--- a/public/style.css
+++ b/public/style.css
+body {
+  font-family: sans-serif;
+  margin: auto;
+  max-width: 1280px;
+}
+
+.navbar {
+  background-color: #313236;
+  border-radius: 2px;
+  max-width: 800px;
+}
+
+.navbar a {
+  color: #aaa;
+  display: inline-block;
+  font-size: 15px;
+  padding: 10px;
+  text-decoration: none;
+}
+
+.navbar a:hover {
+  color: #ffffff;
+}
+