aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--.gitlab-ci.yml11
-rw-r--r--README.md67
-rw-r--r--public/index.html23
-rw-r--r--public/style.css24
4 files changed, 125 insertions, 0 deletions
diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
new file mode 100644
index 0000000..ec73d9b
--- /dev/null
+++ b/.gitlab-ci.yml
@@ -0,0 +1,11 @@
+image: alpine:latest
+
+pages:
+ stage: deploy
+ script:
+ - echo 'Nothing to do...'
+ artifacts:
+ paths:
+ - public
+ only:
+ - master
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..0a36586
--- /dev/null
+++ b/README.md
@@ -0,0 +1,67 @@
+![Build Status](https://gitlab.com/pages/plain-html/badges/master/build.svg)
+
+---
+
+Example plain HTML site using GitLab Pages.
+
+Learn more about GitLab Pages at https://pages.gitlab.io and the official
+documentation https://docs.gitlab.com/ce/user/project/pages/.
+
+---
+
+<!-- START doctoc generated TOC please keep comment here to allow auto update -->
+<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
+**Table of Contents** *generated with [DocToc](https://github.com/thlorenz/doctoc)*
+
+- [GitLab CI](#gitlab-ci)
+- [GitLab User or Group Pages](#gitlab-user-or-group-pages)
+- [Did you fork this project?](#did-you-fork-this-project)
+- [Troubleshooting](#troubleshooting)
+
+<!-- END doctoc generated TOC please keep comment here to allow auto update -->
+
+## GitLab CI
+
+This project's static Pages are built by [GitLab CI][ci], following the steps
+defined in [`.gitlab-ci.yml`](.gitlab-ci.yml):
+
+```
+image: alpine:latest
+
+pages:
+ stage: deploy
+ script:
+ - echo 'Nothing to do...'
+ artifacts:
+ paths:
+ - public
+ only:
+ - master
+```
+
+The above example expects to put all your HTML files in the `public/` directory.
+
+## GitLab User or Group Pages
+
+To use this project as your user/group website, you will need one additional
+step: just rename your project to `namespace.gitlab.io`, where `namespace` is
+your `username` or `groupname`. This can be done by navigating to your
+project's **Settings**.
+
+Read more about [user/group Pages][userpages] and [project Pages][projpages].
+
+## 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.
+
+[ci]: https://about.gitlab.com/gitlab-ci/
+[index.html]: https://gitlab.com/pages/plain-html/blob/master/public/index.html
+[userpages]: https://docs.gitlab.com/ce/user/project/pages/introduction.html#user-or-group-pages
+[projpages]: https://docs.gitlab.com/ce/user/project/pages/introduction.html#project-pages
diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000..6652c7d
--- /dev/null
+++ b/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>
+
diff --git a/public/style.css b/public/style.css
new file mode 100644
index 0000000..3eae408
--- /dev/null
+++ b/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;
+}
+