├── .github
    └── workflows
    │   └── linter.yml
├── .gitignore
├── DEMO
    ├── env
    │   └── index.htsh
    ├── guestbook
    │   ├── index.htsh
    │   └── install.txt
    ├── login
    │   ├── index.htsh
    │   ├── login.css
    │   ├── login.htsh
    │   └── login.jpg
    ├── qrcode
    │   ├── index.htsh
    │   └── install.txt
    ├── upload
    │   └── index.htsh
    ├── vote
    │   ├── index.htsh
    │   └── style.css
    ├── wiki
    │   ├── base.css
    │   ├── index.htsh
    │   ├── install.txt
    │   └── suche.htsh
    └── wlan
    │   ├── index.htsh
    │   └── install.txt
├── Dockerfile
├── README.md
├── build.sh
├── docs
    ├── _config.yml
    └── index.md
├── index.htsh
├── install.sh
├── k8s
    ├── base
    │   ├── bos.yaml
    │   ├── kustomization.yaml
    │   ├── services.yaml
    │   └── skaffold.yaml
    └── production
    │   ├── ingress.yaml
    │   ├── kustomization.yaml
    │   ├── pvc.yaml
    │   └── skaffold.yaml
├── static
    ├── BashCheatSheet.md
    ├── css
    │   ├── signup.css
    │   └── style.css
    ├── favicon.ico
    ├── form.png
    ├── like_a_boss.png
    ├── lists.png
    ├── login.png
    ├── logo.png
    ├── running_through_the_rain.gif
    ├── stvssw.jpg
    ├── upload.png
    ├── wiki.png
    └── wlan.png
└── testing.bats


/.github/workflows/linter.yml:
--------------------------------------------------------------------------------
 1 | ---
 2 | #################################
 3 | #################################
 4 | ## Super Linter GitHub Actions ##
 5 | #################################
 6 | #################################
 7 | name: Lint Code Base
 8 | 
 9 | #
10 | # Documentation:
11 | # https://help.github.com/en/articles/workflow-syntax-for-github-actions
12 | #
13 | 
14 | #############################
15 | # Start the job on all push #
16 | #############################
17 | on:
18 |   push:
19 |     branches-ignore: [master, main]
20 |     # Remove the line above to run when pushing to master
21 |   pull_request:
22 |     branches: [master, main]
23 | 
24 | ###############
25 | # Set the Job #
26 | ###############
27 | jobs:
28 |   build:
29 |     # Name the Job
30 |     name: Lint Code Base
31 |     # Set the agent to run on
32 |     runs-on: ubuntu-latest
33 | 
34 |     ##################
35 |     # Load all steps #
36 |     ##################
37 |     steps:
38 |       ##########################
39 |       # Checkout the code base #
40 |       ##########################
41 |       - name: Checkout Code
42 |         uses: actions/checkout@v2
43 |         with:
44 |           # Full git history is needed to get a proper list of changed files within `super-linter`
45 |           fetch-depth: 0
46 | 
47 |       ################################
48 |       # Run Linter against code base #
49 |       ################################
50 |       - name: Lint Code Base
51 |         uses: github/super-linter@v4
52 |         env:
53 |           VALIDATE_ALL_CODEBASE: false
54 |           DEFAULT_BRANCH: master
55 |           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
56 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .vagrant
2 | .cache/
3 | .sudo_as_admin_successful
4 | *.log
5 | 


--------------------------------------------------------------------------------
/DEMO/env/index.htsh:
--------------------------------------------------------------------------------
1 | <?bash
2 | IFS=$'\n'
3 | 
4 | echo "Fork me on GitHub: https://github.com/tinoschroeter/bash_on_steroids" 
5 | for i in $(env);do
6 |   echo "$i<br>"
7 | done
8 | ?>
9 | 


--------------------------------------------------------------------------------
/DEMO/guestbook/index.htsh:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1">
 7 |     <meta name="author" content="Tino Schroeter">
 8 |     <title>Bashte guestbook</title>
 9 |     <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
10 |     <style>
11 |       body {
12 |       background: url("/static/bg.jpg") no-repeat center center fixed;
13 |       background-size: cover;
14 |       }
15 |       .box {
16 |        opacity: 0.8;
17 |        }
18 |      </style>
19 |   </head>
20 | 
21 |   <body>
22 | <a href="https://github.com/tinoschroeter/bash_on_steroids" class="github-corner" aria-label="View source on Github"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
23 | 
24 |     <div class="container">
25 |       <div class="header clearfix">
26 |         <nav>
27 |           <ul class="nav nav-pills pull-right">
28 |             <li role="presentation" class="active"><a href="#">Home</a></li>
29 |             <li role="presentation"><a href="#">About</a></li>
30 |             <li role="presentation"><a href="#">Contact</a></li>
31 |           </ul>
32 |         </nav>
33 |       </div>
34 |      <?bash
35 |      ## MySQL function
36 |      ############################################
37 |      function mysql_connect {
38 |        mysql -s -uroot
39 |        }
40 |      ?>
41 | 
42 |       <div class="jumbotron box">
43 |         <h2>Bashte Guestbook!!</h2>
44 |         <form method="POST" action="">
45 |         <label for="name">drop a line..: </label>
46 |         <input id="name" name="name" type="text" size="50" autofocus/>
47 |         <button type="submit" class="btn btn-danger">Submit</button>
48 |         </form>
49 |       <?bash
50 |       ## create database and table if not exist
51 |       ############################################
52 |       if ! echo "show databases;"|mysql_connect|grep guestbook_dev >/dev/null;then
53 |         echo "create database guestbook_dev;"|mysql_connect
54 |         echo "use guestbook_dev
55 |             create table data(name VARCHAR(120));"|mysql_connect
56 |       echo "DB created.."
57 |       else
58 |         echo "connection okay..."
59 |       fi
60 |       ?>
61 | 
62 |        <?bash
63 |        ## write stuff to mysql
64 |        #########################
65 |        echo "USE guestbook_dev
66 |              INSERT INTO data (name) VALUES ('${name}')"|mysql_connect
67 |        ?>
68 |       </div>
69 | 
70 |       <div class="jumbotron box">
71 |        <h2>Previous Guests:</h2>
72 |        <ol>
73 |        <?bash
74 |        FS='\n'
75 |        ## read from mysql put it into the right place
76 |        ################################################
77 |        data=$(echo "USE guestbook_dev
78 |               select name from data;"|mysql_connect|tac)
79 |        for i in $data;do
80 |          echo "<li>$i</li>"|sed 's/+/ /g'
81 |        done
82 |       ?>
83 |        </ol>
84 |     </div>
85 |  </div> <!-- /container -->
86 | </body>
87 | </html>
88 | 


--------------------------------------------------------------------------------
/DEMO/guestbook/install.txt:
--------------------------------------------------------------------------------
1 | apt-get install mysql-server mysql-client
2 | 


--------------------------------------------------------------------------------
/DEMO/login/index.htsh:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 | <?bash    
 5 | tmp=$(mktemp)
 6 | echo $HTTP_COOKIE > $tmp
 7 | if ! grep "login=1234567" $tmp > /dev/null;then
 8 |   echo "<meta http-equiv="refresh" content="1";url="/login">"
 9 |   exit 0
10 |   else
11 |     rm $tmp
12 | fi
13 | ?>
14 | </head>
15 | <body>
16 | <img src="https://media.giphy.com/media/xUOwGn5bp7Xi6rLUYw/giphy.gif">
17 | </body>
18 | </html>
19 | 
20 | 


--------------------------------------------------------------------------------
/DEMO/login/login.css:
--------------------------------------------------------------------------------
 1 |   body {
 2 |         background-color: #444;
 3 |         background: url(login.jpg);
 4 |         
 5 |     }
 6 |     .form-signin input[type="text"] {
 7 |         margin-bottom: 5px;
 8 |         border-bottom-left-radius: 0;
 9 |         border-bottom-right-radius: 0;
10 |     }
11 |     .form-signin input[type="password"] {
12 |         margin-bottom: 10px;
13 |         border-top-left-radius: 0;
14 |         border-top-right-radius: 0;
15 |     }
16 |     .form-signin .form-control {
17 |         position: relative;
18 |         font-size: 16px;
19 |         font-family: 'Open Sans', Arial, Helvetica, sans-serif;
20 |         height: auto;
21 |         padding: 10px;
22 |         -webkit-box-sizing: border-box;
23 |         -moz-box-sizing: border-box;
24 |         box-sizing: border-box;
25 |     }
26 |     .vertical-offset-100 {
27 |         padding-top: 100px;
28 |     }
29 |     .img-responsive {
30 |     display: block;
31 |     max-width: 100%;
32 |     height: auto;
33 |     margin: auto;
34 |     }
35 |     .panel {
36 |     margin-bottom: 20px;
37 |     background-color: rgba(255, 255, 255, 0.75);
38 |     border: 1px solid transparent;
39 |     border-radius: 4px;
40 |     -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
41 |     box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
42 |     }
43 | 


--------------------------------------------------------------------------------
/DEMO/login/login.htsh:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <meta name="description" content="login">
 8 |     <meta name="author" content="mail@wgnetworks.de">
 9 | 
10 |     <title>login</title>
11 | 
12 |     <!-- Bootstrap core CSS -->
13 |     <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
14 |     <link href="login.css" rel="stylesheet">
15 | <?bash
16 | if [ ! -z  $login ] && [ ! -z $password ];then
17 | if [ $login == "admin" ] && [ $password == "admin" ];then
18 |     echo "<meta http-equiv=\"Set-Cookie\" content=\"login=1234567;Max-Age=3600\">"
19 |     echo "<meta http-equiv="refresh" content="1";url="/" />"
20 |     fi
21 | fi
22 | ?>
23 | </head>
24 | <body>
25 | <br><br><br>
26 | <script src="/static/js/login.js"></script>
27 | <body>
28 |     <div class="container">
29 |     <div class="row vertical-offset-100">
30 |     <div class="col-md-4 col-md-offset-4">
31 |     <div class="panel panel-default">
32 |     <div class="panel-heading">                                
33 |     <div class="row-fluid user-row">
34 |     </div>
35 |     </div>
36 |     <div class="panel-body">
37 |     <form accept-charset="UTF-8" role="form" class="form-signin" action="login" method="post">
38 |     <fieldset>
39 |     <label class="panel-login">
40 |     <div class="login_result"></div>
41 |     </label>
42 |     <input class="form-control" placeholder="Username" id="login"name="login"  type="text">
43 |     <input class="form-control" placeholder="Password" id="password" name="password" type="password">
44 |     <br></br>
45 |     <input class="btn btn-lg btn-success btn-block" type="submit" id="login" value="Login »">
46 |     </fieldset>
47 |     </form>
48 |  </div>
49 | </div>
50 | </div>
51 | </div>
52 | </div>
53 | </body>
54 | </div>
55 | </html>
56 | 
57 | 


--------------------------------------------------------------------------------
/DEMO/login/login.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tinoschroeter/bash_on_steroids/df16412d3b51dba5b0e2d6ad242bf7060396f31e/DEMO/login/login.jpg


--------------------------------------------------------------------------------
/DEMO/qrcode/index.htsh:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 | <meta charset="utf-8">
 5 | <title>QRcode</title>
 6 | <meta name = "viewport" content = "width=device-width, initial-scale = 1.0">
 7 | <meta name="author" content="Tino Schroeter">
 8 | <link rel='stylesheet' href="style.css" />
 9 | <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
10 | <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
11 | <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
12 | <style>
13 | body{
14 | background-image: url("/static/running_through_the_rain.gif");
15 | background-size: cover;
16 | }
17 | .centered-form{
18 | margin-top: 60px;
19 | }
20 | 
21 | .centered-form .panel{
22 | background: rgba(255, 255, 255, 0.8);
23 | box-shadow: rgba(0, 0, 0, 0.3) 20px 20px 20px;
24 | }
25 | </style>
26 | </head>
27 | <body>
28 | <a href="https://github.com/tinoschroeter/bash_on_steroids" class="github-corner" aria-label="View source on Github"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
29 | <div class="container">
30 | <div class="row centered-form">
31 | <div class="col-xs-12 col-sm-8 col-md-4 col-sm-offset-2 col-md-offset-4">
32 | <div class="panel panel-default">
33 | <div class="panel-heading">
34 | <h3 class="panel-title">QR Generator</h3>
35 | </div>
36 | <div class="panel-body">
37 | <form role="form">
38 | <div class="row">
39 | 
40 | <div class="form-group">
41 | <?bash qrencode -o $DOCUMENT_ROOT/qr_mecard.png "$text" ?>
42 | <input type="text" name="text" id="text" class="form-control input-sm" placeholder="text">
43 | </div>
44 | 
45 | <input type="submit" value="generate" class="btn btn-info btn-block">
46 | 
47 | </form>
48 | </div>
49 | </div>
50 | </div>
51 | </div>
52 | </div>
53 | 
54 | <div class="col-xs-12 col-sm-8 col-md-4 col-sm-offset-2 col-md-offset-4">
55 | <?bash 
56 | if [ ! -z $text ];then
57 |   echo "<img src=\"qr_mecard.png\" class=\"col-md-12\">"
58 | fi
59 | ?>
60 | </div>
61 | </body>
62 | </html>
63 | 


--------------------------------------------------------------------------------
/DEMO/qrcode/install.txt:
--------------------------------------------------------------------------------
1 | apt-get install qrencode
2 | 


--------------------------------------------------------------------------------
/DEMO/upload/index.htsh:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html>
  3 | <head>
  4 | <meta charset='utf-8'>
  5 | <meta name='viewport' content='width=device-width, initial-scale=1'>
  6 | <title>Snippet - Bootsnipp.com</title>
  7 | <link href='//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css' rel='stylesheet'>
  8 | <style>@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
  9 | @import url("https://fonts.googleapis.com/css?family=Roboto");
 10 | html, body, * {
 11 |   box-sizing: border-box;
 12 |   font-size: 16px;
 13 | }
 14 | 
 15 | html, body {
 16 |   height: 100%;
 17 |   text-align: center;
 18 | }
 19 | 
 20 | body {
 21 |   padding: 2rem;
 22 |   background: #f8f8f8;
 23 | }
 24 | 
 25 | h2 {
 26 |   font-family: "Roboto", sans-serif;
 27 |   font-size: 26px;
 28 |   line-height: 1;
 29 |   color: #454cad;
 30 |   margin-bottom: 0;
 31 | }
 32 | 
 33 | p {
 34 |   font-family: "Roboto", sans-serif;
 35 |   font-size: 18px;
 36 |   color: #5f6982;
 37 | }
 38 | 
 39 | .uploader {
 40 |   display: block;
 41 |   clear: both;
 42 |   margin: 0 auto;
 43 |   width: 100%;
 44 |   max-width: 600px;
 45 | }
 46 | .uploader label {
 47 |   float: left;
 48 |   clear: both;
 49 |   width: 100%;
 50 |   padding: 2rem 1.5rem;
 51 |   text-align: center;
 52 |   background: #fff;
 53 |   border-radius: 7px;
 54 |   border: 3px solid #eee;
 55 |   -webkit-transition: all .2s ease;
 56 |   transition: all .2s ease;
 57 |   -webkit-user-select: none;
 58 |      -moz-user-select: none;
 59 |       -ms-user-select: none;
 60 |           user-select: none;
 61 | }
 62 | .uploader label:hover {
 63 |   border-color: #454cad;
 64 | }
 65 | .uploader label.hover {
 66 |   border: 3px solid #454cad;
 67 |   box-shadow: inset 0 0 0 6px #eee;
 68 | }
 69 | .uploader label.hover #start i.fa {
 70 |   -webkit-transform: scale(0.8);
 71 |           transform: scale(0.8);
 72 |   opacity: 0.3;
 73 | }
 74 | .uploader #start {
 75 |   float: left;
 76 |   clear: both;
 77 |   width: 100%;
 78 | }
 79 | .uploader #start.hidden {
 80 |   display: none;
 81 | }
 82 | .uploader #start i.fa {
 83 |   font-size: 50px;
 84 |   margin-bottom: 1rem;
 85 |   -webkit-transition: all .2s ease-in-out;
 86 |   transition: all .2s ease-in-out;
 87 | }
 88 | .uploader #response {
 89 |   float: left;
 90 |   clear: both;
 91 |   width: 100%;
 92 | }
 93 | .uploader #response.hidden {
 94 |   display: none;
 95 | }
 96 | .uploader #response #messages {
 97 |   margin-bottom: .5rem;
 98 | }
 99 | .uploader #file-image {
