adding voiceover for multiple posts 1

ask/index.html

@@ -18,6 +18,9 @@
 
 	<hr/><p><a href="../">sf.me</a> > <a style="color:#bd93f9" href="../blog/">Blog</a> > <a style="color:#bd93f9" href=".">Use AnySoftKeyboard</a></p>
 	<h1>Use AnySoftKeyboard</h1>
+	<audio controls>
+		<source src="voiceover.mp3" type="audio/mpeg">
+	</audio>
 	<p style="font-size:110%">Posted on: <strong>22 September 2023</strong></p><p style="font-size:110%">Reading time: <strong><strong>3 min</strong><p style="font-size:110%"></strong>Category: <a style="color:#ff79c6" href="../blog/software/"><strong>Software</strong></a></p>
 <p>Your smartphone keyboard is an astoundingly sensitive piece of software. You use it to type everything from the most innocent of messages to the most crucial passwords. In terms of messaging on encrypted chat applications like Session or Signal, your smartphone keyboard bypasses encryption. They could know what you are searching about even on private search engines like SearX. This is because your keystrokes are unencrypted. With respect to passwords, your smartphone keyboard, if invasive, can potentially view your bank account details. This means that an individual who can access your smartphone keyboard does not need to utilize advanced techniques to view your data. Therefore, in terms of trust, you should make sure you absolutely trust your smartphone keyboard not to store your written text.</p>
 <p>When you keep the above statements in mind, it gets unhealthily fear-inducing when you read how <a href="https://www.androidauthority.com/swiftkey-suspends-service-data-leak-706680/">SwiftKey had a cloud syncing glitch which led to users being able to view other users&#39; email addresses.</a> It is also scary how <a href="https://www.zdnet.com/article/600m-samsung-galaxy-phones-at-security-risk-due-to-pre-installed-keyboard-flaw/">SwiftKey that shipped by default on 600M Samsung Galaxy smartphones had a vulnerability that allowed hackers to setup a proxy server to access sensors and install apps without the user knowing.</a> There was also a keyboard called ai.type that had over 40M users. Out of these, <a href="https://www.zdnet.com/article/popular-virtual-keyboard-leaks-31-million-user-data/">31M users had their data leaked because the MongoDB database had no password.</a> This included information like <a href="https://mackeeper.com/blog/data-breach-reports-2017/">phone numbers, full names, device names and models, screen resolution, Android version, IMSI and IMEI numbers, email addresses, country of residence, social media profiles, IP addresses and even locations.</a></p>

crypto/index.html

@@ -18,6 +18,9 @@
       <hr/>
       <p><a href="../">sf.me</a> > <a style="color:#bd93f9" href="../blog/">Blog</a> > <a style="color:#bd93f9" href=".">Keep Crypto Off Exchanges</a></p>
       <h1>Keep Crypto Off Exchanges</h1>
+	  <audio controls>
+	  	<source src="voiceover.mp3" type="audio/mpeg">
+	  </audio>
       <p style="font-size:110%">Posted on: <strong>14 March 2023</strong></p>
       <p style="font-size:110%">Reading time: <strong>3 min</strong>
          <strong><p><p style="font-size:110%"></strong>Category: <a style="color:#ff79c6" href="../blog/software/"><strong>Software</strong></a> && <a style="color:#ff79c6" href="../blog/technology/">Technology</strong></a></p>

forget/index.html

@@ -18,6 +18,9 @@
 
 	<hr/><p><a href="../">sf.me</a> > <a style="color:#bd93f9" href="../blog/">Blog</a> > <a style="color:#bd93f9" href=".">Forget Your Passwords</a></p>
 	<h1>Forget Your Passwords</h1>
+	<audio controls>
+		<source src="voiceover.mp3" type="audio/mpeg">
+	</audio>
 	<p style="font-size:110%">Posted on: <strong>9 September 2023</strong></p><p style="font-size:110%">Reading time: <strong><strong>1 min</strong><p style="font-size:110%"></strong>Category: <a style="color:#ff79c6" href="../blog/technology/"><strong>Technology</strong></a></p>
 	<p>If you are trying to remember your passwords, you are doing it wrong. Trying to remember your passwords is absolutely fatal and has numerous disadvantages. To describe the demerits of trying to remember your passwords, here is a cycle that most people follow. You set a password. You forget it. You set a weaker password. And repeat.</p>
 	<p>Eventually, people have passwords that are not only weak, but they also never change them unless they forget them. This leads to passwords that are short and easy to crack. Worst of all, people continue this habit on sensitive websites like finance or government services.</p>
@@ -27,8 +30,8 @@
 		<li><a href="https://www.bitwarden.com/">Bitwarden</a> (for non-techies)</li>
 		<li><a href="https://keepass.info/">KeePass</a> (for techies)</li>
 	</ol>
