diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml index cfde60d46b306584c3aa21155fb5754c7f1c1ae6..ccab36a55ae449b7654def569e128f1c27aeecc5 100644 --- a/.gitlab-ci.yml +++ b/.gitlab-ci.yml @@ -1,51 +1,24 @@ stages: - test +- build-review +- review - release -tidy: - image: dbogatov/docker-images:tidy-latest - stage: test - before_script: - - http-server ./website -p 8080 > /dev/null & - - sleep 5 - script: - - curl -Ls http://localhost:8080/index.html | tidy -e - tags: - - docker - -blc: - image: dbogatov/docker-images:blc-latest - stage: test - before_script: - - http-server ./website -p 8080 > /dev/null & - - sleep 5 - script: - - blc --filter-level 3 --input http://localhost:8080/index.html -rog --exclude "*linkedin.*" --exclude *facebook.* | tee blc.out - - "cat blc.out | grep '0 broken.'" - tags: - - docker +variables: + INDEX: "index.html" + REPO: "templates/simple-webpage" + AUTHPASSWORD: "example" # change to "" (empty string) to disable authentication + # username is always "review" (without quotes) -# SETUP YOURSELF -dockerify: - stage: release - script: - - docker build -t registry.dbogatov.org/templates/simple-webpage . - - docker login -u gitlab-ci-token -p $CI_BUILD_TOKEN registry.dbogatov.org - - docker push registry.dbogatov.org/templates/simple-webpage - tags: - - shell +include: +- 'https://git.dbogatov.org/templates/ci-snippets/raw/master/simple-website/before-script.yml' -pages: - image: dbogatov/docker-images:alpine-extras-latest - stage: release - script: - - mv website public - - echo "Uploading files to pages" - artifacts: - expire_in: 30 min - paths: - - public - tags: - - docker - only: - - master +- 'https://git.dbogatov.org/templates/ci-snippets/raw/master/simple-website/tidy.yml' +- 'https://git.dbogatov.org/templates/ci-snippets/raw/master/simple-website/blc.yml' + +- 'https://git.dbogatov.org/templates/ci-snippets/raw/master/simple-website/review/build-review.yml' +- 'https://git.dbogatov.org/templates/ci-snippets/raw/master/simple-website/review/review.yml' +- 'https://git.dbogatov.org/templates/ci-snippets/raw/master/simple-website/review/stop-review.yml' + +- 'https://git.dbogatov.org/templates/ci-snippets/raw/master/simple-website/dockerify.yml' +- 'https://git.dbogatov.org/templates/ci-snippets/raw/master/simple-website/pages.yml' diff --git a/website/favicon.ico b/website/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..b48b3442ad90fd9b5bcbef8a9f703c1852de1561 Binary files /dev/null and b/website/favicon.ico differ diff --git a/website/index.html b/website/index.html index ff48ebd284c348699067ae1a71635d71728d2f43..6b3e5105f5b7e3020f2dffc187a2733885cf4c18 100644 --- a/website/index.html +++ b/website/index.html @@ -1,17 +1,104 @@ -<!DOCTYPE html> -<html lang="ru"> +<!doctype html> +<html lang="en"> <head> - <title>You title</title> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> + <meta name="description" content=""> + <meta name="author" content=""> + <link rel="icon" href="favicon.ico"> + + <title>Jumbotron Template for Bootstrap</title> + + <!-- Bootstrap core CSS --> + <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"> + + <style> + body { + padding-top: 3.5rem; + } + </style> </head> <body> - <h1> - Your content - </h1> - <p> - <a href="https://google.com">Google</a> - </p> + + <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark"> + <a class="navbar-brand" href="#">Navbar</a> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"><!-- --></span> + </button> + + <div class="collapse navbar-collapse" id="navbarsExampleDefault"> + <ul class="navbar-nav mr-auto"> + <li class="nav-item active"> + <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#">Link</a> + </li> + <li class="nav-item"> + <a class="nav-link disabled" href="#">Disabled</a> + </li> + <li class="nav-item dropdown"> + <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a> + <div class="dropdown-menu" aria-labelledby="dropdown01"> + <a class="dropdown-item" href="#">Action</a> + <a class="dropdown-item" href="#">Another action</a> + <a class="dropdown-item" href="#">Something else here</a> + </div> + </li> + </ul> + <form class="form-inline my-2 my-lg-0"> + <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search"> + <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button> + </form> + </div> + </nav> + + <main role="main"> + + <!-- Main jumbotron for a primary marketing message or call to action --> + <div class="jumbotron"> + <div class="container"> + <h1 class="display-3">Hello, world!</h1> + <p>This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.</p> + <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more »</a></p> + </div> + </div> + + <div class="container"> + <!-- Example row of columns --> + <div class="row"> + <div class="col-md-4"> + <h2>Heading</h2> + <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p> + <p><a class="btn btn-secondary" href="#" role="button">View details »</a></p> + </div> + <div class="col-md-4"> + <h2>Heading</h2> + <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p> + <p><a class="btn btn-secondary" href="#" role="button">View details »</a></p> + </div> + <div class="col-md-4"> + <h2>Heading</h2> + <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p> + <p><a class="btn btn-secondary" href="#" role="button">View details »</a></p> + </div> + </div> + + <hr> + + </div> <!-- /container --> + + </main> + + <footer class="container"> + <p>© Company 2017-2018</p> + </footer> + + <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> + <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> + <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> </body> </html>