diff --git a/site/index.html b/site/index.html index 2d9cc3f686cad719c2953e6bbbb460c95ccfe864..9e338c3ea4a078622b63cfee05e10af4d70e6832 100644 --- a/site/index.html +++ b/site/index.html @@ -10,7 +10,10 @@ <meta name="author" content=""> <link rel="shortcut icon" href="favicon.ico"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css"> - <link rel="stylesheet" href="assets/css/bootstrap.min.css"> + <link rel="stylesheet" + href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" + integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" + crossorigin="anonymous"> <link id="theme-style" rel="stylesheet" href="assets/css/styles.css"> </head> @@ -30,7 +33,8 @@ links mangled by Microsoft Defender for Office 365 Safe Links. Install the stable extension using your browser or mail reader, or if you're comfortable using the developer - mode of your software,get one of the beta versions. <br /> + mode of your software, get one of the beta versions. + <br /> <span class="small">Most recent build: %VERSION% (%BUILDDATE% UTC)</span> </div><!--//tagline--> </div><!--//container--> @@ -78,7 +82,8 @@ Download the Safe Links Cleaner beta version for the Microsoft Edge Browser. </p> - <a class="btn btn-purple" href="safelinks-cleaner-edge-beta.zip">Beta</a> + <button type="button" class="btn btn-purple" + data-toggle="modal" data-target="#edge-instructions">Beta</button> </div><!--//item-inner--> </div><!--//item--> <div class="item item-blue col-lg-4 col-6"> @@ -89,9 +94,10 @@ <h3 class="title">Chrome</h3> <p class="intro"> Download the Safe Links Cleaner beta version for - the Google Chrome Browser. + the Google Chrome on Linux. </p> - <a class="btn btn-blue" href="safelinks-cleaner-chrome-beta.crx">Beta</a> + <button type="button" class="btn btn-blue" + data-toggle="modal" data-target="#chrome-instructions">Beta</button> </div><!--//item-inner--> </div><!--//item--> <div class="item item-primary col-lg-4 col-6"> @@ -132,10 +138,90 @@ <footer class="footer text-center"> <div class="container"> <small class="copyright">Based on a template designed with - heart by <a href="https://themes.3rdwavemedia.com/" - target="_blank">Xiaoying Riley</a> for developers</small> + heart by <a href="https://themes.3rdwavemedia.com/" + target="_blank">Xiaoying Riley</a> for developers</small> </div><!--//container--> </footer><!--//footer--> + + <div class="modal fade" id="edge-instructions" tabindex="-1" role="dialog" + aria-labelledby="edge-instructions-label" aria-hidden="true"> + <div class="modal-dialog" role="document"> + <div class="modal-content"> + <div class="modal-header"> + <h5 class="modal-title" id="edge-instructions-label">Loading the beta in edge</h5> + <button type="button" class="close" data-dismiss="modal" aria-label="Close"> + <span aria-hidden="true">×</span> + </button> + </div> + <div class="modal-body"> + <p> + Edge will not allow you to install this extension + permanently. To test it, follow these steps: + </p> + <ul> + <li>Download the zip fileu sing the button below.</li> + <li>Unzip the file into a directory of your choosing.</li> + <li>Open edge and navigate to <a href="edge://extensions">edge://extensions</a>.</li> + <li>Enable developer mode.</li> + <li>Click "Load unpacked" and browse to the directory containing the extension.</li> + <li>Click "Select Folder"</li> + </ul> + <p> + The extension should now be loaded. You will need to + repeat this every time you restart edge. + </p> + <p class="text-center"> + <a class="btn btn-purple" href="safelinks-cleaner-edge-beta.zip" + download>Download beta</a> + </p> + </div> + </div> + </div> + </div> + + <div class="modal fade" id="chrome-instructions" tabindex="-1" role="dialog" + aria-labelledby="chrome-instructions-label" aria-hidden="true"> + <div class="modal-dialog" role="document"> + <div class="modal-content"> + <div class="modal-header"> + <h5 class="modal-title" id="chrome-instructions-label">Loading the beta in chrome</h5> + <button type="button" class="close" data-dismiss="modal" aria-label="Close"> + <span aria-hidden="true">×</span> + </button> + </div> + <div class="modal-body"> + <p> + Chrome may not allow you to install this extension + permanently and will refuse to enable it on Windows or + MacOS. If you want to test it on Linux, follow these + steps: + </p> + <ul> + <li>Download the crx file using the button below.</li> + <li>Open chrome and navigate to <a href="chrome://extensions">chrome://extensions</a>.</li> + <li>Enable developer mode.</li> + <li>Locate the crx file in a file browser.</li> + <li>Drag the crx file onto the extensions tab in Chrome.</li> + </ul> + <p> + The extension should now be loaded. You may need to + repeat this every time you restart chrome. + </p> + <p class="text-center"> + <a class="btn btn-blue" href="safelinks-cleaner-chrome-beta.zip" + download>Download beta</a> + </p> + </div> + </div> + </div> + </div> + + <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" + integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" + crossorigin="anonymous"></script> + <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" + integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" + crossorigin="anonymous"></script> </body> </html>