Mobile responsiveness (fix #1)

bilde2910 · bilde2910 · commit ad2511288b99 · 2018-11-09T20:56:39.000+01:00
The alert box that explained that mobile responsiveness was broken was what made the site unresponsive
diff --git a/404-nr.html b/404-nr.html
@@ -3,7 +3,7 @@
 
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>StopModReposts</title>
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
     <link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
@@ -56,7 +56,6 @@ <h2 class="text-center" style="margin-top: -30px;">404 - Not ready</h2>
         </div>
     </div>
     <div class="footer-dark">
-        <div class="alert alert-success mx-auto" role="alert" style="width: 918px;margin-bottom: 49px;background-color: rgb(237,214,212);color: rgb(87,25,21);"><span><strong>Alert:</strong>&nbsp;This website is currently in development. It might not be responsive yet, and can be hard to view on mobile devices. Please report bugs/issues here:&nbsp;<a class="alert-link text-primary" href="https://github.com/StopModReposts/stopmodreposts.github.io/issues">&nbsp;<i class="fa fa-external-link" style="color: rgb(0,123,255);margin-right: 4px;"></i>GitHub</a><br></span></div>
         <footer>
             <div class="container">
                 <div class="row">
@@ -100,4 +99,4 @@ <h3>#StopModReposts</h3>
     <script src="assets/js/Pricing-Compare-Sticky-Head.js"></script>
 </body>
 
-</html>
+</html>
diff --git a/about.html b/about.html
@@ -3,7 +3,7 @@
 
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>StopModReposts</title>
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
     <link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
@@ -56,7 +56,6 @@ <h2 class="text-center">About us</h2>
         </div>
     </div>
     <div class="footer-dark">
-        <div class="alert alert-success mx-auto" role="alert" style="width: 918px;margin-bottom: 49px;background-color: rgb(237,214,212);color: rgb(87,25,21);"><span><strong>Alert:</strong>&nbsp;This website is currently in development. It might not be responsive yet, and can be hard to view on mobile devices. Please report bugs/issues here:&nbsp;<a class="alert-link text-primary" href="https://github.com/StopModReposts/stopmodreposts.github.io/issues">&nbsp;<i class="fa fa-external-link" style="color: rgb(0,123,255);margin-right: 4px;"></i>GitHub</a><br></span></div>
         <footer>
             <div class="container">
                 <div class="row">
@@ -100,4 +99,4 @@ <h3>#StopModReposts</h3>
     <script src="assets/js/Pricing-Compare-Sticky-Head.js"></script>
 </body>
 
-</html>
+</html>
diff --git a/contact.html b/contact.html
@@ -3,7 +3,7 @@
 
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>StopModReposts</title>
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
     <link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
@@ -57,7 +57,6 @@ <h2 class="text-center">Contact us</h2>
         </form>
     </div>
     <div class="footer-dark">
-        <div class="alert alert-success mx-auto" role="alert" style="width: 918px;margin-bottom: 49px;background-color: rgb(237,214,212);color: rgb(87,25,21);"><span><strong>Alert:</strong>&nbsp;This website is currently in development. It might not be responsive yet, and can be hard to view on mobile devices. Please report bugs/issues here:&nbsp;<a class="alert-link text-primary" href="https://github.com/StopModReposts/stopmodreposts.github.io/issues">&nbsp;<i class="fa fa-external-link" style="color: rgb(0,123,255);margin-right: 4px;"></i>GitHub</a><br></span></div>
         <footer>
             <div class="container">
                 <div class="row">
@@ -101,4 +100,4 @@ <h3>#StopModReposts</h3>
     <script src="assets/js/Pricing-Compare-Sticky-Head.js"></script>
 </body>
 
-</html>
+</html>
diff --git a/extension.html b/extension.html
@@ -3,7 +3,7 @@
 
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>StopModReposts</title>
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
     <link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
@@ -71,7 +71,6 @@ <h2 class="text-center">Downloads</h2>
         </div>
     </div>
     <div class="footer-dark">
-        <div class="alert alert-success mx-auto" role="alert" style="width: 918px;margin-bottom: 49px;background-color: rgb(237,214,212);color: rgb(87,25,21);"><span><strong>Alert:</strong>&nbsp;This website is currently in development. It might not be responsive yet, and can be hard to view on mobile devices. Please report bugs/issues here:&nbsp;<a class="alert-link text-primary" href="https://github.com/StopModReposts/stopmodreposts.github.io/issues">&nbsp;<i class="fa fa-external-link" style="color: rgb(0,123,255);margin-right: 4px;"></i>GitHub</a><br></span></div>
         <footer>
             <div class="container">
                 <div class="row">
@@ -115,4 +114,4 @@ <h3>#StopModReposts</h3>
     <script src="assets/js/Pricing-Compare-Sticky-Head.js"></script>
 </body>
 
-</html>
+</html>
diff --git a/faq.html b/faq.html
@@ -3,7 +3,7 @@
 
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>StopModReposts</title>
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
     <link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
@@ -75,7 +75,6 @@ <h2 class="text-center">Still got Questions?</h2>
         </div>
     </div>
     <div class="footer-dark">
-        <div class="alert alert-success mx-auto" role="alert" style="width: 918px;margin-bottom: 49px;background-color: rgb(237,214,212);color: rgb(87,25,21);"><span><strong>Alert:</strong>&nbsp;This website is currently in development. It might not be responsive yet, and can be hard to view on mobile devices. Please report bugs/issues here:&nbsp;<a class="alert-link text-primary" href="https://github.com/StopModReposts/stopmodreposts.github.io/issues">&nbsp;<i class="fa fa-external-link" style="color: rgb(0,123,255);margin-right: 4px;"></i>GitHub</a><br></span></div>
         <footer>
             <div class="container">
                 <div class="row">
diff --git a/howto.html b/howto.html
@@ -3,7 +3,7 @@
 
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>StopModReposts</title>
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
     <link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
@@ -69,7 +69,6 @@ <h3 class="mx-auto" style="width: 1050px;margin-top: 45px;"><span class="badge b
         <p class="mx-auto" style="width: 1050px;">You can file a DMCA takedown notice to request the removal of your mod.<em> </em><br><em>Please keep in mind: DMCAs are legal documents, and you must make sure you understand the full procedure, and the consequenses for not following it.</em></p>
     </div>
     <div class="footer-dark">
-        <div class="alert alert-success mx-auto" role="alert" style="width: 918px;margin-bottom: 49px;background-color: rgb(237,214,212);color: rgb(87,25,21);"><span><strong>Alert:</strong>&nbsp;This website is currently in development. It might not be responsive yet, and can be hard to view on mobile devices. Please report bugs/issues here:&nbsp;<a class="alert-link text-primary" href="https://github.com/StopModReposts/stopmodreposts.github.io/issues">&nbsp;<i class="fa fa-external-link" style="color: rgb(0,123,255);margin-right: 4px;"></i>GitHub</a><br></span></div>
         <footer>
             <div class="container">
                 <div class="row">
diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
 
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>StopModReposts</title>
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
     <link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
@@ -124,7 +124,6 @@ <h2 class="text-center">Visit the Discord Server!</h2>
         </div>
     </div>
     <div class="footer-dark">
-        <div class="alert alert-success mx-auto" role="alert" style="width: 918px;margin-bottom: 49px;background-color: rgb(237,214,212);color: rgb(87,25,21);"><span><strong>Alert:</strong>&nbsp;This website is currently in development. It might not be responsive yet, and can be hard to view on mobile devices. Please report bugs/issues here:&nbsp;<a class="alert-link text-primary" href="https://github.com/StopModReposts/stopmodreposts.github.io/issues">&nbsp;<i class="fa fa-external-link" style="color: rgb(0,123,255);margin-right: 4px;"></i>GitHub</a><br></span></div>
         <footer>
             <div class="container">
                 <div class="row">
diff --git a/privacypolicy.html b/privacypolicy.html
@@ -3,7 +3,7 @@
 
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>StopModReposts</title>
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
     <link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
@@ -56,7 +56,6 @@ <h2 class="text-center" style="margin-bottom: 25px;">Privacy Policy</h2>
         feel free to contact us.<br><br>This policy is effective as of 14 October 2018.<br><br>Contact:<a class="text-primary" href="contact.html" style="margin-left: 3px;">&nbsp;<i class="fa fa-external-link" style="color: rgb(0,123,255);margin-right: 4px;"></i>Contact</a><br>Privacy
         Policy by&nbsp;https://getterms.io/</p>
     <div class="footer-dark">
-        <div class="alert alert-success mx-auto" role="alert" style="width: 918px;margin-bottom: 49px;background-color: rgb(237,214,212);color: rgb(87,25,21);"><span><strong>Alert:</strong>&nbsp;This website is currently in development. It might not be responsive yet, and can be hard to view on mobile devices. Please report bugs/issues here:&nbsp;<a class="alert-link text-primary" href="https://github.com/StopModReposts/stopmodreposts.github.io/issues">&nbsp;<i class="fa fa-external-link" style="color: rgb(0,123,255);margin-right: 4px;"></i>GitHub</a><br></span></div>
         <footer>
             <div class="container">
                 <div class="row">
@@ -100,4 +99,4 @@ <h3>#StopModReposts</h3>
     <script src="assets/js/Pricing-Compare-Sticky-Head.js"></script>
 </body>
 
-</html>
+</html>
diff --git a/tos.html b/tos.html
@@ -3,7 +3,7 @@
 
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>StopModReposts</title>
     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
     <link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
@@ -69,7 +69,6 @@ <h2 class="text-center" style="margin-bottom: 25px;">Terms of Service</h2>
                 terms and conditions are governed by and construed in accordance with the laws of Europe and you irrevocably submit to the exclusive jurisdiction of the courts in that State or location.<br><br>Contact:<a class="text-primary" href="contact.html"
                     style="margin-left: 3px;">&nbsp;<i class="fa fa-external-link" style="color: rgb(0,123,255);margin-right: 4px;"></i>Contact</a><br>Terms of Service by&nbsp;https://getterms.io/</p>
     <div class="footer-dark">
-        <div class="alert alert-success mx-auto" role="alert" style="width: 918px;margin-bottom: 49px;background-color: rgb(237,214,212);color: rgb(87,25,21);"><span><strong>Alert:</strong>&nbsp;This website is currently in development. It might not be responsive yet, and can be hard to view on mobile devices. Please report bugs/issues here:&nbsp;<a class="alert-link text-primary" href="https://github.com/StopModReposts/stopmodreposts.github.io/issues">&nbsp;<i class="fa fa-external-link" style="color: rgb(0,123,255);margin-right: 4px;"></i>GitHub</a><br></span></div>
         <footer>
             <div class="container">
                 <div class="row">
@@ -113,4 +112,4 @@ <h3>#StopModReposts</h3>
     <script src="assets/js/Pricing-Compare-Sticky-Head.js"></script>
 </body>
 
-</html>
+</html>
