applied some patches - v1.1.1

- auto-scroll to search results.
- auto focus on contribute page.
- remove duplicate JS code.

Author: Bhupesh-V

app/static/app/js/custom.js

@@ -0,0 +1,25 @@
+
+setTimeout(function focusMe(){
+  document.getElementById("focus-here").scrollIntoView();
+});
+
+function share(title, link){
+  if (navigator.share) {
+    navigator.share({
+    title: title,
+    url: link,
+    })
+    .then(() => console.log('Successful Share'))
+    .catch((error) => console.log('Error sharing', error));
+  }
+}
+
+async function registerSW(){
+  if('serviceWorker' in navigator) {
+    try{
+        await navigator.serviceWorker.register("{% static 'app/js/sw.js' %}");
+    } catch(e) {
+      console.log('SW Registration Failed.');
+    }
+  }
+}

app/templates/base.html

@@ -68,31 +68,11 @@
     <script async src="https://c6.patreon.com/becomePatronButton.bundle.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/randomcolor/0.5.4/randomColor.min.js"></script>
     <script src="{% static 'app/js/colorpad.js' %}"></script>
+    <script async src="{% static 'app/js/custom.js' %}"></script>
     <script type="text/javascript">
       window.onload = function() {
         registerSW();
       };
-      async function registerSW(){
-        if('serviceWorker' in navigator) {
-          try{
-              await navigator.serviceWorker.register("{% static 'app/js/sw.js' %}");
-          } catch(e) {
-            console.log('SW Registration Failed.');
-          }
-        }
-      }
-    </script>
-    <script type="text/javascript">
-      function share(title, link){
-        if (navigator.share) {
-          navigator.share({
-          title: title,
-          url: link,
-          })
-          .then(() => console.log('Successful Share'))
-          .catch((error) => console.log('Error sharing', error));
-        }
-      }
     </script>
   </body>
 </html>

app/templates/contribute.html

@@ -37,7 +37,7 @@ <h2 class="title is-3"><i>{{ error }}</i></h2>
               <div class="field">
                 <label class="label">Link</label>
                 <div class="control">
-                  <input class="input is-rounded" type="url" name="tlink" placeholder="paste tutorial link here">
+                  <input class="input is-rounded" type="url" name="tlink" placeholder="paste tutorial link here" autofocus>
                 </div>
             </div>
 

app/templates/home.html

@@ -105,7 +105,7 @@ <h1 class="title" align="center">Search Tutorials</h1>
             </div>
           </div>
           <div class="control">
-            <button class="button is-primary is-rounded" type="submit">Submit</button>
+            <button class="button is-primary is-rounded" onclick='focusMe()' type="submit">Submit</button>
           </div>
         </form>
       </div>
@@ -126,31 +126,11 @@ <h1 class="title" align="center">Search Tutorials</h1>
       </div>
     </footer>
     <script async src="https://c6.patreon.com/becomePatronButton.bundle.js"></script>
+    <script async src="{% static 'app/js/custom.js' %}"></script>
     <script type="text/javascript">
       window.onload = function() {
         registerSW();
       };
-      async function registerSW(){
-        if('serviceWorker' in navigator) {
-          try{
-              await navigator.serviceWorker.register("{% static 'app/js/sw.js' %}");
-          } catch(e) {
-            console.log('SW Registration Failed.');
-          }
-        }
-      }
-    </script>
-    <script type="text/javascript">
-      function share(title, link){
-        if (navigator.share) {
-          navigator.share({
-          title: title,
-          url: link,
-          })
-          .then(() => console.log('Successful Share'))
-          .catch((error) => console.log('Error sharing', error));
-        }
-      }
     </script>
   </body>
 </html>

app/templates/search_results.html

@@ -3,7 +3,7 @@
 {% block content %}
 
   {% if object_list %}
-    <div class="section">
+    <div class="section" id="focus-here">
       <h3 class="subtitle">Search Results for "{{ tquery }}"</h3>
       <div class="container">