Browse Source

Initial template creation

GitLab 5 years ago
commit
b81ceb3fdb
3 changed files with 79 additions and 0 deletions
  1. 32 0
      README.md
  2. 23 0
      public/index.html
  3. 24 0
      public/style.css

+ 32 - 0
README.md

@@ -0,0 +1,32 @@
+---
+
+Example plain HTML website using GitLab with [Netlify](https://www.netlify.com/).
+
+---
+
+## Netlify Configuration
+
+In order to build this site with Netlify, simply log in or register at 
+https://app.netlify.com/, then select "New site from Git" from the top
+right. Select GitLab, authenticate if needed, and then select this
+project from the list. 
+
+You will need to set the publish directory to `/public`. Netlify will handle the 
+rest.
+
+In the meantime, you can take advantage of all the great GitLab features
+like merge requests, issue tracking, epics, and everything else GitLab has
+to offer.
+
+## Did you fork this project?
+
+If you forked this project for your own use, please go to your project's
+**Settings** and remove the forking relationship, which won't be necessary
+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. Have a look at the [index.html] for an example.
+
+[index.html]: https://gitlab.com/pages/plain-html/blob/master/public/index.html

+ 23 - 0
public/index.html

@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <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>
+      This is a simple plain-HTML website on GitLab Pages, without any fancy static site generator.
+    </p>
+  </body>
+</html>
+

+ 24 - 0
public/style.css

@@ -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;
+}
+