100 |   display: inline;
101 |   margin: 0 auto .5rem auto;
102 |   width: auto;
103 |   height: auto;
104 |   max-width: 180px;
105 | }
106 | .uploader #file-image.hidden {
107 |   display: none;
108 | }
109 | .uploader #notimage {
110 |   display: block;
111 |   float: left;
112 |   clear: both;
113 |   width: 100%;
114 | }
115 | .uploader #notimage.hidden {
116 |   display: none;
117 | }
118 | .uploader progress,
119 | .uploader .progress {
120 |   display: inline;
121 |   clear: both;
122 |   margin: 0 auto;
123 |   width: 100%;
124 |   max-width: 180px;
125 |   height: 8px;
126 |   border: 0;
127 |   border-radius: 4px;
128 |   background-color: #eee;
129 |   overflow: hidden;
130 | }
131 | .uploader .progress[value]::-webkit-progress-bar {
132 |   border-radius: 4px;
133 |   background-color: #eee;
134 | }
135 | .uploader .progress[value]::-webkit-progress-value {
136 |   background: -webkit-linear-gradient(left, #393f90 0%, #454cad 50%);
137 |   background: linear-gradient(to right, #393f90 0%, #454cad 50%);
138 |   border-radius: 4px;
139 | }
140 | .uploader .progress[value]::-moz-progress-bar {
141 |   background: linear-gradient(to right, #393f90 0%, #454cad 50%);
142 |   border-radius: 4px;
143 | }
144 | .uploader input[type="file"] {
145 |   display: none;
146 | }
147 | .uploader div {
148 |   margin: 0 0 .5rem 0;
149 |   color: #5f6982;
150 | }
151 | .uploader .btn {
152 |   display: inline-block;
153 |   margin: .5rem .5rem 1rem .5rem;
154 |   clear: both;
155 |   font-family: inherit;
156 |   font-weight: 700;
157 |   font-size: 14px;
158 |   text-decoration: none;
159 |   text-transform: initial;
160 |   border: none;
161 |   border-radius: .2rem;
162 |   outline: none;
163 |   padding: 0 1rem;
164 |   height: 36px;
165 |   line-height: 36px;
166 |   color: #fff;
167 |   -webkit-transition: all 0.2s ease-in-out;
168 |   transition: all 0.2s ease-in-out;
169 |   box-sizing: border-box;
170 |   background: #454cad;
171 |   border-color: #454cad;
172 |   cursor: pointer;
173 | }
174 | </style>
175 | <script type='text/javascript' src='//code.jquery.com/jquery-1.11.1.min.js'></script>
176 | <script type='text/javascript' src='//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js'></script>
177 | <script type='text/javascript'>// File Upload
178 | // 
179 | function ekUpload(){
180 |   function Init() {
181 | 
182 |     console.log("Upload Initialised");
183 | 
184 |     var fileSelect    = document.getElementById('file-upload'),
185 |         fileDrag      = document.getElementById('file-drag'),
186 |         submitButton  = document.getElementById('submit-button');
187 | 
188 |     fileSelect.addEventListener('change', fileSelectHandler, false);
189 | 
190 |     // Is XHR2 available?
191 |     var xhr = new XMLHttpRequest();
192 |     if (xhr.upload) {
193 |       // File Drop
194 |       fileDrag.addEventListener('dragover', fileDragHover, false);
195 |       fileDrag.addEventListener('dragleave', fileDragHover, false);
196 |       fileDrag.addEventListener('drop', fileSelectHandler, false);
197 |     }
198 |   }
199 | 
200 |   function fileDragHover(e) {
201 |     var fileDrag = document.getElementById('file-drag');
202 | 
203 |     e.stopPropagation();
204 |     e.preventDefault();
205 | 
206 |     fileDrag.className = (e.type === 'dragover' ? 'hover' : 'modal-body file-upload');
207 |   }
208 | 
209 |   function fileSelectHandler(e) {
210 |     // Fetch FileList object
211 |     var files = e.target.files || e.dataTransfer.files;
212 | 
213 |     // Cancel event and hover styling
214 |     fileDragHover(e);
215 | 
216 |     // Process all File objects
217 |     for (var i = 0, f; f = files[i]; i++) {
218 |       parseFile(f);
219 |       uploadFile(f);
220 |     }
221 |   }
222 | 
223 |   // Output
224 |   function output(msg) {
225 |     // Response
226 |     var m = document.getElementById('messages');
227 |     m.innerHTML = msg;
228 |   }
229 | 
230 |   function parseFile(file) {
231 | 
232 |     console.log(file.name);
233 |     output(
234 |       '<strong>' + encodeURI(file.name) + '</strong>'
235 |     );
236 |     
237 |     // var fileType = file.type;
238 |     // console.log(fileType);
239 |     var imageName = file.name;
240 | 
241 |     var isGood = (/\.(?=gif|jpg|png|jpeg)/gi).test(imageName);
242 |     if (isGood) {
243 |       document.getElementById('start').classList.add("hidden");
244 |       document.getElementById('response').classList.remove("hidden");
245 |       document.getElementById('notimage').classList.add("hidden");
246 |       // Thumbnail Preview
247 |       document.getElementById('file-image').classList.remove("hidden");
248 |       document.getElementById('file-image').src = URL.createObjectURL(file);
249 |     }
250 |     else {
251 |       document.getElementById('file-image').classList.add("hidden");
252 |       document.getElementById('notimage').classList.remove("hidden");
253 |       document.getElementById('start').classList.remove("hidden");
254 |       document.getElementById('response').classList.add("hidden");
255 |       document.getElementById("file-upload-form").reset();
256 |     }
257 |   }
258 | 
259 |   function setProgressMaxValue(e) {
260 |     var pBar = document.getElementById('file-progress');
261 | 
262 |     if (e.lengthComputable) {
263 |       pBar.max = e.total;
264 |     }
265 |   }
266 | 
267 |   function updateFileProgress(e) {
268 |     var pBar = document.getElementById('file-progress');
269 | 
270 |     if (e.lengthComputable) {
271 |       pBar.value = e.loaded;
272 |     }
273 |   }
274 | 
275 |   function uploadFile(file) {
276 | 
277 |     var xhr = new XMLHttpRequest(),
278 |       fileInput = document.getElementById('class-roster-file'),
279 |       pBar = document.getElementById('file-progress'),
280 |       fileSizeLimit = 1024; // In MB
281 |     if (xhr.upload) {
282 |       // Check if file is less than x MB
283 |       if (file.size <= fileSizeLimit * 1024 * 1024) {
284 |         // Progress bar
285 |         pBar.style.display = 'inline';
286 |         xhr.upload.addEventListener('loadstart', setProgressMaxValue, false);
287 |         xhr.upload.addEventListener('progress', updateFileProgress, false);
288 | 
289 |         // File received / failed
290 |         xhr.onreadystatechange = function(e) {
291 |           if (xhr.readyState == 4) {
292 |             // Everything is good!
293 | 
294 |             // progress.className = (xhr.status == 200 ? "success" : "failure");
295 |             // document.location.reload(true);
296 |           }
297 |         };
298 | 
299 |         // Start upload
300 |         xhr.open('POST', document.getElementById('file-upload-form').action, true);
301 |         xhr.setRequestHeader('X-File-Name', file.name);
302 |         xhr.setRequestHeader('X-File-Size', file.size);
303 |         xhr.setRequestHeader('Content-Type', 'multipart/form-data');
304 |         xhr.send(file);
305 |       } else {
306 |         output('Please upload a smaller file (< ' + fileSizeLimit + ' MB).');
307 |       }
308 |     }
309 |   }
310 | 
311 |   // Check for the various File API support.
312 |   if (window.File && window.FileList && window.FileReader) {
313 |     Init();
314 |   } else {
315 |     document.getElementById('file-drag').style.display = 'none';
316 |   }
317 | }
318 | ekUpload();</script>
319 |                             </head>
320 |                             <body>
321 |                             <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
322 | <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
323 | <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
324 | <!------ Include the above in your HEAD tag ---------->
325 | 
326 | <h2>File Upload & Image Preview</h2>
327 | <p class="lead">No Plugins <b>Just Javascript</b></p>
328 | 
329 | <!-- Upload  -->
330 | <form id="file-upload-form" class="uploader">
331 |   <input id="file-upload" type="file" name="fileUpload" accept="image/*" />
332 |   <label for="file-upload" id="file-drag">
333 |     <img id="file-image" src="#" alt="Preview" class="hidden">
334 |     <div id="start">
335 |       <i class="fa fa-download" aria-hidden="true"></i>
336 |       <div>Select a file or drag here</div>
337 |       <div id="notimage" class="hidden">Please select an image</div>
338 |       <span id="file-upload-btn" class="btn btn-primary">Select a file</span>
339 |     </div>
340 |     <div id="response" class="hidden">
341 |       <div id="messages"></div>
342 |       <progress class="progress" id="file-progress" value="0">
343 |         <span>0</span>%
344 |       </progress>
345 |     </div>
346 |   </label>
347 | </form>        
348 | <?bash
349 | echo "passiet was"
350 | read content && read disposition && read ctype && read 
351 | eval $(echo "${disposition}"|sed 's/\r$//'|cut -d';' -f3)
352 | CONTENT_LENGTH=${echo $content|sed 's/[^0-9]*//g'}
353 | 
354 | echo "$content $disposition $ctype"
355 | 
356 | dd ibs=1 obs=512 count=$CONTENT_LENGTH of=/var/www/html/$filename
357 | 
358 | if [ -f /var/www/html/$filename ];then
359 | size=$(du -sh /var/www/html/$filename|awk '{print $1}')
360 | echo "<p>upload complete...</p>"
361 | echo "<p>filename: $filename size: $size $ctype</p>"
362 | fi
363 | ?>
364 | 
365 | </body>
366 | </html>
367 | 


--------------------------------------------------------------------------------
/DEMO/vote/index.htsh:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <title>Star Trek vs Star Wars!</title>
 6 |     <meta name = "viewport" content = "width=device-width, initial-scale = 1.0">
 7 |     <meta name="author" content="Tino Schroeter">
 8 |     <link rel='stylesheet' href="style.css" />
 9 |     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
10 |  </head>
11 | <?bash 
12 | voteing="no"
13 | if grep $HTTP_X_FORWARDED_FOR /tmp/voting > /dev/null;then
14 | voteing="yes"
15 | fi
16 | 
17 | vote() {
18 |   echo "$HTTP_X_FORWARDED_FOR" >> /tmp/voting
19 | }
20 | 
21 | if [ "$vote" = "a" ] && [ "$voteing" = "no" ];then
22 |   c=$(cat /tmp/a)
23 |   a=$(( $c +1 ))
24 |   echo $a > /tmp/a
25 |   vote
26 | elif [ "$vote" = "b" ] && [ "$voteing" = "no" ];then 
27 |   c=$(cat /tmp/b)
28 |   b=$(( $c +1 ))
29 |   echo $b > /tmp/b
30 |   vote
31 | fi
32 | ?>
33 |   <body>
34 | <a href="https://github.com/tinoschroeter/bash_on_steroids" class="github-corner" aria-label="View source on Github"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
35 |     <div id="content-container">
36 |       <div id="content-container-center">
37 |         <h3>Star Trek vs Star Wars!</h3>
38 |         <p><?bash uptime | sed 's/average//g' ?></p>
39 |         <form id="choice" name='form' method="POST" action="/">
40 |           <button id="a" type="submit" name="vote" class="a" value="a">Star Trek</button>
41 |           <button id="b" type="submit" name="vote" class="b" value="b">Star Wars</button>
42 |         </form>
43 |         <div id="tip">
44 |          <?bash
45 |          trek=$(cat /tmp/a) || trek=0
46 |            echo "Star Trek $trek votes<br>"
47 |          wars=$(cat /tmp/b) || wars=0
48 |            echo "Star Wars $wars votes<br>"
49 |            echo "<br> you've already voted!"
50 |          if [ "$voteing" = "yes" ];then
51 |            echo "<br> you've already voted!"
52 |          fi
53 |          ?>
54 |         </div>
55 |        </div>
56 |       </div>
57 |     </div>
58 |   </body>
59 | </html>
60 | 
61 | 


--------------------------------------------------------------------------------
/DEMO/vote/style.css:
--------------------------------------------------------------------------------
  1 | @import url(//fonts.googleapis.com/css?family=Open+Sans:400,700,600);
  2 | 
  3 | *{
  4 |   box-sizing:border-box;
  5 | }
  6 | body{
  7 |   margin: 0;
  8 |   padding: 0;
  9 |   background-color: #E6E6E6;
 10 |   height: 100vh;
 11 | }
 12 | html{
 13 |   font-family: 'Open Sans';
 14 |   background-color: #E6E6E6;
 15 | }
 16 | 
 17 | button{
 18 |   border-radius: 0;
 19 |   width: 100%;
 20 |   height: 50%;
 21 | }
 22 | 
 23 | button[type="submit"] {
 24 |   -webkit-appearance:none; -webkit-border-radius:0;
 25 | }
 26 | 
 27 | button i{
 28 |   float: right;
 29 |   padding-right: 30px;
 30 |   margin-top: 3px;
 31 | }
 32 | 
 33 | button.a{
 34 |   background-color: #1aaaf8;
 35 | }
 36 | 
 37 | button.b{
 38 |   background-color: #00cbca;
 39 | }
 40 | 
 41 | #tip{
 42 |   text-align: left;
 43 |   color: #424242;
 44 |   font-size: 14px;
 45 | }
 46 | 
 47 | #hostname{
 48 |   position: absolute;
 49 |   bottom: 100px;
 50 |   right: 0;
 51 |   left: 0;
 52 |   color: #8f9ea8;
 53 |   font-size: 24px;
 54 | }
 55 | 
 56 | #content-container{
 57 |   z-index: 2;
 58 |   position: relative;
 59 |   margin: 0 auto;
 60 |   display: table;
 61 |   padding: 10px;
 62 |   max-width: 940px;
 63 |   height: 100%;
 64 | }
 65 | #content-container-center{
 66 |   display: table-cell;
 67 |   text-align: center;
 68 | }
 69 | 
 70 | #content-container-center h3{
 71 |   color: #254356;
 72 | }
 73 | 
 74 | #choice{
 75 |   transition: all 300ms linear;
 76 |   line-height: 1.3em;
 77 |   display: inline;
 78 |   vertical-align: middle;
 79 |   font-size: 3em;
 80 | }
 81 | #choice a{
 82 |   text-decoration:none;
 83 | }
 84 | #choice a:hover, #choice a:focus{
 85 |   outline:0;
 86 |   text-decoration:underline;
 87 | }
 88 | 
 89 | #choice button{
 90 |   display: block;
 91 |   height: 80px;
 92 |   width: 330px;
 93 |   border: none;
 94 |   color: white;
 95 |   text-transform: uppercase;
 96 |   font-size:18px;
 97 |   font-weight: 700;
 98 |   margin-top: 10px;
 99 |   margin-bottom: 10px;
