adde modal back

index.html

@@ -34,8 +34,21 @@
   </span>
 
   </div>
+  <div id="myModal" class="modal fade">
+      <div class="modal-dialog">
+          <div class="modal-content">
+              <div class="modal-header">
+                  <h5 class="modal-title">This website is better viewed on desktop</h5>
+                  <button type="button" class="close" data-dismiss="modal">&times;</button>
+              </div>
+              <div class="modal-body">
+                  <p>Sorry for that.</p>
 
               </div>
+          </div>
+      </div>
+  </div>
+  </div>
 <div class="row">
   <!-- background audio -->
   <div class="col-md-9">
@@ -353,7 +366,13 @@ $("#about").click(function(){
 
 
 </script>
-
+<script>
+    $(document).ready(function(){
+      if (screen.width < 768) {
+        $("#myModal").modal('show');
+      }
+    });
+</script>
 
 
 </div>