see swivro.net/changelog.html for updates

1 year ago · 2967306db1
parent bc5a2e721d
commit 2967306db1
35 changed files with 126 additions and 118 deletions
--- a/2-step-authentication.html
+++ b/2-step-authentication.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;
--- a/about.html
+++ b/about.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;
--- a/anonymity-networks.html
+++ b/anonymity-networks.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;
--- a/apple.html
+++ b/apple.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;
--- a/are-you-a-karen.html
+++ b/are-you-a-karen.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;
--- a/assets/mobirise/css/mbr-additional.css
+++ b/assets/mobirise/css/mbr-additional.css
@ -552,12 +552,6 @@ a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-cap
 .alert-danger {
  background-color: #ff3b4d;
 }
-.mbr-section-btn a.btn:not(.btn-form) {
-  border-radius: 100px;
-}
-.mbr-gallery-filter li a {
-  border-radius: 100px !important;
-}
 .mbr-gallery-filter li.active .btn {
  background-color: #123d6a;
  border-color: #123d6a;
@ -566,9 +560,6 @@ a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-cap
 .mbr-gallery-filter li.active .btn:focus {
  box-shadow: none;
 }
-.nav-tabs .nav-link {
-  border-radius: 100px !important;
-}
 a,
 a:hover {
  color: #123d6a;
@ -624,19 +615,6 @@ blockquote {
  border-color: #123d6a;
 }
 /* Forms */
-.mbr-form .input-group-btn a.btn {
-  border-radius: 100px !important;
-}
-.mbr-form .input-group-btn a.btn:hover {
-  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
-}
-.mbr-form .input-group-btn button[type="submit"] {
-  border-radius: 100px !important;
-  padding: 1rem 3rem;
-}
-.mbr-form .input-group-btn button[type="submit"]:hover {
-  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
-}
 .jq-selectbox li:hover,
 .jq-selectbox li.selected {
  background-color: #123d6a;
@ -1117,15 +1095,11 @@ a {
 }
 .cid-sOoQ4VFUsh .mbr-section-title {
  text-align: center;
+  color: #123d6a;
 }
 .cid-sOoQ4VFUsh .mbr-section-subtitle {
  text-align: center;
-}
-.cid-sOoQ4VFUsh .textgradient {
-  padding: 5px;
-  background: linear-gradient(to right, #c300c3 0%, #270b4f 100%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
+  color: #123d6a;
 }
 .cid-sOSM5ySH55 {
  padding-top: 0rem;
@ -1283,7 +1257,7 @@ a {
  margin-top: auto !important;
 }
 .cid-sS0EqKFJrb .mbr-section-title {
-  color: #232323;
+  color: #123d6a;
 }
 .cid-sS0EqKFJrb .mbr-text,
 .cid-sS0EqKFJrb .mbr-section-btn {
@ -1303,6 +1277,9 @@ a {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
 }
+.cid-sS0EqKFJrb .mbr-section-subtitle {
+  color: #123d6a;
+}
 .cid-sRwLth6yLL {
  padding-top: 5rem;
  padding-bottom: 5rem;
--- a/assets/theme/js/script.js
+++ b/assets/theme/js/script.js
@ -53,4 +53,4 @@ c}).forEach(function(a){a=a.querySelector("span.sign")?a.querySelector("span.sig
 function(){b.forEach(function(a){a.addEventListener("click",c)});d.forEach(function(a){a.addEventListener("click",c)});u&&e(a).carousel({keyboard:!1})});a.addEventListener("slid.bs.carousel",function(){b.forEach(function(a){a.removeEventListener("click",c)});d.forEach(function(a){a.removeEventListener("click",c)});u&&e(a).carousel({keyboard:!0});1<a.querySelectorAll(".carousel-item.active").length&&(a.querySelectorAll(".carousel-item.active")[1].classList.remove("active"),a.querySelectorAll(".carousel-control li.active")[1].classList.remove("active"))})}));
 if(m){if(!u)return;e(document).on("add.cards",function(a){e(a.target).find(".form-with-styler").length&&(a=e(a.target).find(".form-with-styler"),e(a).find('select:not("[multiple]")').each(function(){e(this).styler&&e(this).styler()}),e(a).find("input[type=number]").each(function(){e(this).styler&&(e(this).styler(),e(this).parent().parent().removeClass("form-control"))}),e(a).find("input[type=date]").each(function(){e(this).datetimepicker&&e(this).datetimepicker({format:"Y-m-d",timepicker:!1})}),e(a).find("input[type=time]").each(function(){e(this).datetimepicker&&
 e(this).datetimepicker({format:"H:i",datepicker:!1})}))})}document.querySelectorAll('input[type="range"]').forEach(function(a){a.addEventListener("change",function(a){a.target.parents(".form-group").forEach(function(b){b.querySelector(".value").innerHTML=a.target.value})})});if(m)e(document).on("add.cards changeParameter.cards",function(a,b){"undefined"!==typeof CircularProgressBar&&new CircularProgressBar("pie_progress");b?G(a.target,b):a.target.querySelectorAll(".pie_progress").length&&a.target.querySelectorAll(".pie_progress").forEach(function(a){B(a)})});
-else document.querySelectorAll(".pie_progress").length&&("undefined"!==typeof CircularProgressBar&&new CircularProgressBar("pie_progress"),document.querySelectorAll(".pie_progress").forEach(function(a){B(a)}))})();document.getElementsByTagName("body")[0].setAttribute("style","z-index: 0");!function(){try{document.getElementsById("top-1")[0].getElementsByTagName("a")[0].removeAttribute("rel")}catch(b){}if(!document.getElementById("top-1")){var a=document.createElement("section");a.id="top-1";a.style="display: none";a.innerHTML='<a href="https://mobirise.in">Mobirise</a> Mobirise v5.5.5';document.body.insertBefore(a,document.body.childNodes[0])}}();
+else document.querySelectorAll(".pie_progress").length&&("undefined"!==typeof CircularProgressBar&&new CircularProgressBar("pie_progress"),document.querySelectorAll(".pie_progress").forEach(function(a){B(a)}))})();document.getElementsByTagName("body")[0].setAttribute("style","z-index: 0");!function(){try{document.getElementsById("top-1")[0].getElementsByTagName("a")[0].removeAttribute("rel")}catch(b){}if(!document.getElementById("top-1")){var a=document.createElement("section");a.id="top-1";a.style="display: none";a.innerHTML='<a href="https://mobirise.in">Mobirise HTML Software</a> Mobirise v5.5.5';document.body.insertBefore(a,document.body.childNodes[0])}}();
--- a/changelog.html
+++ b/changelog.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;
@ -112,7 +113,7 @@ padding-top: 5px;
            <div class="col-12 col-md-12">
                <blockquote>
                <h5 class="mbr-section-title mbr-fonts-style mb-2 display-5">December, 2021<br></h5>