100 |   text-align: left;
101 |   padding-left: 50px;
102 | }
103 | 
104 | #choice button.a:hover{
105 |   background-color: #1488c6;
106 | }
107 | 
108 | #choice button.b:hover{
109 |   background-color: #00a2a1;
110 | }
111 | 
112 | #choice button.a:focus{
113 |   background-color: #1488c6;
114 | }
115 | 
116 | #choice button.b:focus{
117 |   background-color: #00a2a1;
118 | }
119 | 
120 | #background-stats{
121 |   z-index:1;
122 |   height:100%;
123 |   width:100%;
124 |   position:absolute;
125 | }
126 | #background-stats div{
127 |   transition: width 400ms ease-in-out;
128 |   display:inline-block;
129 |   margin-bottom:-4px;
130 |   width:50%;
131 |   height:100%;
132 | }
133 | 


--------------------------------------------------------------------------------
/DEMO/wiki/base.css:
--------------------------------------------------------------------------------
  1 | body {
  2 |     padding-top: 70px;
  3 |     background-attachment: fixed;
  4 |     background-color: #f8f8f8;
  5 | }
  6 | 
  7 | .navbar {
  8 |   background-color: #2C343B;
  9 | }
 10 | .navbar ul.nav li a {
 11 |   color: #fff;
 12 | }
 13 | .navbar a.navbar-brand {
 14 |   color: #FFFFFF;
 15 |   font-family: Lobster;
 16 |   font-size: 32px;
 17 |   text-shadow: 5px 2px 0px #222222;
 18 | }
 19 | 
 20 | .header-wrapper {
 21 |   margin-top: 50px;
 22 |   min-height: 422px;
 23 | }
 24 | 
 25 | 
 26 | /*
 27 |  * Side navigation
 28 |  *
 29 |  * Scrollspy and affixed enhanced navigation to highlight sections and secondary
 30 |  * sections of docs content.
 31 |  */
 32 | 
 33 | /* By default it's not affixed in mobile views, so undo that */
 34 | .bs-sidebar.affix {
 35 |     position: static;
 36 | }
 37 | 
 38 | .bs-sidebar.well {
 39 |     padding: 0;
 40 |     max-height: 90%;
 41 |     overflow-y: auto;
 42 | }
 43 | 
 44 | /* First level of nav */
 45 | .bs-sidenav {
 46 |     padding-top:    10px;
 47 |     padding-bottom: 10px;
 48 |     border-radius: 5px;
 49 | }
 50 | 
 51 | /* All levels of nav */
 52 | .bs-sidebar .nav > li > a {
 53 |     display: block;
 54 |     padding: 5px 20px;
 55 |     z-index: 1;
 56 | }
 57 | .bs-sidebar .nav > li > a:hover,
 58 | .bs-sidebar .nav > li > a:focus {
 59 |     text-decoration: none;
 60 |     border-right: 1px solid;
 61 | }
 62 | .bs-sidebar .nav > .active > a,
 63 | .bs-sidebar .nav > .active:hover > a,
 64 | .bs-sidebar .nav > .active:focus > a {
 65 |     font-weight: bold;
 66 |     background-color: transparent;
 67 |     border-right: 1px solid;
 68 | }
 69 | 
 70 | /* Nav: second level (shown on .active) */
 71 | .bs-sidebar .nav .nav {
 72 |     display: none; /* Hide by default, but at >768px, show it */
 73 |     margin-bottom: 8px;
 74 | }
 75 | .bs-sidebar .nav .nav > li > a {
 76 |     padding-top:    3px;
 77 |     padding-bottom: 3px;
 78 |     padding-left: 30px;
 79 |     font-size: 90%;
 80 | }
 81 | 
 82 | /* Show and affix the side nav when space allows it */
 83 | @media (min-width: 992px) {
 84 |     .bs-sidebar .nav > .active > ul {
 85 |         display: block;
 86 |     }
 87 |     /* Widen the fixed sidebar */
 88 |     .bs-sidebar.affix,
 89 |     .bs-sidebar.affix-bottom {
 90 |         width: 213px;
 91 |     }
 92 |     .bs-sidebar.affix {
 93 |         position: fixed; /* Undo the static from mobile first approach */
 94 |         top: 80px;
 95 |     }
 96 |     .bs-sidebar.affix-bottom {
 97 |         position: absolute; /* Undo the static from mobile first approach */
 98 |     }
 99 |     .bs-sidebar.affix-bottom .bs-sidenav,
100 |     .bs-sidebar.affix .bs-sidenav {
101 |         margin-top: 0;
102 |         margin-bottom: 0;
103 |     }
104 | }
105 | 
106 | .centervideo {
107 |   background-color: #C44741;
108 |   height: 422px;
109 | }
110 | .centervideo p {
111 |   color: #fff;
112 |   line-height: 422px;
113 |   text-align: center;
114 | }
115 | 
116 | .rightsidebar {
117 |   background-color: #fff;
118 |   -webkit-border-top-right-radius: 15px;
119 |   -webkit-border-bottom-right-radius: 15px;
120 |   -moz-border-radius-topright: 15px;
121 |   -moz-border-radius-bottomright: 15px;
122 |   border-top-right-radius: 15px;
123 |   border-bottom-right-radius: 15px;
124 | }
125 | 
126 | .nogutter {
127 |   padding: 0px;
128 |   margin: 0px;
129 | }
130 | 
131 | .streamtitle {
132 |   display: block;
133 |   background-color: #2C343B;
134 |   -webkit-border-top-right-radius: 7px;
135 |   -moz-border-radius-topright: 7px;
136 |   border-top-right-radius: 7px;
137 | }
138 | .streamtitle h2 {
139 |   color: #fff;
140 |   margin: 0;
141 |   line-height: 50px;
142 |   padding: 0px 20px;
143 |   font-family: Lato, sans;
144 |   font-size: 16px;
145 |   font-weight: bold;
146 |   text-align: center;
147 | }
148 | 
149 | .streamdesc-wrapper {
150 |   padding: 20px;
151 |   color: #52616D;
152 |   font-family: Lato,sans;
153 |   word-wrap: break-word;
154 | }
155 | .streamdesc-wrapper span.highlight {
156 |   font-weight: bold;
157 | }
158 | .streamdesc-wrapper .authorwebsite a {
159 |   color: #C44741;
160 |   font-weight: bold;
161 |   letter-spacing: 1px;
162 | }
163 | 
164 | .maincontent {
165 |   margin-top: 50px;
166 | }
167 | .maincontent .smallvid .smallvid-title {
168 |   display: block;
169 |   padding: 5px;
170 |   background-color: #2C343B;
171 | }
172 | .maincontent .smallvid .smallvid-title h3 {
173 |   font-family: Lato,sans;
174 |   font-size: 16px;
175 |   line-height: 25px;
176 |   text-align: center;
177 |   color: #fff;
178 |   padding: 0 10px;
179 |   margin: 0;
180 | }
181 | .maincontent .smallvid .smallvid-player {
182 |   display: block;
183 |   min-height: 165px;
184 |   background-color: #C44741;
185 | }
186 | .maincontent .smallvid .smallvid-player p.ex {
187 |   line-height: 165px;
188 |   color: #fff;
189 |   text-align: center;
190 | }
191 | h1, h2, h3 { 
192 |   margin-top: 0; 
193 |   padding-top: 60px; 
194 | }
195 | .navbar-nav > li > .dropdown-menu { 
196 | background-color: #428bca; 
197 | }
198 | .col-md-6 {
199 |      margin-bottom: 40px
200 | }
201 | .panel-default > .panel-heading {
202 |     color: #ffff;
203 |     background-color: #428bca;
204 |     border-color: #ddd;
205 | }
206 | .badge {
207 |     display: inline-block;
208 |     min-width: 10px;
209 |     padding: 3px 7px;
210 |     font-size: 12px;
211 |     font-weight: bold;
212 |     line-height: 1;
213 |     color: #fff;
214 |     text-align: center;
215 |     white-space: nowrap;
216 |     vertical-align: baseline;
217 |     background-color: #2E2E2E;
218 |     border-radius: 10px;
219 | }
220 | 


