icons fix

content/posts/tails-best/index.md

@@ -258,7 +258,7 @@ With untrusted links, there are two things you must protect: your anonymity and
 
 An adversary can also compromise a "trusted" website — this allows them to install malware on the computers of anyone who visits the website, without needing to engage in phishing. This is called a ["watering hole attack" or a "drive-by compromise"](https://attack.mitre.org/techniques/T1189/) because it attacks many people simultaneously. For example, the [FBI hacked a website then used a Tor Browser exploit](https://www.vice.com/en/article/53d4n8/fbi-hacked-over-8000-computers-in-120-countries-based-on-one-warrant) to hack 8,000 users who visited it. 
 
-This is why its important to [**use Tor Browser on the Safest security setting**](/posts/tails/#tor-browser-security-settings) by default, even for "trusted" websites. 
+This is why its important to [**use Tor Browser on the Safest security setting**](/posts/tails/#tor-browser-security-settings) by default, even for "trusted" websites, to greatly reduce the risk of a successful malware attack on Tor Browser. 
 
 # Encryption  
 

themes/DeepThought/sass/deep-thought.sass

@@ -591,6 +591,13 @@ code
 .footer-text
   color: black !important
 
+.footer > * > * > *
+  margin-left: .5em
+  margin-right: .5em
+
+.icon-text
+  align-items: center
+
 summary
   cursor: pointer
   margin-top: 0.5em
@@ -625,9 +632,15 @@ body[theme="dark"] .navbar-item:hover
 body[theme="dark"] .navbar-item:focus
     color: black !important
 
+.navbar-item:hover > span > img[theme=dark]:not(.no-dark) 
+ filter: invert(0) hue-rotate(0deg)
+
 body[theme="dark"] p 
     color: #c9c7c9 !important
 
+body[theme="dark"] .published 
+    color: #c9c7c9 !important
+
 body[theme="dark"] strong 
     color: #c9c7c9 !important
 
@@ -661,7 +674,7 @@ body[theme="dark"] a.toc
 body[theme="dark"] a.toc:hover
     color: black !important
     
-body[theme="dark"] a:not(.toc,.navbar-item,.footer-text)
+body[theme="dark"] a:not(.toc,.navbar-item,.footer-text,.has-text-dark)
     color: #fa86d8 !important
 
 body[theme="dark"] code 

themes/DeepThought/static/js/site.js

@@ -71,7 +71,7 @@ function documentReadyCallback() {
     document.getElementById("dark-mode").setAttribute("title", "Switch to light theme");
   }
 
-  document.getElementById("dark-mode").style.display = "inline";
+  document.getElementById("dark-mode").style.display = "flex";
 
   document.getElementById("dark-mode").addEventListener("click", () => {
     if (

themes/DeepThought/templates/categories/single.html

@@ -51,7 +51,7 @@
             <a href='{{ page.permalink }}'>
               Read More
               <span class="icon is-small">
-                <i class="fas fa-arrow-right fa-xs"></i>
+	        <img src="/images/arrow-color.png">
               </span>
             </a>
           </div>

themes/DeepThought/templates/macros.html

@@ -52,7 +52,10 @@
 {% endmacro %}
 
 {% macro page_publish_metadata(page) %}
-<span class="icon-text has-text-grey">
+<span class="icon-text published">
+  <span class="icon is-small">
+    <img src="/images/calendar-alt.png">
+  </span>
   <span>Published on&nbsp;</span>
   <span><time datetime="{{ page.date }}">{{ page.date | date(format='%B %d, %Y') }}</time></span>
   <span>&nbsp;| <a href="https://0xacab.org/anarsec/anarsec.guide/-/blob/no-masters/CHANGELOG.md#{{page.title | slugify}}">Last edited on&nbsp;<time datetime="{{ page.extra.dateedit }}">{{ page.extra.dateedit | date(format='%B %d, %Y') }}</time></a></span>
@@ -69,8 +72,11 @@
 {% endmacro %}
 
 {% macro page_content_pdfs(page) %}
-<span class="icon-text has-text-grey">
-  <span>PDF: <a href="/posts/{{page.slug | lower}}/{{page.extra.letter | lower}}">Letter</a> | <a href="/posts/{{page.slug | lower}}/{{page.extra.a4 | lower}}">A4</a> </span>
+<span class="icon-text">
+  <span class="icon is-small">
+    <img src="/images/file-pdf.png">
+  </span>
+  <span><a href="/posts/{{page.slug | lower}}/{{page.extra.letter | lower}}">Letter booklet</a> | <a href="/posts/{{page.slug | lower}}/{{page.extra.a4 | lower}}">A4 booklet</a> </span>
 </span>
 
 {% endmacro %}
@@ -81,7 +87,7 @@
 	  <a class="has-text-weight-semibold" href="/categories/{{category | lower}}">
     <span class="icon-text">
       <span class="icon is-small">
-        <img src="/images/cube.png">
+        <img src="/images/cube-pink.png">
       </span>
       <span>{{category}}</span>
     </span>
@@ -97,7 +103,7 @@
 	  <a class="has-text-weight-semibold" href="/tags/{{tag | lower}}">
     <span class="icon-text">
       <span class="icon is-small">
-        <img src="/images/tag.png">
+        <img src="/images/tag-pink.png">
       </span>
       <span>{{tag}}</span>
     </span>

themes/DeepThought/templates/section.html

@@ -50,8 +50,8 @@
             {{ page.summary | safe }}
             <a class="has-text-weight-semibold" href='/posts/{{ page.slug }}'>
               Read More
-              <span class="icon">
-	        <img src="/images/arrow-right.png">
+              <span class="icon is-small">
+	        <img src="/images/arrow-color.png">
               </span>
             </a>
           </div>

themes/DeepThought/templates/tags/single.html

@@ -51,7 +51,7 @@
             <a href='{{ page.permalink }}'>
               Read More
               <span class="icon is-small">
-                <i class="fas fa-arrow-right fa-xs"></i>
+	        <img src="/images/arrow-color.png">
               </span>
             </a>
           </div>