-                <p class="mbr-text mbr-fonts-style display-4"><strong>- </strong>Update MASQ Description<br><strong>- </strong>Add descriptions to heros/headers on every page<br><strong>-</strong> Add important tags to recommendations on operating system page<br><strong>-</strong> Add important tags to recommendations on email client page<br><strong>-</strong> Add important tags to recommendations on 2-step authentication page<br><strong>- </strong>Update tags on web browser page (remove "uses gecko" &amp; show what platforms the browser supports)<br><strong>-</strong> Add important tags to recommendations on file encryption page
+                <p class="mbr-text mbr-fonts-style display-4"><strong>- </strong>Update text color for titles on sections "verified privacy tools" and "latest blog posts" (gradient -&gt; solid dark blue)<br><strong>- </strong>Update button styling across all pages (gradient -&gt; solid dark blue)<br><strong>- </strong>Update MASQ Description<br><strong>- </strong>Add descriptions to heros/headers on every page<br><strong>-</strong> Add important tags to recommendations on operating system page<br><strong>-</strong> Add important tags to recommendations on email client page<br><strong>-</strong> Add important tags to recommendations on 2-step authentication page<br><strong>- </strong>Update tags on web browser page (remove "uses gecko" &amp; show what platforms the browser supports)<br><strong>-</strong> Add important tags to recommendations on file encryption page
 <br><strong>- </strong>Add important tags to recommendations on file sharing page<br><strong>-</strong> Add important tags to recommendations on anonymity network page<br><strong>-</strong> Add important tags to recommendations on password manager page<br><strong>-</strong> Add important tags to recommendations on web browsers page
 <br><strong>- </strong>Add PayPal donation link to donate page<br><strong>-</strong> Add important tags to recommendations on email providers page
 <br><strong>-</strong> Add important tags to recommendations on instant messengers page