--------------------------------------------------------------------------------
/DEMO/wiki/index.htsh:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html >
 3 | <head>
 4 |   <meta charset="UTF-8">
 5 |   <title>Wiki</title>
 6 |   <meta name="author" content="Tino Schroeter">
 7 |   <link rel='stylesheet' href="style.css" />
 8 |   <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
 9 |   <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
10 |   <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
11 |   <link rel="stylesheet" href="base.css" >
12 | 
13 | </head>
14 | <body translate="no">
15 |   <link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
16 | <link href='https://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
17 | <div class="navbar navbar-inverse navbar-fixed-top">
18 |       <div class="container">
19 |         <div class="navbar-header">
20 |           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
21 |             <span class="icon-bar"></span>
22 |             <span class="icon-bar"></span>
23 |             <span class="icon-bar"></span>
24 |           </button>
25 |           <a href="/" rel="nofollow" rel="noreferrer"class="navbar-brand">Wiki</a>
26 |         </div>
27 |         <div class="collapse navbar-collapse">
28 |           <ul class="nav navbar-nav">
29 |                   <?bash
30 |                     if [ -z $markdown ];then 
31 |                       markdown="howto.md"
32 |                     fi
33 |                     for file in $(ls /var/data/file|grep '.md');do
34 |                     echo "<li><a href=\"/index?markdown=$file\">$file</a></li>"
35 |                     done
36 |                     echo "<li role="separator" class="divider"></li>"
37 |                     echo "<li><a href=\"/suche\">Suche</a></li>"
38 |                   ?>
39 |                   </ul>
40 |                 </li>
41 |           </ul>
42 |         </div><!--/.nav-collapse -->
43 |       </div>
44 |     </div>
45 | 
46 |       <div class="container">
47 |        <div class="col-md-3"><div class="bs-sidebar hidden-print affix well" role="complementary">
48 |     <ul class="nav bs-sidenav">
49 |     <?bash 
50 |       IFS=\$'\n'
51 |       for titel in $(grep '^##' /var/data/file/${markdown}|sed 's/## //g'|sed 's/ /-/g'|tr "[A-Z]" "[a-z]");do 
52 |             echo "<li><a href=\"#${titel}\">${titel}</a></li>"
53 |        done
54 |     ?>
55 |     </ul>
56 |   </div></div>
57 | <div class="col-md-9" role="main">
58 | <?bash
59 | cat /var/data/file/${markdown}|pandoc -f markdown -t html
60 | ?>
61 | 
62 |         </div>
63 |       </div><!--maincontent-->
64 |     </div>
65 | </body>
66 | </html>
67 | 


--------------------------------------------------------------------------------
/DEMO/wiki/install.txt:
--------------------------------------------------------------------------------
1 | apt install pandoc 
2 | mkdir -p /var/data/file
3 | 


--------------------------------------------------------------------------------
/DEMO/wiki/suche.htsh:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |   <meta charset="UTF-8">
 5 |   <title>Wiki Suche</title>
 6 |   <meta name="author" content="Tino Schroeter">                                                                                                       
 7 |   <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
 8 |   <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
 9 |   <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
