index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>FortyTwoTestInstructions</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
  </head>
  <body>
  <div class="container">
  <br>
  <br>
  <br>
  <br>
  <img src="images/logo.png">
  <br>
    <h4><b>Thursday, May 19, 2016</b></h4>
    <h1>How to deploy a public github project on getBarista</h1>
    <h4>It's dead simple: </h4>
    <div class="col-xs-12"><b>1. Make a fork of a repository on the GitHub </b></div>
    <div class="col-xs-12">You should get something like this: </div>
    <div class="col-xs-12">
    <img src="images/1.png" class="img-responsive">
    <br></div>
    <div class="col-xs-12"><b>
      2. Open Settings -> Webhooks & services -> Add webhook and enter <i>http://getbarista.com:4000</i>> as Payload URL and <i>application/x-www-form-urlencoded</i>> as content type. Enter Update webhook</b>
    </div>
    <div class="col-xs-12">
    <br>
    <img src="images/2.png" class="img-responsive">
    <br>
    </div>
    <div class="col-xs-12"><b>
      3. Now you get go to <a href="http://getbarista.com/project">http://getbarista.com/project</a> and add your project using Add public project from github link. Just like this:
    </b></div>
     <div class="col-xs-12">
     <br>
    <img src="images/3.png" class="img-responsive">
    <br>
    </div>
    <div class="col-xs-12"><b>
      4. Enter your github project url and project name to be used in getBarista:
    </b></div>
    <div class="col-xs-12">
    <br>
    <img src="images/4.png" class="img-responsive">
    <br>
    </div>
    <div class="col-xs-12"><b>
      5. On project dashboard, set Django settings module to <i>fortytwo_test_task.settings</i>, python version (3), migrations mode (1.7+) and save the changes:
    </b></div>
    <div class="col-xs-12">
    <br>
    <img src="images/5.png" class="img-responsive">
    <br>
    </div>
    <div class="col-xs-12"><b>
      Add <i>https://kavahq.com/api/barista/post_deploy/</i> to Post-deployment URLs on the getbarista project dashboard
    </b></div>
    <div class="col-xs-12">
    <br>
    <img src="images/6.png" class="img-responsive">
    <br>
    </div>
    <div class="col-xs-12"><b>
      7. Clone your project locally.
    </b></div>
    <div class="col-xs-12"><i>
      $ git clone github:yourproject.git <br>
$ cd yourproject <br>
$ virtualenv --no-site-packages .env <br>
$ source .env/bin/activate <br>
$ .env/bin/pip install -r requirements.txt <br>
$ python manage.py migrate --no-input
    </i></div>
    <div class="col-xs-12"><b><br>
      8. Change db with random name in settings and make initial commit. Push changes, they will be deployed automatically.
    </b></div>
     <div class="col-xs-12"><br>
    <img src="images/7.png" class="img-responsive">
    <br>
    </div>
    <div class="col-xs-12"><b>
    9. Press <i>refresh</i>. This character means some problems in code.</b>
    </div>
    <div class="col-xs-12"><br>
    <img src="images/8.png" class="img-responsive">
    <br>
    </div>
    <div class="col-xs-12">
      Go link with commit comment
    </div><br>
    <div class="col-xs-12">
      <b>10. There is info about deploy. Go FAILED</b>
    </div>
    <div class="col-xs-12"><br>
    <img src="images/9.png" class="img-responsive">
    <br>
    </div>
    <div class="col-xs-12">
      and open logs (stdio)
    </div>
    <div class="col-xs-12"><br>
    <img src="images/10.png" class="img-responsive">
    <br>
    </div>
    <div class="col-xs-12"><br>
    <img src="images/11.png" class="img-responsive">
    <br>
    <div class="col-xs-12">
      Return to your project, fix math test 2+2 == 4, commit and push changes
    </div>
    <div class="col-xs-12"><br>
    <img src="images/12.png" class="img-responsive">
    <br>
    <div class="col-xs-12">
      All tests ok but your code must be structure follow flake8 and pep8. Fixed all according to logs and get working revision
    </div>
    <div class="col-xs-12"><br>
    <img src="images/13.png" class="img-responsive">
    <br>
    <div class="col-xs-12"><b>
      11. Form here you can execute 1 or all migrations.
    </b></div>
    </div>
    <div class="col-xs-12"><br>
    <img src="images/14.png" class="img-responsive">
    <br>
    <div class="col-xs-12">
      <b>Go back:)</b>
    </div>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
  </div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>