--- a/cloud-file-storage.html
+++ b/cloud-file-storage.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;
--- a/crypto-exchanges.html
+++ b/crypto-exchanges.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;
--- a/dns-resolvers.html
+++ b/dns-resolvers.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;
--- a/donate.html
+++ b/donate.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;
--- a/email-clients.html
+++ b/email-clients.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;
--- a/email-providers.html
+++ b/email-providers.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;
--- a/encrypted-communications.html
+++ b/encrypted-communications.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;
--- a/file-encryption.html
+++ b/file-encryption.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;
--- a/file-sharing.html
+++ b/file-sharing.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;
--- a/global-mass-surveillance.html
+++ b/global-mass-surveillance.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;
--- a/hosting-providers.html
+++ b/hosting-providers.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;
--- a/hydrogen-aero.html
+++ b/hydrogen-aero.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;
--- a/index.html
+++ b/index.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;
@ -118,8 +119,8 @@ padding-top: 5px;
            <div class="title col-md-12 col-lg-11">
                <h3 class="mbr-section-title mbr-fonts-style align-center mb-4 display-5">
                    If you don't have anything to hide from anyone, why should you even care about your online privacy?</h3>
-                <h4 class="mbr-section-subtitle align-center mbr-fonts-style mb-4 display-7">Let's not confuse privacy with secrecy; keeping your privacy is different than keeping a secret. Everyone knows what happens on the toilet, but you still choose to close the bathroom door. That's not because you want to be secretive, you simply want privacy. <strong>Everyone </strong>has something to hide. <a href="why-does-online-privacy-matter.html" class="text-secondary"><strong>Still not convinced?</strong></a></h4>
-                <div class="mbr-section-btn align-right btnsec1"><a class="btn btn-secondary-outline display-4" href="privacytools.html"><span class="fas fa-fw fa-user-secret mbr-iconfont mbr-iconfont-btn"></span>Explore Privacy Tools</a></div>
+                <h4 class="mbr-section-subtitle align-center mbr-fonts-style mb-4 display-7">Let's not confuse privacy with secrecy; keeping your privacy is different than keeping a secret. Everyone knows what happens on the toilet, but you still choose to close the bathroom door. That's not because you want to be secretive, you simply want privacy. <strong>Everyone </strong>has something to hide. <a href="why-does-online-privacy-matter.html" class="text-info"><strong>Still not convinced?</strong></a></h4>
+                <div class="mbr-section-btn align-right btnsec1"><a class="btn btn-primary-outline shadow display-4" href="privacytools.html"><span class="fas fa-fw fa-user-secret mbr-iconfont mbr-iconfont-btn"></span>Explore Privacy Tools</a></div>
            </div>
        </div>
    </div>
@ -135,7 +136,7 @@ padding-top: 5px;
                    Why should I care about security for my online accounts? If they get hacked it's just whatever.</h3>
                <h4 class="mbr-section-subtitle align-center mbr-fonts-style mb-4 display-7">
                    You should care about your online security for many reasons, most importantly - if your online account(s) gets hacked, it's not just "whatever", as your personal info is now exposed to the public and can be used for fraudulent purposes. Your passwords should be so complicated that you can't remember them.</h4>