10 |   <link rel="stylesheet" href="base.css" >
11 | </head>
12 | 
13 | <body translate="no">
14 | 
15 | 
16 |   <link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
17 | <link href='https://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
18 | 
19 | <div class="navbar navbar-inverse navbar-fixed-top">
20 |       <div class="container">
21 |         <div class="navbar-header">
22 |           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
23 |             <span class="icon-bar"></span>
24 |             <span class="icon-bar"></span>
25 |             <span class="icon-bar"></span>
26 |           </button>
27 |           <a href="/" rel="nofollow" rel="noreferrer"class="navbar-brand">Wiki</a>
28 |         </div>
29 |         <div class="collapse navbar-collapse">
30 |           <ul class="nav navbar-nav">
31 |                   <?bash
32 |                     if [ -z $markdown ];then 
33 |                       markdown="howto.md"
34 |                     fi
35 |                     for file in $(ls /var/data/file|grep '.md');do
36 |                     echo "<li><a href=\"/index?markdown=$file\">$file</a></li>"
37 |                     done
38 |                     echo "<li role="separator" class="divider"></li>"
39 |                     echo "<li><a href=\"/suche\">Suche</a></li>"
40 |                   ?>
41 |                   </ul>
42 |                 </li>
43 |           </ul>
44 |         </div><!--/.nav-collapse -->
45 |       </div>
46 |     </div>
47 | 
48 |       <div class="container">
49 | <div class="jumbotron">
50 | <?bash
51 | IFS=\$'\n'
52 | 
53 | finding=$(echo $search|sed 's/+/\\\|/g'|sed 's/ //g')
54 | ?>
55 | <form class="form-horizontal" id="suche">
56 | <fieldset>
57 | 
58 | <div class="form-group">
59 |   <div class="col-md-7">
60 |   <input id="search" name="search" placeholder="Suche mit grep -i in allen markedown files..." class="form-control input-md" type="text">
61 |   </div>
62 | </div>
63 | 
64 | <div class="form-group">
65 |   <div class="col-md-8">
66 |     <button id="go" name="go" class="btn btn-success">Suche</button>
67 |     <button form="suche" type="reset" class="btn btn-danger">L&ouml;schen</button>
68 |     <label for="go"><?bash if [ ! -z $finding ];then echo "<p>Suche nach: \"$search\"</p>";fi ?></label>
69 |   </div>
70 | </div>
71 | </fieldset>
72 | </form>
73 | 
74 | <?bash
75 | if [ ! -z $finding ];then
76 | for i in  $(grep -i "$finding" $(ls -d /var/data/file/*.md)|sed 's/\/var\/data\/file\///g');do
77 |    link=$(echo $i|awk '{print $1}' FS=':')
78 | content=$(echo $i|awk '{print $2}' FS=':')
79 | 
80 | if [[ $link != $link_old ]];then
81 | echo "<h3><a href=\"/index?markdown=$link\">$link</a></h3>"
82 | fi
83 | echo "<pre><code>$content</code></pre>"
84 | link_old=$link
85 | done
86 | fi
87 | ?>
88 |         
89 |        </div>
90 |       </div><!--maincontent-->
91 |     </div>
92 | </body>
93 | </html>
94 | 


--------------------------------------------------------------------------------
/DEMO/wlan/index.htsh:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html >
 3 | <head>
 4 |   <meta charset="UTF-8">
 5 |   <title>WLAN</title>
 6 |   <meta name="author" content="Tino Schroeter">
 7 |   <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
 8 |   <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
 9 |   <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
10 | 
11 | </head>
12 | <body translate="no">
13 | 
14 | <form class="form-horizontal">
15 | <fieldset>
16 | <legend></legend>
17 | 
18 |  <!-- Text input-->
19 | <div class="form-group">
20 |   <label class="col-md-4 control-label" for="ssid">SSID</label>
21 |   <div class="col-md-6">
22 |    <select id="ssid" name="selectbasic" class="form-control">
23 |    <?bash
24 |       iwlist wlan0 scan|grep ESSID| cut -d "\"" -f 2|while read i;do
25 |         echo "<option value="$i">$i</option>"
26 |         done
27 |         echo "</select>"
28 |    ?>
29 | 
30 |   </div>
31 | </div>
32 | 
33 | <!-- Text input-->
34 | <div class="form-group">
35 |   <label class="col-md-4 control-label" for="password">Password</label>
36 |   <div class="col-md-6">
37 |   <input id="password" name="password" placeholder="Password" class="form-control input-md" required="" type="password">
38 | 
39 |   </div>
40 | </div>
41 | <!-- Button -->
42 | <div class="form-group">
43 |   <label class="col-md-4 control-label" for="enter"></label>
44 |   <div class="col-md-4">
45 |     <button id="submit" name="" class="btn btn-success">Submitt</button>
46 |     <a id="rescan" class="btn btn-info" href="/">Rescan</a>
47 |   </div>
48 | </div>
49 | 
50 | <?bash
51 |    if [ ! -z ${selectbasic} ];then
52 |      sudo tee /etc/network/interfaces >/dev/null <<EOF
53 |         source-directory /etc/network/interfaces.d
54 | 
55 |         auto lo 
56 |         iface lo inet loopback
57 | 
58 |         iface eth0 inet dhcp
59 | 
60 |         allow-hotplug wlan0
61 |         iface wlan0 inet dhcp
62 |         wpa-ap-scan 1
63 |         wpa-scan-ssid 1
64 |         wpa-ssid "$selectbasic"
65 |         wpa-psk "$password"
66 |      EOF
67 |      echo "sudo ifdown wlan0 && sleep 1 && ifup wlan0"| at now
68 |    fi
69 | ?>
70 | 
71 | </fieldset>
72 | </form>
73 | </body>
74 | </html>
75 | 


--------------------------------------------------------------------------------
/DEMO/wlan/install.txt:
--------------------------------------------------------------------------------
1 | apt-get install -y iwlist
2 | 
3 | sudo visudo
4 | and put this to your sudoers file: www-data ALL=(ALL) NOPASSWD: ALL
5 | 


--------------------------------------------------------------------------------
/Dockerfile:
--------------------------------------------------------------------------------
 1 | FROM ubuntu:24.04 AS bash_on_steroids
 2 | 
 3 | ENV DEBIAN_FRONTEND=noninteractive TZ=Europe/Berlin
 4 | RUN apt-get update && \
 5 |   apt-get install -y wget curl
 6 | 
 7 | WORKDIR /bash_on_steroids
 8 | COPY install.sh .
 9 | 
10 | RUN sh install.sh
11 | 
12 | COPY build.sh .
13 | COPY index.htsh .
14 | 
15 | RUN mkdir /var/www/html/static
16 | COPY static /var/www/html/static/
17 | RUN chmod +x build.sh
18 | RUN ./build.sh
19 | 
20 | CMD ["apachectl", "-D", "FOREGROUND"]
21 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # Use !#bash scripts for writing beautiful web apps :sparkles
  2 | 
  3 | ![pageres](https://raw.githubusercontent.com/tinoschroeter/bash_on_steroids/master/static/like_a_boss.png)
  4 | 
  5 | • [DEMO bos.tino.sh](https://bos.tino.sh)
  6 | 
  7 | ![BoS](https://img.shields.io/badge/%23!Bash%20-%20on%20steroids-blue.svg)
  8 | ![MIT](https://img.shields.io/badge/license-MIT-blue.svg)
  9 | [![Gitter](https://img.shields.io/gitter/room/nwjs/nw.js.svg)](https://gitter.im/bashops/bash_on_steroids)
 10 | [![GitHub issues](https://img.shields.io/github/issues/tinoschroeter/bash_on_steroids.svg?style=popout)](https://github.com/tinoschroeter/bash_on_steroids/projects/1)
 11 | [![k3s](https://img.shields.io/badge/run%20on%20-Raspberry%20Pi-red)](https://github.com/tinoschroeter/k8s.homelab)
 12 | ![last-commit](https://img.shields.io/github/last-commit/tinoschroeter/bash_on_steroids.svg?style=flat)
 13 | 
 14 | - [Features](#features)
 15 | - [Install Apache2](#install-apache2)
 16 | - [install BoS](#install-bos)
 17 | - [Usage](#usage)
 18 | 
 19 | ## Features
 20 | 
 21 | - easy to use `<?bash echo "hello world" ?>`
 22 | - write fast **wabapps** in pure **#!bash** script
 23 | - **QUERY_STRING** and **POST_STRING** variables can used as normal bash **variables**
 24 |   (e.g example?var1=foo&var2=bar&var3=nase becomes to echo "${var1} ${var2} ${var3})
 25 | - Funktion for decoding URL-encoding: var_dec=$(urldecode $var1)
 26 | - Bash for Web Applications
 27 | 
 28 | ## Why?
 29 | 
 30 | - Because there's nothing you can't fix with a #!Bash Script.
 31 | 
 32 | ## Install Apache2
 33 | 
 34 | ```shell
 35 | apt-get update; apt-get install -y apache2
 36 | tee /etc/apache2/sites-enabled/000-default.conf >/dev/null <<EOF
 37 | <VirtualHost *:80>
 38 |  ServerName example.org
 39 |  ServerAdmin webmaster@example.org
 40 |  DocumentRoot /var/www/html/
 41 | 
 42 |         ScriptAlias "/index.html" "/usr/lib/cgi-bin/index.cgi"
 43 |         ScriptAlias "/index" "/usr/lib/cgi-bin/index.cgi"
 44 |         RedirectMatch 404 .*\.htsh
 45 |         <Directory /var/www/html/>
 46 |           AllowOverride none
 47 |           Options -Indexes
 48 |           Require all granted
 49 |         </Directory>
 50 |  ErrorLog /var/log/apache2/error.log
 51 |  CustomLog /var/log/apache2/access.log combined
 52 |  Include conf-available/serve-cgi-bin.conf
 53 | </VirtualHost>
 54 | EOF
 55 | a2enmod cgid
 56 | service apache2 restart
 57 | ```
 58 | 
 59 | ## install BoS
 60 | 
 61 | ```shell
 62 | cd /var/www/html # your html folder
 63 | wget https://raw.githubusercontent.com/tinoschroeter/bash_on_steroids/master/build.sh
 64 | wget https://raw.githubusercontent.com/tinoschroeter/bash_on_steroids/master/index.htsh # example file
 65 | chmod +x build.sh
 66 | ./build.sh
 67 | 
 68 | $ index.cgi can be found in  /usr/lib/cgi-bin
 69 | ```
 70 | 
 71 | ## Usage
 72 | 
 73 | All bash codes are to be enclosed within `<?bash ... ?> or in short, <? ... ?>` tags.
 74 | 
 75 | ```html
 76 | <!doctype html>
 77 | <html>
 78 |   <body>
 79 |     <ul>
 80 |       <?bash for i in Buzz Rex Bo Hamm Slink Potato; do echo "
 81 |       <li>$i</li>
 82 |       " done ?>
 83 |     </ul>
 84 |   </body>
 85 | </html>
 86 | ```
 87 | 
 88 | **The Template Enginge will create this cgi script out of it**
 89 | 
 90 | ```bash
 91 | #!/bin/bash
 92 | echo "X-Bash-On-Steroids: Because there's nothing you can't fix with a #!Bash Script."
 93 | echo Content-type: text/html
 94 | echo ""
 95 | ## make POST and GET stings
 96 | ## as bash variables available
 97 | if [ ! -z $CONTENT_LENGTH ] && [ "$CONTENT_LENGTH" -gt 0 ] && [ $CONTENT_TYPE != "multipart/form-data" ]; then
 98 | read -n $CONTENT_LENGTH POST_STRING <&0
 99 | eval $(echo "${POST_STRING//;}"|grep '='|tr '&' ';')
100 | fi
101 | eval $(echo "${QUERY_STRING//;}"|grep '='|tr '&' ';')
102 | ## decode URL-encoding
103 | urldecode() { : "${*//+/ }"; echo -e "${_//%/\x}"; }
104 | echo  "<!DOCTYPE html>"
105 | echo  "<html>"
106 | echo  " <body>"
107 | echo  " <ul>"
108 | 
109 |       for i in Buzz Rex Bo Hamm Slink Potato; do
110 |         echo "<li>$i</li>"
111 |       done
112 | 
113 | echo  "</ul>"
114 | echo  "</body>"
115 | echo  "</html>"
116 | ```
117 | 
118 | ![list](https://github.com/tinoschroeter/bash_on_steroids/blob/master/static/lists.png)
119 | 
120 | ## Decode URL-encoding
121 | 
122 | ```bash
123 | transform this %23%21%2Fbin%2Fbash to that #!/bin/bash
124 | example:
125 | 
126 | var_dec=$(urldecode $var)
127 | 
128 | https://en.wikipedia.org/wiki/Percent-encoding
129 | ```
130 | 
131 | ## Escape HTML
132 | 
133 | ```bash
134 | # The characters `&`, `<`, `>`, `"`, and `'` are replaced
135 | # by their corresponding HTML entities to prevent XSS attacks.
136 | 
137 | system_info=$(uname -a)
138 |   echo "$(html_escape "$system_info")"
139 | ```
140 | 
141 | ## build
142 | 
143 | ```bash
144 | ./build.sh
145 | index.htsh --->> /usr/lib/cgi-bin/index.cgi
146 | ```
147 | 
148 | ## Docker
149 | 
150 | ```bash
151 | git clone https://github.com/tinoschroeter/bash_on_steroids.git
152 | cd bash_on_steroids
153 | 
154 | docker build -t bos .
155 | docker run -p 80:8090 bos
156 | 
157 | open http://localhost:8090/
158 | ```
159 | 
160 | ![STvsSW](https://github.com/tinoschroeter/bash_on_steroids/blob/master/static/stvssw.jpg)
161 | 
162 | ## DEMO
163 | 
164 | - [Vote Star Trek vs Star Wars](https://github.com/tinoschroeter/bash_on_steroids/tree/master/DEMO/vote)
165 | - [QR Code Generator](https://github.com/tinoschroeter/bash_on_steroids/tree/master/DEMO/qrcode)
166 | - [Environment Variables](https://github.com/tinoschroeter/bash_on_steroids/tree/master/DEMO/env)
167 | - [guestbook](https://github.com/tinoschroeter/bash_on_steroids/tree/master/DEMO/guestbook)
168 | - [Markdown Wiki](https://github.com/tinoschroeter/bash_on_steroids/tree/master/DEMO/wiki)
169 | - [login](https://github.com/tinoschroeter/bash_on_steroids/tree/master/DEMO/login)
170 | - [WLAN config tool](https://github.com/tinoschroeter/bash_on_steroids/tree/master/DEMO/wlan)
171 | 
172 | ## Wiki
173 | 
174 | [Wiki -->](https://github.com/tinoschroeter/bash_on_steroids/wiki)
175 | ![wiki](https://raw.githubusercontent.com/tinoschroeter/bash_on_steroids/master/static/wiki.png "wiki")
176 | 
177 | ## License
178 | 
179 | [MIT](http://choosealicense.com/licenses/mit/)
180 | 


--------------------------------------------------------------------------------
/build.sh:
--------------------------------------------------------------------------------
  1 | #!/bin/bash
  2 | set -euo pipefail
  3 | 
  4 | # config
  5 | # default cgi path
  6 | cgi_path="/usr/lib/cgi-bin/"
  7 | 
  8 | bos() {
  9 |   tee "$2" >>/dev/null <<EOF
 10 | #!/bin/bash 
 11 | echo "X-Bash-On-Steroids: Because there's nothing you can't fix with a #!Bash Script."
 12 | echo Content-type: text/html
 13 | echo ""
 14 | ## make POST and GET stings 
 15 | ## as bash variables available
 16 | if [ ! -z \$CONTENT_LENGTH ] && [ "\$CONTENT_LENGTH" -gt 0 ] && [ \$CONTENT_TYPE != "multipart/form-data" ]; then
 17 |     read -n \$CONTENT_LENGTH POST_STRING <&0
 18 |     eval \$(echo "\${POST_STRING//;}"|grep '='|tr '&' ';')
 19 | fi
 20 | eval \$(echo "\${QUERY_STRING//;}"|grep '='|tr '&' ';')
 21 | ## decode URL-encoding
 22 | urldecode() { : "\${*//+/ }"; echo -e "\${_//%/\\x}"; }
 23 | ## Security feature for escaping HTML
 24 | html_escape() {
 25 |     local text="\$1"
 26 |     echo "\$text" | sed 's/&/\&amp;/g; s/</\&lt;/g; s/>/\&gt;/g; s/"/\&quot;/g; s/'"'"'/\&#39;/g'
 27 | }
 28 | EOF
 29 | 
 30 |   IFS=''
 31 |   flag=0
 32 |   lc=0
 33 |   export txt=''
 34 |   while read -r line; do
 35 |     lc=$((lc + 1))
 36 |     # Start and end tags in same line
 37 |     if echo "$line" | grep -qe "<?.*?>" -qe "<?bash.*?>"; then
 38 |       if [[ $flag -eq 0 ]]; then
 39 |         line=${line//<?bash/<?}
 40 |         pre=$(echo -e "$line" | sed -e 's/<?.*//')
 41 |         comm=$(echo -e "$line" | sed -e 's/^.*<? //' | sed -e 's/?>.*//')
 42 |         post=$(echo -e "$line" | sed -e 's/^.*?>//')
 43 | 
 44 |         if [[ -n "$pre" ]]; then
 45 |           pre=${pre//\\/\\\\}
 46 |           mod_pre=$(echo -e "$pre" | sed 's/"/\\\"/g')
 47 |           mod_pre=${mod_pre//\$/\\$}
 48 |           echo -e "echo  \"$mod_pre\"" >>"$2"
 49 |         fi
 50 |         echo -e "$comm" >>"$2"
 51 |         if [[ -n "$post" ]]; then
 52 |           post=${post//\\/\\\\}
 53 |           mod_post=$(echo -e "$post" | sed 's/"/\\\"/g')
 54 |           mod_post=${mod_post//\$/\\$}
 55 |           echo -e "echo  \"$mod_post\"" >>"$2"
 56 |         fi
 57 |         continue
 58 |       else
 59 |         echo "ERROR : Non-terminated &lt;?bash or &lt;? in file $1 (Line $lc) "
 60 |         exit 1
 61 |       fi
 62 |     fi
 63 |     # Start tag
 64 |     if echo "$line" | sed 's/^ *//' | grep -q "^<?bash\\|^<?"; then
 65 |       if [[ $flag -eq 0 ]]; then
 66 |         flag=1
 67 |         line=${line/<?bash/}
 68 |         echo -e "${line/<?/}" >>"$2"
 69 |       else
 70 |         echo "ERROR : Non-terminated &lt;?bash or &lt;? in file $1 (Line $lc) "
 71 |         exit 1
 72 |       fi
 73 |       continue
 74 |     fi
 75 |     # End tag
 76 |     if echo "$line" | grep -q "?>$"; then
 77 |       if [[ $flag -eq 1 ]]; then
 78 |         flag=0
 79 |         echo "${line/?>/}" >>"$2"
 80 |       else
 81 |         echo "ERROR : Unmatched ?&gt; in file $1 (Line $lc)"
 82 |         exit 1
 83 |       fi
 84 |       continue
 85 |     fi
 86 |     # Take action on current line based on flag
 87 |     if [[ $flag -eq 0 ]]; then
 88 |       line=${line//\\/\\\\}
 89 |       modline=$(echo -e "$line" | sed -e 's/"/\\\"/g')
 90 |       modline=${modline//\$/\\$}
 91 |       echo -e "echo  \"$modline\"" >>"$2"
 92 |     else
 93 |       echo -e "${line}" >>"$2"
 94 |     fi
 95 |   done <"$1"
 96 | }
 97 | for file in *.htsh; do
 98 |   if [[ "$file" -nt ${cgi_path}"${file//htsh/cgi}" ]]; then
 99 |     echo -e "\\033[0;32m$file \\033[0;31m--->>\\033[0;32m ${cgi_path}${file//htsh/cgi}\\033[0m"
100 |     bos "$file" ${cgi_path}"${file//htsh/cgi}"
101 |     chmod +x ${cgi_path}"${file//htsh/cgi}"
102 |   fi
103 | done
104 | 


--------------------------------------------------------------------------------
/docs/_config.yml:
--------------------------------------------------------------------------------
1 | theme: jekyll-theme-cayman


--------------------------------------------------------------------------------
/docs/index.md:
--------------------------------------------------------------------------------
  1 | ## Use !#bash scripts for writing beautiful web apps
  2 | ![pageres](https://raw.githubusercontent.com/tinoschroeter/bash_on_steroids/master/static/like_a_boss.png)
  3 | 
  4 | ![BoS](https://img.shields.io/badge/%23!Bash%20-%20on%20steroids-blue.svg)
  5 | [![Build Status](https://travis-ci.org/tinoschroeter/bash_on_steroids.svg?branch=master)](https://travis-ci.org/tinoschroeter/bash_on_steroids)
  6 | [![Gitter](https://img.shields.io/gitter/room/nwjs/nw.js.svg)](https://gitter.im/bashops/bash_on_steroids)
  7 | [![Code Climate](https://codeclimate.com/github/tinoschroeter/bash_on_steroids/badges/gpa.svg)](https://codeclimate.com/github/tinoschroeter/bash_on_steroids)
  8 | ![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)
  9 | [![k3s](https://img.shields.io/badge/run%20on%20-Raspberry%20Pi-red)](https://gist.github.com/tinoschroeter/fd4c254e93b2fd0c0b584bdcf756e95f)
 10 | 
 11 | ## Features
 12 | - easy to use  ``` <?bash echo "hello world" ?>```
 13 | - write fast **Web Apps** in pure **#!bash** script
 14 | - **QUERY_STRING** and **POST_STRING** variables can used as normal bash **variables**
 15 |   (e.g example?var1=foo&var2=bar&var3=nase becomes to echo "${var1} ${var2} ${var3})
 16 | - Function for decoding URL-encoding: var_dec=$(urldecode $var1)
 17 | - Bash for Web Applications
 18 | 
 19 | ## Install Apache2
 20 | ```shell
 21 | apt-get update; apt-get install -y apache2
 22 | tee /etc/apache2/sites-enabled/000-default.conf >/dev/null <<EOF
 23 | <VirtualHost *:80>
 24 | 	ServerName example.org
 25 | 	ServerAdmin webmaster@example.org
 26 | 	DocumentRoot /var/www/html/
 27 |  
 28 |         ScriptAlias "/index.html" "/usr/lib/cgi-bin/index.cgi"
 29 |         ScriptAlias "/index" "/usr/lib/cgi-bin/index.cgi"
 30 |         RedirectMatch 404 .*\.htsh
 31 |         <Directory /var/www/html/>
 32 |           AllowOverride none
 33 |           Options -Indexes
 34 |           Require all granted
 35 |         </Directory>
 36 | 	ErrorLog /var/log/apache2/error.log
 37 | 	CustomLog /var/log/apache2/access.log combined
 38 | 	Include conf-available/serve-cgi-bin.conf
 39 | </VirtualHost>
 40 | EOF
 41 | a2enmod cgid
 42 | service apache2 restart
 43 | ```
 44 | ## install BoS
 45 | ```shell
 46 | git clone https://github.com/tinoschroeter/bash_on_steroids.git /var/www/newProject
 47 | cd /var/www/newProject
 48 | ./bos
 49 | ```
 50 | 
 51 | ## Usage
 52 | All bash codes are to be enclosed within ``` <?bash ... ?> or in short, <? ... ?>``` tags. 
 53 | ```html
 54 | <!DOCTYPE html>
 55 | <html>
 56 |  <body>
 57 |  <ul>
 58 |     <?bash
 59 |       for i in Buzz Rex Bo Hamm Slink Potato; do
 60 |         echo "<li>$i</li>"
 61 |       done
 62 |       ?>
 63 | </ul>
 64 | </body>
 65 | </html>
 66 | ```
 67 | ![list](https://raw.githubusercontent.com/tinoschroeter/bash_on_steroids/master/static/lists.png)
 68 | 
 69 | ## Decode URL-encoding
 70 | ```
 71 | transform this %23%21%2Fbin%2Fbash to that #!/bin/bash
 72 | example:
 73 | 
 74 | var_dec=$(urldecode $var)
 75 | 
 76 | https://en.wikipedia.org/wiki/Percent-encoding
 77 | ```
 78 | 
 79 | ## build
 80 | ```shell
 81 | $ ./bos.sh 
 82 | $ index.htsh --->> /usr/lib/cgi-bin/index.cgi
 83 | ```
 84 | ## Vagrant
 85 | ```shell
 86 | git clone https://github.com/tinoschroeter/bash_on_steroids.git
 87 | cd bash_on_steroids
 88 | 
 89 | vagrant up
 90 | 
 91 | open http://localhost:8080/
 92 | ```
 93 | ![STvsSW](https://raw.githubusercontent.com/tinoschroeter/bash_on_steroids/master/static/stvssw.jpg "STvsSW")
 94 | 
 95 | ## DEMO
 96 | 
 97 |   * [Vote Star Trek vs Star Wars](https://vote.bashops.sh) (ready) 
 98 | [source](https://github.com/tinoschroeter/bash_on_steroids/tree/master/DEMO/vote)
 99 |   * [QR Code Generator](https://qrcode.bashops.sh) (ready) 
100 | [source](https://github.com/tinoschroeter/bash_on_steroids/tree/master/DEMO/qrcode)
101 |   * [Environment Variables](https://env.bashops.sh) (ready) 
102 | [source](https://github.com/tinoschroeter/bash_on_steroids/tree/master/DEMO/env)
103 |   * [guestbook](https://guestbook.bashops.sh) (ready)
104 | [source](https://github.com/tinoschroeter/bash_on_steroids/tree/master/DEMO/guestbook)
105 |   * [Markdown Wiki](https://wiki.bashops.sh) (ready) 
106 | [source](https://github.com/tinoschroeter/bash_on_steroids/tree/master/DEMO/wiki)
107 |   * [login](https://login.bashops.sh) (ready)
108 | [source](https://github.com/tinoschroeter/bash_on_steroids/tree/master/DEMO/login)
109 |   * [VM Management tool](https://vmtool.bashops.sh) (not ready) 
110 | [source](https://github.com/tinoschroeter/bash_on_steroids/tree/master/DEMO/vmtool)
111 |   * [WLAN config tool](https://wlan.bashops.sh) (ready) 
112 | [source](https://github.com/tinoschroeter/bash_on_steroids/tree/master/DEMO/wlan)
113 |   * [todo](https://todo.bashops.sh) (not ready)
114 | [source](https://github.com/tinoschroeter/bash_on_steroids/tree/master/DEMO/todo)
115 | 
116 | 
117 | ## Wiki
118 | 
119 | [Wiki -->](https://github.com/tinoschroeter/bash_on_steroids/wiki)
120 | ![wiki](https://raw.githubusercontent.com/tinoschroeter/bash_on_steroids/master/static/wiki.png "wiki")
121 | 


--------------------------------------------------------------------------------
/index.htsh:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <title>Star Trek vs Star Wars!</title>
 6 |     <meta name = "viewport" content = "width=device-width, initial-scale = 1.0">
 7 |     <meta name="author" content="Tino Schroeter">
 8 |     <link rel="stylesheet" href="static/css/style.css" />
 9 |     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
10 |     <link rel="shortcut icon" href="static/favicon.ico">
11 |  </head>
12 |    <?bash 
13 |    if [[ "$vote" = "a" ]];then
14 |      c=$(cat /tmp/a)
15 |      a=$(( $c +1 ))
16 |      echo $a > /tmp/a
17 |    elif [[ "$vote" = "b" ]];then 
18 |      c=$(cat /tmp/b)
19 |      b=$(( $c +1 ))
20 |      echo $b > /tmp/b
21 |    fi
22 |    ?>
23 |   <body>
24 |     <div id="content-container">
25 |       <div id="content-container-center">
26 |         <h3>Star Trek vs Star Wars!</h3>
27 |         <p>Hostname: <?bash hostname ?></p>
28 |         <p><?bash uptime | sed 's/average//g' | sed 's/  0 users, //g' ?></p>
29 |         <p>IP Adress: <?bash echo $HTTP_X_REAL_IP ?></p>
30 |         <form id="choice" name='form' method="POST" action="/">
31 |           <button id="a" type="submit" name="vote" class="a" value="a">Star Trek</button>
32 |           <button id="b" type="submit" name="vote" class="b" value="b">Star Wars</button>
33 |         </form>
34 |         <div id="tip">
35 |          <?bash
36 |          trek=$(cat /tmp/a) || trek=0
37 |            echo "Star Trek $trek votes<br>"
38 |          wars=$(cat /tmp/b) || wars=0
39 |            echo "Star Wars $wars votes<br>"
40 |          ?>
41 |         </div>
42 |        </div>
43 |       </div>
44 |     </div>
45 |   </body>
46 | </html>
47 | 


--------------------------------------------------------------------------------
/install.sh:
--------------------------------------------------------------------------------
 1 | #!/bin/bash
 2 | apt-get install -y apache2
 3 | 
 4 | ServerName="example.org"
 5 | tee /etc/apache2/sites-enabled/000-default.conf >/dev/null <<EOF
 6 | <VirtualHost *:80>
 7 |     ServerName example.org
 8 |     ServerAdmin webmaster@example.org
 9 |     DocumentRoot /var/www/html/
10 |  
11 |         ScriptAlias "/index.html" "/usr/lib/cgi-bin/index.cgi"
12 |         ScriptAlias "/index" "/usr/lib/cgi-bin/index.cgi"                                                                                             
13 |         RedirectMatch 404 .*\.htsh
14 |         <Directory /var/www/html/>
15 |           AllowOverride none
16 |           Options -Indexes
17 |           Require all granted
18 |         </Directory>
19 |     ErrorLog /var/log/apache2/error.log
20 |     CustomLog /var/log/apache2/access.log combined
21 |     Include conf-available/serve-cgi-bin.conf
22 | </VirtualHost>
23 | EOF
24 | a2enmod cgid
25 | service apache2 restart
26 | 


--------------------------------------------------------------------------------
/k8s/base/bos.yaml:
--------------------------------------------------------------------------------
 1 | apiVersion: apps/v1
 2 | kind: Deployment
 3 | metadata:
 4 |   annotations: 
 5 |   labels:
 6 |     app: bos-app
 7 |   name: bos-app
 8 |   namespace: bos
 9 | spec:
10 |   replicas: 2
11 |   selector:
12 |     matchLabels:
13 |       app: bos-app
14 |   template:
15 |     metadata:
16 |       labels:
17 |         app: bos-app
18 |     spec:
19 |       containers:
20 |       - name: bos-app
21 |         image: registry.tino.sh/bos
22 |         volumeMounts:
23 |         - name: bos-file
24 |           mountPath: /tmp
25 |         resources:
26 |           requests:
27 |             memory: "100Mi"
28 |             cpu: "200m"
29 |           limits:
30 |             memory: "440Mi"
31 |             cpu: "500m"
32 |       volumes:
33 |       - name: bos-file
34 |         persistentVolumeClaim:
35 |           claimName: pvc-bos-file
36 | 


--------------------------------------------------------------------------------
/k8s/base/kustomization.yaml:
--------------------------------------------------------------------------------
1 | namespace: bos
2 | resources:
3 |   - services.yaml
4 |   - bos.yaml
5 | 


--------------------------------------------------------------------------------
/k8s/base/services.yaml:
--------------------------------------------------------------------------------
 1 | apiVersion: v1
 2 | kind: Service
 3 | metadata:
 4 |   name: bos-service
 5 |   namespace: bos
 6 | spec:
 7 |   selector:
 8 |     app: bos-app
 9 |   ports:
10 |     - port: 7777
11 |       targetPort: 80
12 | 


--------------------------------------------------------------------------------
/k8s/base/skaffold.yaml:
--------------------------------------------------------------------------------
 1 | apiVersion: skaffold/v1
 2 | kind: Config
 3 | build:
 4 |   artifacts:
 5 |   - image: registry.tino.sh/bos
 6 |     context: ../../
 7 |     docker:
 8 |       target: bash_on_steroids
 9 | deploy:
10 |   kustomize: {}
11 | 


--------------------------------------------------------------------------------
/k8s/production/ingress.yaml:
--------------------------------------------------------------------------------
 1 | apiVersion: networking.k8s.io/v1
 2 | kind: Ingress
 3 | metadata:
 4 |   annotations:
 5 |     kubernetes.io/ingress.class: nginx
 6 |     cert-manager.io/cluster-issuer: letsencrypt-prod
 7 |     acme.cert-manager.io/http01-edit-in-place: "true"
 8 |     nginx.ingress.kubernetes.io/ssl-redirect: "true"
 9 |   name: bos-ingress
10 |   namespace: bos
11 | spec:
12 |   rules:
13 |   - host: bos.tino.sh
14 |     http:
15 |       paths:
16 |       - pathType: Prefix
17 |         path: /
18 |         backend:
19 |           service:
20 |             name: bos-service
21 |             port: 
22 |               number: 7777
23 |   tls:
24 |   - hosts:
25 |     - bos.tino.sh
26 |     secretName: bos-tino-sh-tls
27 | 


--------------------------------------------------------------------------------
/k8s/production/kustomization.yaml:
--------------------------------------------------------------------------------
1 | ---
2 | bases:
3 |   - ../base
4 |   - pvc.yaml
5 |   - ingress.yaml
6 | 


--------------------------------------------------------------------------------
/k8s/production/pvc.yaml:
--------------------------------------------------------------------------------
 1 | ---
 2 | apiVersion: v1
 3 | kind: PersistentVolumeClaim
 4 | metadata:
 5 |   namespace: bos
 6 |   name: pvc-bos-file
 7 | spec:
 8 |   accessModes:
 9 |     - ReadWriteMany
10 |   storageClassName: nfs-client
11 |   resources:
12 |     requests:
13 |       storage: 1Gi
14 | 


--------------------------------------------------------------------------------
/k8s/production/skaffold.yaml:
--------------------------------------------------------------------------------
1 | ../base/skaffold.yaml


--------------------------------------------------------------------------------
/static/BashCheatSheet.md:
--------------------------------------------------------------------------------
  1 | ## Bash Cheat Sheet
  2 | 
  3 |   * [File Operators](#File_Operators)
  4 |   * [String Operators](#String_Operators)
  5 |   * [String Manipulation](#String_Manipulation)
  6 |   * [Arrays](#Arrays)
  7 |   * [Hashes](#Hashes)
  8 |   * [Conditionals](#Conditionals)
  9 |     * [if](#if)
 10 |     * [case](#case)
 11 |   * [Loops](#Loops)
 12 |     * [for](#for)
 13 |     * [while](#while)
 14 |     * [until](#until)
 15 |   * [Here Document](#Here_Document)
 16 |   * [function](#function)
 17 |   * [Example](#Example)
 18 |     * [Initscript](#Initscript)
 19 |     * [count example](count example)
 20 |     * [yes/no example](yes/no example)
 21 |     * [MySQL example](MySQL example)    
 22 | 
 23 | 
 24 | File_Operators
 25 | ==============
 26 | 
 27 | The complete list of bash 4.2 test operators:
 28 | ```
 29 | -a FILE        True if file exists.
 30 | -b FILE        True if file is block special.
 31 | -c FILE        True if file is character special.
 32 | -d FILE        True if file is a directory.
 33 | -e FILE        True if file exists.
 34 | -f FILE        True if file exists and is a regular file.
 35 | -g FILE        True if file is set-group-id.
 36 | -h FILE        True if file is a symbolic link.
 37 | -L FILE        True if file is a symbolic link.
 38 | -k FILE        True if file has its `sticky' bit set.
 39 | -p FILE        True if file is a named pipe.
 40 | -r FILE        True if file is readable by you.
 41 | -s FILE        True if file exists and is not empty.
 42 | -S FILE        True if file is a socket.
 43 | -t FD          True if FD is opened on a terminal.
 44 | -u FILE        True if the file is set-user-id.
 45 | -w FILE        True if the file is writable by you.
 46 | -x FILE        True if the file is executable by you.
 47 | -O FILE        True if the file is effectively owned by you.
 48 | -G FILE        True if the file is effectively owned by your group.
 49 | -N FILE        True if the file has been modified since it was last read.
 50 |     
 51 | FILE1 -nt FILE2  True if file1 is newer than file2 (according to modification date).
 52 |     
 53 | FILE1 -ot FILE2  True if file1 is older than file2.
 54 |   
 55 | FILE1 -ef FILE2  True if file1 is a hard link to file2.
 56 | ```
 57 | 
 58 | String_Operators
 59 | ================
 60 | 
 61 | The complete list of bash 4.2 string operators:
 62 | ```
 63 | -z STRING            True if string is empty.
 64 |     
 65 | -n STRING            True if string is not empty.
 66 |     
 67 | STRING1 = STRING2    True if the strings are equal.
 68 | 
 69 | STRING1 != STRING2   True if the strings are not equal.
 70 | 
 71 | STRING1 < STRING2    True if STRING1 sorts before STRING2 lexicographically.
 72 | 
 73 | STRING1 > STRING2    True if STRING1 sorts after STRING2 lexicographically.
 74 | ```
 75 | String_Manipulation
 76 | ===================
 77 | 
 78 | ```
 79 | ${str:position}			# substring starting at position
 80 | ${str:position:len}		# substring starting at position with length len
 81 | ${str#ubstring}			# delete shortest match from front
 82 | ${str##substring}		# delete longest match from front
 83 | ${str%substring}		# delete shortest match from back
 84 | ${str%%substring}		# delete longest match from back
 85 | ${str/pattern/replacement}	# pattern replace
 86 | ${str/#pattern/replacement}	# pattern replace at front
 87 | ${str/%pattern/replacement}	# pattern replace at end
 88 | ${str//pattern/replacement}	# global pattern replace
 89 | ```
 90 | 
 91 | Arrays
 92 | ======
 93 | 
 94 | Indexed arrays require no declaration
 95 | ```bash
 96 | arr=("string 1", "string 2", "string 3")
 97 | arr=([1]="string 1", [2]="string 2", [3]="string 3")
 98 | 
 99 | arr[4]="string 4"
100 | ```
101 | 
102 | Check below under "Hashes" for accessing the different properties of an array.
103 | 
104 | Hashes
105 | ======
106 | 
107 | Since Bash v4 Hashes need declaration!
108 | ```bash
109 | declare -A arr
110 | 
111 | # Assigning values to associative arrays
112 | arr[my key]="my value"
113 | arr["my key"]="my value"
114 | arr[$my_key]="my value"
115 | 
116 | # Fetching values
117 | echo ${arr[my key]}
118 | echo ${arr["my key"]}
119 | echo ${arr[$my_key]}
120 | 
121 | # Accessing the array
122 | ${arr[@]}         # Returns all indices and their items (doesn't work with associative arrays)
123 | ${arr[*]}         # Returns all items
124 | ${!arr[*]}        # Returns all indices
125 | ${#arr[*]}        # Number elements
126 | ${#arr[$n]}       # Length of $nth item
127 | 
128 | # Pushing to array
129 | arr+=("new string value", "another new value")
130 | ```
131 | Conditionals
132 | ============
133 | 
134 | if
135 | ==
136 | 
137 | ```bash
138 | if [ "foo" = "foo" ]; then
139 |   echo expression evaluated as true
140 | fi
141 | ```
142 | ```bash
143 | if [ "foo" = "foo" ]; then
144 |   echo expression evaluated as true
145 | else
146 |   echo expression evaluated as false
147 | fi
148 | ```
149 | ```bash
150 | if [ $var1  -eq $var2 ]; then
151 |   echo var1 is equal to var2
152 | elif [ $var1 -gt $var2 ]
153 |   echo var1 is greater then var2
154 | fi
155 | 
156 | ```
157 | 
158 | case
159 | ====
160 | 
161 | ```bash
162 | case "$1" in
163 | 1)
164 |   echo is 1
165 | 2)
166 |  echo ist 2
167 | 3|4)
168 |   echo is 3 or 4
169 | *)
170 |   echo is everything else
171 | esac
172 | ```
173 | 
174 | Loops
175 | =====
176 | 
177 | for
178 | ===
179 |  
180 | ```bash
181 | for i in {1..10};do echo $i;done
182 | ```
183 | ```bash
184 | for i in $(ls);do
185 |   echo $i
186 | done
187 | ```
188 | ### while 
189 | ```bash
190 | while :;do 
191 |   echo "hello"
192 | done
193 | ```
194 | ```bash
195 | COUNTER=0
196 | while [  $COUNTER -lt 10 ]; do
197 |   echo The counter is $COUNTER
198 |   (( COUNTER++ ))
199 | done
200 | ```
201 | ### until
202 | ```bash
203 | COUNTER=20
204 | until [  $COUNTER -lt 10 ]; do
205 |   echo COUNTER $COUNTER
206 |   (( COUNTER-- ))
207 | done
208 | ```
209 | 
210 | Here_Document
211 | =============
212 | 
213 | 
214 | Bash allow here documents like this
215 | 
216 | ```bash
217 | cat <<EOT
218 | [...]
219 | EOT
220 | 
221 | To disable substitution in the here doc text quote the marker with single or double quotes.
222 | 
223 | cat <<'EOT'
224 | 
225 | To strip leading tabs use
226 | 
227 | cat <<-EOT
228 | ```
229 | Function
230 | =========
231 | 
232 | ```bash
233 | foobar() {
234 |   echo "hello"
235 | }
236 | foobar
237 | ```
238 | 
239 | Example
240 | =======
241 | 
242 | #### Initscript example
243 | ```bash
244 | case "$1" in
245 |         start)
246 |             start
247 |             ;;
248 |          
249 |         stop)
250 |             stop
251 |             ;;
252 |          
253 |         status)
254 |             status anacron
255 |             ;;
256 |         restart)
257 |             stop
258 |             start
259 |             ;;
260 |         condrestart)
261 |             if test "x`pidof anacron`" != x; then
262 |                 stop
263 |                 start
264 |             fi
265 |             ;;
266 |          
267 |         *)
268 |             echo $"Usage: $0 {start|stop|restart|condrestart|status}"
269 |             exit 1
270 |  
271 | esac
272 | ```
273 | 
274 | #### count example
275 | 
276 | ```bash
277 | count=1
278 | for i in $(ls); do
279 |   echo $count
280 |   count=$((count+1))
281 | done
282 | ```
283 | 
284 | #### yes/no example
285 | ```bash
286 | echo -en "Type \"\033[41;1myes\033[0m\" when you're really sure: "
287 | read answer
288 | echo
289 | if [[ $(echo $answer | tr "[A-Z]" "[a-z]") == "yes" ]] ; then
290 |     echo -e "Waiting 5 secs. Press Ctrl-C to abort."
291 |     for n in 5 4 3 2 1 ; do
292 |         echo -n "$n ";sleep 1
293 |     done
294 | echo "continue..."
295 | ```
296 | 
297 | #### MySQL example
298 | ```bash
299 | echo "USE database
300 |   DROP TABLE ${host}"| mysql -u $user -h $mysqlserver
301 | ```
302 | ```bash
303 | echo "USE database
304 |   CREATE TABLE ${host} (id INT,package VARCHAR(20),version VARCHAR(20),repo VARCHAR(20));"| mysql -u $user -h $mysqlserver
305 | ```
306 | ```bash
307 | echo "USE databas
308 |   INSERT INTO ${host} (id,package,version,repo) VALUES(\"$id\",\"$package\",\"$version\",\"$repo\");"| mysql -u $user -h $mysqlserver
309 | ```
310 | 
311 | #### template
312 | ```bash
313 | ```
314 | 
315 | 
316 | 
317 | 
318 | 
319 | 
320 |  
321 | 
322 | 
323 | 
324 | 


--------------------------------------------------------------------------------
/static/css/signup.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |   padding-top: 40px;
 3 |   padding-bottom: 40px;
 4 | }
 5 | 
 6 | .form-signin {
 7 |   max-width: 330px;
 8 |   padding: 15px;
 9 |   margin: 0 auto;
10 | }
11 | .form-signin .form-signin-heading,
12 | .form-signin .checkbox {
13 |   margin-bottom: 10px;
14 | }
15 | .form-signin .checkbox {
16 |   font-weight: normal;
17 | }
18 | .form-signin .form-control {
19 |   position: relative;
20 |   height: auto;
21 |   -webkit-box-sizing: border-box;
22 |      -moz-box-sizing: border-box;
23 |           box-sizing: border-box;
24 |   padding: 30px;
25 |   font-size: 16px;
26 | }
27 | .form-signin .form-control:focus {
28 |   z-index: 2;
29 | }
30 | .form-signin input[type="email"] {
31 |   margin-bottom: -1px;
32 |   border-bottom-right-radius: 0;
33 |   border-bottom-left-radius: 0;
34 | }
35 | .form-signin input[type="password"] {
36 |   margin-bottom: 10px;
37 |   border-top-left-radius: 0;
38 |   border-top-right-radius: 0;
39 | }
40 | 


--------------------------------------------------------------------------------
/static/css/style.css:
--------------------------------------------------------------------------------
  1 | @import url(//fonts.googleapis.com/css?family=Open+Sans:400,700,600);
  2 | 
  3 | *{
  4 |   box-sizing:border-box;
  5 | }
  6 | body{
  7 |   margin: 0;
  8 |   padding: 0;
  9 |   background-color: #E6E6E6;
 10 |   height: 100vh;
 11 | }
 12 | html{
 13 |   font-family: 'Open Sans';
 14 |   background-color: #E6E6E6;
 15 | }
 16 | 
 17 | button{
 18 |   border-radius: 0;
 19 |   width: 100%;
 20 |   height: 50%;
 21 | }
 22 | 
 23 | button[type="submit"] {
 24 |   -webkit-appearance:none; -webkit-border-radius:0;
 25 | }
 26 | 
 27 | button i{
 28 |   float: right;
 29 |   padding-right: 30px;
 30 |   margin-top: 3px;
 31 | }
 32 | 
 33 | button.a{
 34 |   background-color: #1aaaf8;
 35 | }
 36 | 
 37 | button.b{
 38 |   background-color: #00cbca;
 39 | }
 40 | 
 41 | #tip{
 42 |   text-align: left;
 43 |   color: #424242;
 44 |   font-size: 14px;
 45 | }
 46 | 
 47 | #hostname{
 48 |   position: absolute;
 49 |   bottom: 100px;
 50 |   right: 0;
 51 |   left: 0;
 52 |   color: #8f9ea8;
 53 |   font-size: 24px;
 54 | }
 55 | 
 56 | #content-container{
 57 |   z-index: 2;
 58 |   position: relative;
 59 |   margin: 0 auto;
 60 |   display: table;
 61 |   padding: 10px;
 62 |   max-width: 940px;
 63 |   height: 100%;
 64 | }
 65 | #content-container-center{
 66 |   display: table-cell;
 67 |   text-align: center;
 68 | }
 69 | 
 70 | #content-container-center h3{
 71 |   color: #254356;
 72 | }
 73 | 
 74 | #choice{
 75 |   transition: all 300ms linear;
 76 |   line-height: 1.3em;
 77 |   display: inline;
 78 |   vertical-align: middle;
 79 |   font-size: 3em;
 80 | }
 81 | #choice a{
 82 |   text-decoration:none;
 83 | }
 84 | #choice a:hover, #choice a:focus{
 85 |   outline:0;
 86 |   text-decoration:underline;
 87 | }
 88 | 
 89 | #choice button{
 90 |   display: block;
 91 |   height: 80px;
 92 |   width: 330px;
 93 |   border: none;
 94 |   color: white;
 95 |   text-transform: uppercase;
 96 |   font-size:18px;
 97 |   font-weight: 700;
 98 |   margin-top: 10px;
 99 |   margin-bottom: 10px;
