Making Start typing button work and fix Android automatic text chan…

…ge (renatoliveira#13)

* Fix install order, adding start script

* Adding home page

* Adding logo and Github star link

* Fix typo

* Improving run script and making start typing button work

* Removing Android automatic changes in the home input

notto/nottoapp/templates/index.html

@@ -39,12 +39,18 @@
         }
         .button {
           height: 44px;
+          line-height: 35px;
           vertical-align: middle;
           background-color: #111;
           color: #fafafa;
           border: 0;
           border-radius: 2px;
           padding: 4px 16px;
+          cursor: pointer;
+        }
+        .button:hover {
+          text-decoration: none;
+          color: #fafafa;
         }
         .input-group .input-group-addon, .input-group input {
           border: 0;
@@ -89,11 +95,11 @@ <h2 class="subtitle">
             <div class="row">
               <div class="col-md-6 col-md-offset-3">
                 <div class="input-group">
-                  <span class="input-group-addon no-border">notto.io/</span>
-                  <input type="text" class="form-control no-border">
+                  <span class="input-group-addon">notto.io/</span>
+                  <input type="text" class="form-control" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"/>
                 </div>
                 <div class="center">
-                  <button type="button" class="button">Start typing</button>
+                  <a type="button" class="button">Start typing</a>
                 </div>
               </div>
             </div>
@@ -115,7 +121,13 @@ <h2 class="subtitle">
           var getAWord = function () {
             return wordList[Math.floor(Math.random() * wordList.length)]
           }
-          document.querySelector('.form-control').placeholder = getAWord() + '/' + getAWord()
+          var input = document.querySelector('.form-control')
+          var button = document.querySelector('.button')
+
+          input.placeholder = getAWord() + '/' + getAWord()
+          input.addEventListener('keyup', function () {
+            button.href = input.value
+          })
         </script>
         <script async defer src="https://buttons.github.io/buttons.js"></script>
     </body>

run.sh

@@ -1 +1,3 @@
-python3 ./notto/manage.py runserver
+source nottoenv/bin/activate && \
+cd ./notto && \
+python3 ./manage.py runserver