diff options
| author | Blaise Thompson <blaise@untzag.com> | 2018-06-11 17:48:47 -0500 |
|---|---|---|
| committer | Blaise Thompson <blaise@untzag.com> | 2018-06-11 17:48:47 -0500 |
| commit | e69fe3ba9931eb3d6838b1341b31599ede5fec96 (patch) | |
| tree | 27d62ec7332c222942069addbb5bfa14c798d0ad | |
initial commit
| -rw-r--r-- | .gitlab-ci.yml | 11 | ||||
| -rw-r--r-- | README.md | 67 | ||||
| -rw-r--r-- | public/index.html | 23 | ||||
| -rw-r--r-- | public/style.css | 24 |
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 @@ + + +--- + +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; +} + |