100 |   text-align: left;
101 |   padding-left: 50px;
102 | }
103 | 
104 | #choice button.a:hover{
105 |   background-color: #1488c6;
106 | }
107 | 
108 | #choice button.b:hover{
109 |   background-color: #00a2a1;
110 | }
111 | 
112 | #choice button.a:focus{
113 |   background-color: #1488c6;
114 | }
115 | 
116 | #choice button.b:focus{
117 |   background-color: #00a2a1;
118 | }
119 | 
120 | #background-stats{
121 |   z-index:1;
122 |   height:100%;
123 |   width:100%;
124 |   position:absolute;
125 | }
126 | #background-stats div{
127 |   transition: width 400ms ease-in-out;
128 |   display:inline-block;
129 |   margin-bottom:-4px;
130 |   width:50%;
131 |   height:100%;
132 | }
133 | 


--------------------------------------------------------------------------------
/static/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tinoschroeter/bash_on_steroids/df16412d3b51dba5b0e2d6ad242bf7060396f31e/static/favicon.ico


--------------------------------------------------------------------------------
/static/form.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tinoschroeter/bash_on_steroids/df16412d3b51dba5b0e2d6ad242bf7060396f31e/static/form.png


--------------------------------------------------------------------------------
/static/like_a_boss.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tinoschroeter/bash_on_steroids/df16412d3b51dba5b0e2d6ad242bf7060396f31e/static/like_a_boss.png


