Home Explore
Sign In
dcmods
/
calc
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

Add some example CSS

winniehell 8 years ago
parent
d396283bb2
commit
364530107f
3 changed files with 33 additions and 1 deletions
Unified View Show Diff Stats
  1. 2 1
      README.md
  2. 7 0
      public/index.html
  3. 24 0
      public/style.css

+ 2 - 1
README.md
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

+ 7 - 0
public/index.html
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 - 0
public/style.css
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;
 
+}
 
+