Add some example CSS

This commit is contained in:
winniehell 2016-07-12 22:46:08 +02:00
parent d396283bb2
commit 364530107f
3 changed files with 33 additions and 1 deletions

View File

@ -55,8 +55,9 @@ unless you want to contribute back to the upstream project.
## Troubleshooting ## Troubleshooting
1. CSS is missing! That means that you have wrongly set up the CSS URL in your 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/ [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 [userpages]: http://doc.gitlab.com/ee/pages/README.html#user-or-group-pages
[projpages]: http://doc.gitlab.com/ee/pages/README.html#project-pages [projpages]: http://doc.gitlab.com/ee/pages/README.html#project-pages

View File

@ -4,8 +4,15 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="generator" content="GitLab Pages"> <meta name="generator" content="GitLab Pages">
<title>Plain HTML site using GitLab Pages</title> <title>Plain HTML site using GitLab Pages</title>
<link rel="stylesheet" href="style.css">
</head> </head>
<body> <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> <h1>Hello World!</h1>
<p> <p>

24
public/style.css Normal file
View File

@ -0,0 +1,24 @@
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;
}