--------------------------------------------------------------------------------
/static/lists.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tinoschroeter/bash_on_steroids/df16412d3b51dba5b0e2d6ad242bf7060396f31e/static/lists.png


--------------------------------------------------------------------------------
/static/login.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tinoschroeter/bash_on_steroids/df16412d3b51dba5b0e2d6ad242bf7060396f31e/static/login.png


--------------------------------------------------------------------------------
/static/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tinoschroeter/bash_on_steroids/df16412d3b51dba5b0e2d6ad242bf7060396f31e/static/logo.png


--------------------------------------------------------------------------------
/static/running_through_the_rain.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tinoschroeter/bash_on_steroids/df16412d3b51dba5b0e2d6ad242bf7060396f31e/static/running_through_the_rain.gif


--------------------------------------------------------------------------------
/static/stvssw.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tinoschroeter/bash_on_steroids/df16412d3b51dba5b0e2d6ad242bf7060396f31e/static/stvssw.jpg


--------------------------------------------------------------------------------
/static/upload.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tinoschroeter/bash_on_steroids/df16412d3b51dba5b0e2d6ad242bf7060396f31e/static/upload.png


--------------------------------------------------------------------------------
/static/wiki.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tinoschroeter/bash_on_steroids/df16412d3b51dba5b0e2d6ad242bf7060396f31e/static/wiki.png