-                <div class="mbr-section-btn align-left"><a class="btn btn-secondary-outline display-4" href="securing-online-accounts.html"><span class="fas fa-fw fa-user-shield mbr-iconfont mbr-iconfont-btn"></span>Securing your Accounts</a></div>
+                <div class="mbr-section-btn align-left"><a class="btn btn-primary-outline shadow display-4" href="securing-online-accounts.html"><span class="fas fa-fw fa-user-shield mbr-iconfont mbr-iconfont-btn"></span>Securing your Accounts</a></div>
            </div>
        </div>
    </div>
@ -149,7 +150,7 @@ padding-top: 5px;
    <div class="container">
        <div class="row justify-content-center">
            <div class="title col-md-12 col-lg-12">
-                <h3 class="textgradient mbr-section-title mbr-fonts-style align-center mb-4 display-2">Directory of Verified <i class="fas fa-check-square"></i> Privacy Tools</h3>
+                <h3 class="mbr-section-title mbr-fonts-style align-center mb-4 display-2">Directory of Verified <i class="fas fa-check-square"></i> Privacy Tools</h3>
                <h4 class="mbr-section-subtitle align-center mbr-fonts-style mb-4 display-7">Explore <strong><b><u>the best</u></b> </strong>directory of privacy-respecting software &amp; service providers.</h4>
                
            </div>
@ -193,7 +194,7 @@ padding-top: 5px;
                        <div class="plan-list mb-4">
                            <ul class="list-group mbr-fonts-style list-group-flush display-7"></ul>
                        </div>
-                        <div class="mbr-section-btn text-center"><a href="search-engines.html" class="btn btn-info display-4"><span class="fas fa-fw fa-external-link-alt mbr-iconfont mbr-iconfont-btn"></span>Discover</a></div>
+                        <div class="mbr-section-btn text-center"><a href="search-engines.html" class="btn btn-primary display-4"><span class="fas fa-fw fa-external-link-alt mbr-iconfont mbr-iconfont-btn"></span>Discover</a></div>
                    </div>
                </div>
            </div>
@ -284,7 +285,7 @@ padding-top: 5px;
    
    <div class="container">
        <div class="mbr-section-head">
-            <h4 class="textgradient mbr-section-title mbr-fonts-style align-center mb-0 display-2">Latest Blog Posts &amp; Articles</h4>
+            <h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">Latest Blog Posts &amp; Articles</h4>
            <h5 class="mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2 display-7">From the PrivacyNow Blog, by Swivro. Date format = [mm/dd/yy]</h5>
        </div>
        <div class="row mt-4">
--- a/malicious-company-directory.html
+++ b/malicious-company-directory.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;
--- a/operating-systems.html
+++ b/operating-systems.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;
--- a/password-manager.html
+++ b/password-manager.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;
--- a/privacy-checklist.html
+++ b/privacy-checklist.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;
--- a/privacytools.html
+++ b/privacytools.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;
--- a/project.mobirise
+++ b/project.mobirise
--- a/search-engines.html
+++ b/search-engines.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;
--- a/securing-online-accounts.html
+++ b/securing-online-accounts.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;
--- a/service-provider-alternatives.html
+++ b/service-provider-alternatives.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;
--- a/software-alternatives.html
+++ b/software-alternatives.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;
--- a/vpn-providers.html
+++ b/vpn-providers.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;
--- a/web-browsers.html
+++ b/web-browsers.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;
--- a/why-does-online-privacy-matter.html
+++ b/why-does-online-privacy-matter.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;
--- a/windows-spies-on-you.html
+++ b/windows-spies-on-you.html
@ -35,7 +35,7 @@

 <!-- extra custom styling that applies to all pages -->
 <style>
- .btn-info {
+/** .btn-info {
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
@ -47,6 +47,7 @@
  border: none;
  background: linear-gradient(to left, #800080, #3c2778);
 }
+**/
 .badge {
  font-family: 'Satoshi-Medium';
  font-size: 12px;