-	<p>Bitwarden is straightforward and intuitive. It is on the internet so it is less secure than password managers that are completely offline like KeePass. However, it is still much more secure than proprietary password managers like LastPass and NordPass. Everything is <a style="color:#50fa7b" href="../definitions/free-software/">free (libre) and open-source software.</a></p>
-	<p>KeePass, on the other hand, is much more advanced. It is completely offline, so you need something like Syncthing to sync it to all of your devices. This is my current setup of which <a href="../kpst/" style="color:#bd93f9">you can read here.</a> It is state-of-the-art. I generate 999-character passwords with extended ASCII so my passwords contain symbols like ©æ^ and much more. These passwords have entropies above 10000 bits. For reference, an 81-bit password costs about $1B to crack.</p>
+	<p>Bitwarden is straightforward and intuitive. It is on the internet so it is less secure than password managers that are completely offline like KeePass. However, it is still much more secure than proprietary password managers like LastPass and NordPass. Everything is <a style="color:#50fa7b" href="../definitions/free-software/">free (libre) and open-source software</a>.</p>
+	<p>KeePass, on the other hand, is much more advanced. It is completely offline, so you need something like Syncthing to sync it to all of your devices. This is my current setup of which <a href="../kpst/" style="color:#bd93f9">you can read here</a>. It is state-of-the-art. I generate 999-character passwords with extended ASCII so my passwords contain symbols like ©æ^ and much more. These passwords have entropies above 10000 bits. For reference, an 81-bit password costs about $1B to crack.</p>
 	<p>All in all, you should stop remembering your passwords. The human brain is not designed for long-term storage. Let computers that are infinitely better than humans in that regard do the hard work for you.</p>
 	<p><a href="mailto:sf@sufyaan.me?subject=Forget%20Your%20Passwords">>>> Reply To Me</a></p>
 	  <p><a href="forget.pdf">>>> Download PDF</a></p>

pgp/index.html

@@ -18,6 +18,9 @@
 
 	<hr/><p><a href="../">sf.me</a> > <a style="color:#bd93f9" href="../blog/">Blog</a> > <a style="color:#bd93f9" href=".">PGP KEYS CHANGED!</a></p>
 	<h1>PGP KEYS CHANGED!</h1>
+	<audio controls>
+		<source src="voiceover.mp3" type="audio/mpeg">
+	</audio>
 	<p style="font-size:110%">Posted on: <strong>10 August 2023</strong></p><p style="font-size:110%">Reading time: <strong><strong>1 min</strong><p style="font-size:110%"></strong>Category: <a style="color:#ff79c6" href="../blog/updates/"><strong>Updates</strong></a></p>
 	<p>I forgot the passwords to my PGP keys. <strong>PLEASE DO NOT USE MY OLD PGP KEYS TO SEND ME EMAILS!!!</strong> I did not make a revocation certificate as well which is a bad mistake. I have learned my lesson to say the least. Please use my new <a href="../about/files/sufyaan.gpg">PGP key over here.</a></p>
 	<p><a href="mailto:sf@sufyaan.me?subject=PGP%20KEYS%20CHANGED!">>>> Reply To Me</a></p>

students/index.html

@@ -18,6 +18,9 @@
 
 	<hr/><p><a href="../">sf.me</a> > <a style="color:#bd93f9" href="../blog/">Blog</a> > <a style="color:#bd93f9" href=".">A Student's Nightmare</a></p>
 	<h1>A Student's Nightmare</h1>
+	<audio controls>
+		<source src="voiceover.mp3" type="audio/mpeg">
+	</audio>
 	<p style="font-size:110%">Posted on: <strong>24 September 2023</strong></p><p style="font-size:110%">Reading time: <strong><strong>1 min</strong><p style="font-size:110%"></strong>Category: <a href="literary/" style="color:#ff79c6"><a style="color:#ff79c6" href="../blog/literary/"><strong>Literary</strong></a></a></p>
 	<p>As I open my book to read<br>
 		My eyes feel like they bleed<br>

svg/index.html

@@ -18,6 +18,9 @@
 
 	<hr/><p><a href="../">sf.me</a> > <a style="color:#bd93f9" href="../blog/">Blog</a> > <a style="color:#bd93f9" href=".">Switching To SVGs</a></p>
 	<h1>Switching To SVGs</h1>
+	<audio controls>
+		<source src="voiceover.mp3" type="audio/mpeg">
+	</audio>
 	<p style="font-size:110%">Posted on: <strong>6 August 2023</strong></p><p style="font-size:110%">Reading time: <strong><strong>1 min</strong><p style="font-size:110%"></strong>Category: <a style="color:#ff79c6" href="../blog/updates/"><strong>Updates</strong></a></p>
 	<p>Debloating my website has been an educational experience to say the least. There were so many small things which seemed insignificant at first but made a massive difference to the speed of my website. Most of these changes have had little to no impact on the look and feel of my website but have reduced the size and improved the efficiency by a lot.</p>
 	<p>One of these changes was definitely moving away from Font Awesome. I did not think much of the icons on my website as they were already too many in size for me to switch every single one to another library. However, <a href="https://odysee.com/@ericnmurphy:9/web-icons-with-no-external-libraries!:c">after watching this video from Eric Murphy,</a> I thought about it. Then, I still said no because there were way too many icons on my website.</p>