--------------------------------------------------------------------------------
/static/wlan.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tinoschroeter/bash_on_steroids/df16412d3b51dba5b0e2d6ad242bf7060396f31e/static/wlan.png


--------------------------------------------------------------------------------
/testing.bats:
--------------------------------------------------------------------------------
 1 | @test "test: bash is installed" {
 2 |     dpkg -l bash
 3 | }
 4 | @test "test: build cgi script" {
 5 |     ./build.sh
 6 | }
 7 | @test "test: apache2 is installed and running" {
 8 |     netstat -tuplen|grep apache2|grep 80
 9 | }
10 | @test "test: apache2 config is correct" {
11 |     grep -q 'serve-cgi-bin.conf' /etc/apache2/sites-enabled/000-default.conf 
12 | }
13 | @test "test: Website" {
14 |   curl -s http://localhost/index | grep -q 'Star Trek vs Star Wars'
15 | }
16 | @test "test: voting system" {
17 |   curl -d "vote=b" -X POST http://localhost/index
18 |   curl -s http://localhost/index | grep -q 'Star Wars [1-9] votes'
19 | }
20 | @test "test: check error log" {
21 |     if grep -q '/usr/lib/cgi-bin\|cgid:error' /var/log/apache2/error.log; then
22 |        false
23 |     else
24 |        true
25 |     fi
26 | }
27 | @test "test: shellcheck build script" {
28 |   shellcheck build.sh
29 | }
30 | 


--------------------------------------------------------------------------------