New Category (Updates) + Moving a few posts to Updates + New Post + Fixing mistakes

main
TitanE 1 year ago
parent 7a0763a190
commit 2113cca8fc

@ -4,7 +4,7 @@
|______ | | |______ \_/ |_____| |_____| | \ | |______ | | |______ \_/ |_____| |_____| | \ |
______| |_____| | | | | | | | \_| ______| |_____| | | | | | | | \_|
</pre> </pre>
</a><hr/><p><a href="../../">sf.cu</a> > <a style="color:#bd93f9" href="../../../">Blog</a> > <a style="color:#ff79c6" href=".">Design</a></p> </a><hr/><p><a href="../../">sf.me</a> > <a style="color:#bd93f9" href="../../../">Blog</a> > <a style="color:#ff79c6" href=".">Cars</a></p>
<h1 class="homepage-heading"></a>Cars</h1><p class="homepage-body">This category contains my amateur takes on cars and vehicles.</p><ul class="posts"> <h1 class="homepage-heading"></a>Cars</h1><p class="homepage-body">This category contains my amateur takes on cars and vehicles.</p><ul class="posts">
<li><code class="code-posts">27/10/23</code> - <a style="color:#bd93f9" href="../../electric/">Electric Cars Won't Take Over</a></li> <li><code class="code-posts">27/10/23</code> - <a style="color:#bd93f9" href="../../electric/">Electric Cars Won't Take Over</a></li>
</ul> </ul>

@ -4,7 +4,7 @@
|______ | | |______ \_/ |_____| |_____| | \ | |______ | | |______ \_/ |_____| |_____| | \ |
______| |_____| | | | | | | | \_| ______| |_____| | | | | | | | \_|
</pre> </pre>
</a><hr/><p><a href="../../">sf.cu</a> > <a style="color:#bd93f9" href="../../../">Blog</a> > <a style="color:#ff79c6" href=".">Design</a></p> </a><hr/><p><a href="../../">sf.me</a> > <a style="color:#bd93f9" href="../../../">Blog</a> > <a style="color:#ff79c6" href=".">Design</a></p>
<h1 class="homepage-heading"></a>Design</h1><p class="homepage-body">This category is reserved for posts related to design.</p><ul class="posts"> <h1 class="homepage-heading"></a>Design</h1><p class="homepage-body">This category is reserved for posts related to design.</p><ul class="posts">
<li><code class="code-posts">28/07/23</code> - <a style="color:#bd93f9" href="../../minimal-design/">Minimal Design</a></li></ul> <li><code class="code-posts">28/07/23</code> - <a style="color:#bd93f9" href="../../minimal-design/">Minimal Design</a></li></ul>
<p class="homepage-body">You are at the bottom of the image!</p><hr/><footer><p class="footer-text"><a style="color:#bd93f9" href="../../../">blog</a> - <a style="color:#ffb86c" href="../../about">about</a> - <a style="color:#f1fa8c" href="../../portfolio">portfolio</a> - <a style="color:#ff5555" href="../../links">links</a></p><p class="footer-text" style="font-size:80%"><a href="../../">sufyaan.cyou</a></p><p class="footer-text" style="font-size:65%"><a style="color:#aaaaaa" href="../../sitemap">Site Map</a></p></footer> <p class="homepage-body">You are at the bottom of the image!</p><hr/><footer><p class="footer-text"><a style="color:#bd93f9" href="../../../">blog</a> - <a style="color:#ffb86c" href="../../about">about</a> - <a style="color:#f1fa8c" href="../../portfolio">portfolio</a> - <a style="color:#ff5555" href="../../links">links</a></p><p class="footer-text" style="font-size:80%"><a href="../../">sufyaan.cyou</a></p><p class="footer-text" style="font-size:65%"><a style="color:#aaaaaa" href="../../sitemap">Site Map</a></p></footer>

@ -4,7 +4,7 @@
|______ | | |______ \_/ |_____| |_____| | \ | |______ | | |______ \_/ |_____| |_____| | \ |
______| |_____| | | | | | | | \_| ______| |_____| | | | | | | | \_|
</pre> </pre>
</a><hr/><p><a href="../../">sf.cu</a> > <a style="color:#bd93f9" href="../../">Blog</a> > <a style="color:#ff79c6" href=".">Guides</a></p> </a><hr/><p><a href="../../">sf.me</a> > <a style="color:#bd93f9" href="../../">Blog</a> > <a style="color:#ff79c6" href=".">Guides</a></p>
<h1 class="homepage-heading"></a>Guides</h1><p class="homepage-body">In this category, I post guides about computing and technology.</p><ul class="posts"> <h1 class="homepage-heading"></a>Guides</h1><p class="homepage-body">In this category, I post guides about computing and technology.</p><ul class="posts">
<li><code class="code-posts">13/05/23</code> - <a style="color:#bd93f9" href="../../tfa/">Start Using 2FA Properly</a></li> <li><code class="code-posts">13/05/23</code> - <a style="color:#bd93f9" href="../../tfa/">Start Using 2FA Properly</a></li>
<li><code class="code-posts">02/05/23</code> - <a style="color:#bd93f9" href="../../pwd">Password Systems</a></li> <li><code class="code-posts">02/05/23</code> - <a style="color:#bd93f9" href="../../pwd">Password Systems</a></li>

@ -27,11 +27,13 @@
<li><a href="guides/" style="color:#ff79c6">Guides</a></li> <li><a href="guides/" style="color:#ff79c6">Guides</a></li>
<li><a href="cars/" style="color:#ff79c6">Cars</a></li> <li><a href="cars/" style="color:#ff79c6">Cars</a></li>
<li><a href="literary/" style="color:#ff79c6">Literary</a></li> <li><a href="literary/" style="color:#ff79c6">Literary</a></li>
<li><a href="updates/" style="color:#ff79c6">Updates</a></li>
<li><a href="other/" style="color:#ff79c6">Other</a></li> <li><a href="other/" style="color:#ff79c6">Other</a></li>
</ul><p class="homepage-body">Read my (mostly) computing-related articles here.</p><ul class="posts"> </ul><p class="homepage-body">Read my (mostly) computing-related articles here.</p><ul class="posts">
<li><code class="code-posts">28/10/23</code> - <a style="color:#bd93f9" href="../icons/">Why I Removed All Icons</a></li>
<li><code class="code-posts">27/10/23</code> - <a style="color:#bd93f9" href="../electric/">Electric Cars Won't Take Over</a></li> <li><code class="code-posts">27/10/23</code> - <a style="color:#bd93f9" href="../electric/">Electric Cars Won't Take Over</a></li>
<li><code class="code-posts">19/10/23</code> - <a style="color:#bd93f9" href="../palestine/">Boycott These Israeli Companies</a></li> <li><code class="code-posts">19/10/23</code> - <a style="color:#bd93f9" href="../palestine/">Boycott These Israeli Companies</a></li>
<li><code class="code-posts">06/10/23</code> - <a style="color:#bd93f9" href="../domain/">Domain, Email & PGP Keys Changed</a></li> <li><code class="code-posts">06/10/23</code> - <a style="color:#bd93f9" href="../domain/">Domain & Email Changed</a></li>
<li><code class="code-posts">24/09/23</code> - <a style="color:#bd93f9" href="../students/">A Student's Nightmare</a></li> <li><code class="code-posts">24/09/23</code> - <a style="color:#bd93f9" href="../students/">A Student's Nightmare</a></li>
<li><code class="code-posts">22/09/23</code> - <a style="color:#bd93f9" href="../ask/">Use AnySoftKeyboard</a></li> <li><code class="code-posts">22/09/23</code> - <a style="color:#bd93f9" href="../ask/">Use AnySoftKeyboard</a></li>
<li><code class="code-posts">09/09/23</code> - <a style="color:#bd93f9" href="../forget/">Forget Your Passwords</a></li> <li><code class="code-posts">09/09/23</code> - <a style="color:#bd93f9" href="../forget/">Forget Your Passwords</a></li>

@ -5,7 +5,7 @@
|______ | | |______ \_/ |_____| |_____| | \ | |______ | | |______ \_/ |_____| |_____| | \ |
______| |_____| | | | | | | | \_| ______| |_____| | | | | | | | \_|
</pre> </pre>
</a><hr/><p><a href="../../">sf.cu</a> > <a style="color:#bd93f9" href="../../../">Blog</a> > <a style="color:#ff79c6" href=".">Linux</a></p> </a><hr/><p><a href="../../">sf.me</a> > <a style="color:#bd93f9" href="../../../">Blog</a> > <a style="color:#ff79c6" href=".">Linux</a></p>
<h1 class="homepage-heading"></a>Linux</h1><p class="homepage-body">In this category, I post about tools and information related to Linux.</p><ul class="posts"> <h1 class="homepage-heading"></a>Linux</h1><p class="homepage-body">In this category, I post about tools and information related to Linux.</p><ul class="posts">
<li><code class="code-posts">26/07/23</code> - <a style="color:#bd93f9" href="../../vimwiki/">VimWiki Is Terrific</a></li> <li><code class="code-posts">26/07/23</code> - <a style="color:#bd93f9" href="../../vimwiki/">VimWiki Is Terrific</a></li>
<li><code class="code-posts">20/04/23</code> - <a style="color:#bd93f9" href="../../doas">Use Doas Instead Of Sudo</a></li> <li><code class="code-posts">20/04/23</code> - <a style="color:#bd93f9" href="../../doas">Use Doas Instead Of Sudo</a></li>

@ -1,10 +1,10 @@
<!DOCTYPE html><html lang="en"><head><title>(SOFTWARE) Sufyaan's Webpage</title><link rel="icon" type="image/x-icon" href="../../images/favicon.webp"><link rel='stylesheet' type='text/css' href="../../style.css"><meta charset="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body><a href="../../"><a style="text-decoration: none;" href="../../"> <!DOCTYPE html><html lang="en"><head><title>(LITERARY) Sufyaan's Webpage</title><link rel="icon" type="image/x-icon" href="../../images/favicon.webp"><link rel='stylesheet' type='text/css' href="../../style.css"><meta charset="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body><a href="../../"><a style="text-decoration: none;" href="../../">
<pre class="main-header"> <pre class="main-header">
_______ _ _ _______ __ __ _______ _______ __ _ _______ _ _ _______ __ __ _______ _______ __ _
|______ | | |______ \_/ |_____| |_____| | \ | |______ | | |______ \_/ |_____| |_____| | \ |
______| |_____| | | | | | | | \_| ______| |_____| | | | | | | | \_|
</pre> </pre>
</a><hr/><p><a href="../../">sf.cu</a> > <a style="color:#bd93f9" href="../../">Blog</a> > <a style="color:#ff79c6" href=".">Literary</a></p> </a><hr/><p><a href="../../">sf.me</a> > <a style="color:#bd93f9" href="../../">Blog</a> > <a style="color:#ff79c6" href=".">Literary</a></p>
<h1 class="homepage-heading"></a>Literary</h1><p class="homepage-body">In this category, I post writings like poems.</p> <ul class="posts"> <h1 class="homepage-heading"></a>Literary</h1><p class="homepage-body">In this category, I post writings like poems.</p> <ul class="posts">
<li><code class="code-posts">24/09/23</code> - <a style="color:#bd93f9" href="../../students/">A Student's Nightmare</a></li> </ul> <li><code class="code-posts">24/09/23</code> - <a style="color:#bd93f9" href="../../students/">A Student's Nightmare</a></li> </ul>
<p class="homepage-body">You have concluded the book!</p><hr/><footer><p class="footer-text"><a style="color:#bd93f9" href="../../">blog</a> - <a style="color:#ffb86c" href="../../about">about</a> - <a style="color:#f1fa8c" href="../../portfolio">portfolio</a> - <a style="color:#ff5555" href="../../links">links</a></p><p class="footer-text" style="font-size:80%"><a href="../../">sufyaan.cyou</a></p><p class="footer-text" style="font-size:65%"><a style="color:#aaaaaa" href="../../sitemap">Site Map</a></p></footer> <p class="homepage-body">You have concluded the book!</p><hr/><footer><p class="footer-text"><a style="color:#bd93f9" href="../../">blog</a> - <a style="color:#ffb86c" href="../../about">about</a> - <a style="color:#f1fa8c" href="../../portfolio">portfolio</a> - <a style="color:#ff5555" href="../../links">links</a></p><p class="footer-text" style="font-size:80%"><a href="../../">sufyaan.cyou</a></p><p class="footer-text" style="font-size:65%"><a style="color:#aaaaaa" href="../../sitemap">Site Map</a></p></footer>

@ -5,7 +5,7 @@
|______ | | |______ \_/ |_____| |_____| | \ | |______ | | |______ \_/ |_____| |_____| | \ |
______| |_____| | | | | | | | \_| ______| |_____| | | | | | | | \_|
</pre> </pre>
</a><hr/><p><a href="../../">sf.cu</a> > <a style="color:#bd93f9" href="../../">Blog</a> > <a style="color:#ff79c6" href=".">Other</a></p> </a><hr/><p><a href="../../">sf.me</a> > <a style="color:#bd93f9" href="../../">Blog</a> > <a style="color:#ff79c6" href=".">Other</a></p>
<h1 class="homepage-heading"></a>Other</h1><p class="homepage-body">In this category, I post about miscellaneous things. These posts may be information related to me or general things which do not apply to my regular posts.</p><ul class="posts"> <h1 class="homepage-heading"></a>Other</h1><p class="homepage-body">In this category, I post about miscellaneous things. These posts may be information related to me or general things which do not apply to my regular posts.</p><ul class="posts">
<li><code class="code-posts">19/10/23</code> - <a style="color:#bd93f9" href="../../palestine/">Boycott These Israeli Companies</a></li> <li><code class="code-posts">19/10/23</code> - <a style="color:#bd93f9" href="../../palestine/">Boycott These Israeli Companies</a></li>
<li><code class="code-posts">30/07/23</code> - <a style="color:#bd93f9" href="../../fp/">Writing With Fountain Pens</a></li> <li><code class="code-posts">30/07/23</code> - <a style="color:#bd93f9" href="../../fp/">Writing With Fountain Pens</a></li>

@ -4,11 +4,9 @@
|______ | | |______ \_/ |_____| |_____| | \ | |______ | | |______ \_/ |_____| |_____| | \ |
______| |_____| | | | | | | | \_| ______| |_____| | | | | | | | \_|
</pre> </pre>
</a><hr/><p><a href="../../">sf.cu</a> > <a style="color:#bd93f9" href="../../">Blog</a> > <a style="color:#ff79c6" href=".">Software</a></p> </a><hr/><p><a href="../../">sf.me</a> > <a style="color:#bd93f9" href="../../">Blog</a> > <a style="color:#ff79c6" href=".">Software</a></p>
<h1 class="homepage-heading"></a>Software</h1><p class="homepage-body">In this category, I post new software I find, information about current software or tricks that can be utilised in current software.</p> <ul class="posts"> <h1 class="homepage-heading"></a>Software</h1><p class="homepage-body">In this category, I post new software I find, information about current software or tricks that can be utilised in current software.</p> <ul class="posts">
<li><code class="code-posts">22/09/23</code> - <a style="color:#bd93f9" href="../../ask/">Use AnySoftKeyboard</a></li> <li><code class="code-posts">22/09/23</code> - <a style="color:#bd93f9" href="../../ask/">Use AnySoftKeyboard</a></li>
<li><code class="code-posts">06/08/23</code> - <a style="color:#bd93f9" href="../../svg/">Switching To SVGs</a></li>
<li><code class="code-posts">04/08/23</code> - <a style="color:#bd93f9" href="../../font/">Why I Switched Fonts</a></li>
<li><code class="code-posts">25/07/23</code> - <a style="color:#bd93f9" href="../../plaintext/">Use Plaintext</a></li> <li><code class="code-posts">25/07/23</code> - <a style="color:#bd93f9" href="../../plaintext/">Use Plaintext</a></li>
<li><code class="code-posts">10/07/23</code> - <a style="color:#bd93f9" href="../../ovsk/">Oversimplification Kills</a></li> <li><code class="code-posts">10/07/23</code> - <a style="color:#bd93f9" href="../../ovsk/">Oversimplification Kills</a></li>
<li><code class="code-posts">02/07/23</code> - <a style="color:#bd93f9" href="../../islam/">Open-Source Islam Apps?</a></li> <li><code class="code-posts">02/07/23</code> - <a style="color:#bd93f9" href="../../islam/">Open-Source Islam Apps?</a></li>
@ -18,7 +16,6 @@
<li><code class="code-posts">27/05/23</code> - <a style="color:#bd93f9" href="../../github/">Don't Use GitHub</a></li> <li><code class="code-posts">27/05/23</code> - <a style="color:#bd93f9" href="../../github/">Don't Use GitHub</a></li>
<li><code class="code-posts">19/05/23</code> - <a style="color:#bd93f9" href="../../diy/">Do It Yourself</a></li> <li><code class="code-posts">19/05/23</code> - <a style="color:#bd93f9" href="../../diy/">Do It Yourself</a></li>
<li><code class="code-posts">13/05/23</code> - <a style="color:#bd93f9" href="../../tfa/">Start Using 2FA Properly</a></li> <li><code class="code-posts">13/05/23</code> - <a style="color:#bd93f9" href="../../tfa/">Start Using 2FA Properly</a></li>
<li><code class="code-posts">07/05/23</code> - <a style="color:#bd93f9" href="../../insta/">Instagram Deleted!</a></li>
<li><code class="code-posts">02/05/23</code> - <a style="color:#bd93f9" href="../../pwd">Password Systems</a></li> <li><code class="code-posts">02/05/23</code> - <a style="color:#bd93f9" href="../../pwd">Password Systems</a></li>
<li><code class="code-posts">20/04/23</code> - <a style="color:#bd93f9" href="../../doas">Use Doas Instead Of Sudo</a></li> <li><code class="code-posts">20/04/23</code> - <a style="color:#bd93f9" href="../../doas">Use Doas Instead Of Sudo</a></li>
<li><code class="code-posts">20/04/23</code> - <a style="color:#bd93f9" href="../../sm">Stop Using Social Media</a></li> <li><code class="code-posts">20/04/23</code> - <a style="color:#bd93f9" href="../../sm">Stop Using Social Media</a></li>

@ -4,12 +4,10 @@
|______ | | |______ \_/ |_____| |_____| | \ | |______ | | |______ \_/ |_____| |_____| | \ |
______| |_____| | | | | | | | \_| ______| |_____| | | | | | | | \_|
</pre> </pre>
</a><hr/><p><a href="../../">sf.cu</a> > <a style="color:#bd93f9" href="../../">Blog</a> > <a style="color:#ff79c6" href=".">Technology</a></p> </a><hr/><p><a href="../../">sf.me</a> > <a style="color:#bd93f9" href="../../">Blog</a> > <a style="color:#ff79c6" href=".">Technology</a></p>
<h1 class="homepage-heading"></a>Technology</h1><p class="homepage-body">In this category, I post about my opinion and guides on technology.</p><ul class="posts"> <h1 class="homepage-heading"></a>Technology</h1><p class="homepage-body">In this category, I post about my opinion and guides on technology.</p><ul class="posts">
<li><code class="code-posts">27/10/23</code> - <a style="color:#bd93f9" href="../../electric/">Electric Cars Won't Take Over</a></li> <li><code class="code-posts">27/10/23</code> - <a style="color:#bd93f9" href="../../electric/">Electric Cars Won't Take Over</a></li>
<li><code class="code-posts">06/10/23</code> - <a style="color:#bd93f9" href="../../domain/">Domain, Email & PGP Keys Changed</a></li>
<li><code class="code-posts">09/09/23</code> - <a style="color:#bd93f9" href="../../forget/">Forget Your Passwords</a></li> <li><code class="code-posts">09/09/23</code> - <a style="color:#bd93f9" href="../../forget/">Forget Your Passwords</a></li>
<li><code class="code-posts">10/08/23</code> - <a style="color:#bd93f9" href="../../pgp/">PGP KEYS CHANGED!</a></li>
<li><code class="code-posts">31/07/23</code> - <a style="color:#bd93f9" href="../../uses/">Tools I Use</a></li> <li><code class="code-posts">31/07/23</code> - <a style="color:#bd93f9" href="../../uses/">Tools I Use</a></li>
<li><code class="code-posts">27/07/23</code> - <a style="color:#bd93f9" href="../../backups/">Taking Proper Backups</a></li> <li><code class="code-posts">27/07/23</code> - <a style="color:#bd93f9" href="../../backups/">Taking Proper Backups</a></li>
<li><code class="code-posts">16/07/23</code> - <a style="color:#bd93f9" href="../../torrent/">Why You Should Torrent</a></li> <li><code class="code-posts">16/07/23</code> - <a style="color:#bd93f9" href="../../torrent/">Why You Should Torrent</a></li>

@ -0,0 +1,16 @@
<!DOCTYPE html><html lang="en"><head><title>(UPDATES) Sufyaan's Webpage</title><link rel="icon" type="image/x-icon" href="../../images/favicon.webp"><link rel='stylesheet' type='text/css' href="../../style.css"><meta charset="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body><a href="../../"><a style="text-decoration: none;" href="../../">
<pre class="main-header">
_______ _ _ _______ __ __ _______ _______ __ _
|______ | | |______ \_/ |_____| |_____| | \ |
______| |_____| | | | | | | | \_|
</pre>
</a><hr/><p><a href="../../">sf.me</a> > <a style="color:#bd93f9" href="../../">Blog</a> > <a style="color:#ff79c6" href=".">Updates</a></p>
<h1 class="homepage-heading"></a>Updates</h1><p class="homepage-body">I post updates related to me and this website.</p> <ul class="posts">
<li><code class="code-posts">28/10/23</code> - <a style="color:#bd93f9" href="../../icons/">Why I Removed All Icons</a></li>
<li><code class="code-posts">06/10/23</code> - <a style="color:#bd93f9" href="../../domain/">Domain & Email Changed</a></li>
<li><code class="code-posts">10/08/23</code> - <a style="color:#bd93f9" href="../../pgp/">PGP KEYS CHANGED!</a></li>
<li><code class="code-posts">06/08/23</code> - <a style="color:#bd93f9" href="../../svg/">Switching To SVGs</a></li>
<li><code class="code-posts">04/08/23</code> - <a style="color:#bd93f9" href="../../font/">Why I Switched Fonts</a></li>
<li><code class="code-posts">07/05/23</code> - <a style="color:#bd93f9" href="../../insta/">Instagram Deleted!</a></li>
</ul>
<p class="homepage-body">You have concluded the book!</p><hr/><footer><p class="footer-text"><a style="color:#bd93f9" href="../../">blog</a> - <a style="color:#ffb86c" href="../../about">about</a> - <a style="color:#f1fa8c" href="../../portfolio">portfolio</a> - <a style="color:#ff5555" href="../../links">links</a></p><p class="footer-text" style="font-size:80%"><a href="../../">sufyaan.cyou</a></p><p class="footer-text" style="font-size:65%"><a style="color:#aaaaaa" href="../../sitemap">Site Map</a></p></footer>

Binary file not shown.

@ -128,7 +128,7 @@
\IfFileExists{xurl.sty}{\usepackage{xurl}}{} % add URL line breaks if available \IfFileExists{xurl.sty}{\usepackage{xurl}}{} % add URL line breaks if available
\urlstyle{same} % disable monospaced font for URLs \urlstyle{same} % disable monospaced font for URLs
\hypersetup{ \hypersetup{
pdftitle={(POST) Domain, Email \& PGP Key Changed}, pdftitle={(POST) Domain \& Email Changed},
pdflang={en}, pdflang={en},
colorlinks=true, colorlinks=true,
linkcolor=blue, linkcolor=blue,
@ -143,7 +143,7 @@
\begin{document} \begin{document}
\maketitle \maketitle
\section[Domain, Email \& PGP Key Changed]{Domain, Email \& PGP Key Changed}\label{why-i-use-terminal-apps} \section[Domain \& Email Changed]{Domain \& Email Changed}\label{why-i-use-terminal-apps}
\textbf{6 October 2023} \textbf{6 October 2023}

@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<title>(POST) Domain, Email & PGP Keys Changed</title> <title>(POST) Domain & Email Changed</title>
<link rel="icon" type="image/x-icon" href="../images/favicon.webp"> <link rel="icon" type="image/x-icon" href="../images/favicon.webp">
<link rel='stylesheet' type='text/css' href="../style.css"> <link rel='stylesheet' type='text/css' href="../style.css">
<meta charset="utf-8"/> <meta charset="utf-8"/>
@ -16,11 +16,11 @@
</pre> </pre>
</a> </a>
<hr/><p><a href="../">sf.me</a> > <a style="color:#bd93f9" href="../blog/">Blog</a> > <a style="color:#bd93f9" href=".">Domain, Email & PGP Keys Changed</a></p> <hr/><p><a href="../">sf.me</a> > <a style="color:#bd93f9" href="../blog/">Blog</a> > <a style="color:#bd93f9" href=".">Domain & Email Changed</a></p>
<h1>Domain, Email & PGP Keys Changed</h1> <h1>Domain & Email Changed</h1>
<p style="font-size:110%">Posted on: <strong>6 October 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 style="font-size:110%">Posted on: <strong>6 October 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>The domain has been changed to <a href="https://sufyaan.me/">sufyaan.me</a>. I also have a new email which is <a href="mailto:sf@sufyaan.me">sf@sufyaan.me</a>. Download the PGP keys <a href="../key/sufyaan.gpg">here</a>.</p> <p>The domain has been changed to <a href="https://sufyaan.me/">sufyaan.me</a>. I also have a new email which is <a href="mailto:sf@sufyaan.me">sf@sufyaan.me</a>. Download the PGP keys <a href="../key/sufyaan.gpg">here</a>.</p>
<p><a href="mailto:sf@sufyaan.me?subject=Domain,%20Email%20&%20PGP%20Keys%20Changed">>>> Reply To Me</a></p> <p><a href="mailto:sf@sufyaan.me?subject=Domain%20&%20Email%20Changed">>>> Reply To Me</a></p>
<p><a href="domain.pdf">>>> Download PDF</a></p> <p><a href="domain.pdf">>>> Download PDF</a></p>
<p style="text-align:center;"><a href="../students/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSLeftOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M30 36L18 24l12-12v24Z"/></mask><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipSLeftOne0)"/></svg>Previous Post</a> - <a style="color:#bd93f9" href="../palestine/">Next Post</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSRightOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="m20 12l12 12l-12 12V12Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSRightOne0)"/></svg></p> <p style="text-align:center;"><a href="../students/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSLeftOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M30 36L18 24l12-12v24Z"/></mask><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipSLeftOne0)"/></svg>Previous Post</a> - <a style="color:#bd93f9" href="../palestine/">Next Post</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSRightOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="m20 12l12 12l-12 12V12Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSRightOne0)"/></svg></p>
<hr/> <hr/>

@ -39,7 +39,7 @@
<p>If there is one thing that I want the reader to take away from this post, it is that electric cars are not the best for the environment and that there is a long time before they are adopted. There are multiple factors that are responsible for this. Even after their adoption, they will not stomp over petrol or diesel cars because petrol cars are just more accessible.</p> <p>If there is one thing that I want the reader to take away from this post, it is that electric cars are not the best for the environment and that there is a long time before they are adopted. There are multiple factors that are responsible for this. Even after their adoption, they will not stomp over petrol or diesel cars because petrol cars are just more accessible.</p>
<p><a href="mailto:sf@sufyaan.me?subject=Electric%20Cars%20Won't%20Take%20Over">>>> Reply To Me</a></p> <p><a href="mailto:sf@sufyaan.me?subject=Electric%20Cars%20Won't%20Take%20Over">>>> Reply To Me</a></p>
<p><a href="electric.pdf">>>> Download PDF</a></p> <p><a href="electric.pdf">>>> Download PDF</a></p>
<p style="text-align:center;"><a href="../palestine/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><mask id="ipSLeftOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M30 36L18 24l12-12v24Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSLeftOne0)"/></svg>Previous Post</a> - <a style="color:#bd93f9" href="../terminal/">First Post</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="#bd93f9" fill-rule="evenodd" d="M2.232 12.207a.75.75 0 0 1 1.06.025l3.958 4.146V6.375a5.375 5.375 0 0 1 10.75 0V9.25a.75.75 0 0 1-1.5 0V6.375a3.875 3.875 0 0 0-7.75 0v10.003l3.957-4.146a.75.75 0 0 1 1.085 1.036l-5.25 5.5a.75.75 0 0 1-1.085 0l-5.25-5.5a.75.75 0 0 1 .025-1.06Z" clip-rule="evenodd"/></svg></p> <p style="text-align:center;"><a href="../palestine/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><mask id="ipSLeftOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M30 36L18 24l12-12v24Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSLeftOne0)"/></svg>Previous Post</a> - <a style='color:#bd93f9' href="../icons/">Next Post</a> <svg class='footer-posts' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><mask id='ipSRightOne0'><path fill='#fff' stroke='#fff' stroke-linejoin='round' stroke-width='4' d='m20 12l12 12l-12 12V12Z'/></mask><path fill='#bd93f9' d='M0 0h48v48H0z' mask='url(#ipSRightOne0)'/></svg></p></p>
<hr/> <hr/>
<footer> <footer>
<p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p> <p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>

@ -18,7 +18,7 @@
<hr/><p><a href="../">sf.me</a> > <a style="color:#bd93f9" href="../blog/">Blog</a> > <a style="color:#bd93f9" href=".">Why I Switched Fonts</a></p> <hr/><p><a href="../">sf.me</a> > <a style="color:#bd93f9" href="../blog/">Blog</a> > <a style="color:#bd93f9" href=".">Why I Switched Fonts</a></p>
<h1>Why I Switched Fonts</h1> <h1>Why I Switched Fonts</h1>
<p style="font-size:110%">Posted on: <strong>4 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/software/"><strong>Software</strong></a></p> <p style="font-size:110%">Posted on: <strong>4 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>This post is just a quick update to announce a hard decision that I have made. I have switched the font on this website from <a href="https://www.jetbrains.com/lp/mono/">JetBrains Mono</a> to <a href="https://en.wikipedia.org/wiki/Courier_(typeface)">Courier New</a>. This change was made because I feel like JetBrains Mono looks more fitting in a terminal because it looks janky on a website. Courier New is a monospace font but still maintains the feeling and look I want from my website.</p> <p>This post is just a quick update to announce a hard decision that I have made. I have switched the font on this website from <a href="https://www.jetbrains.com/lp/mono/">JetBrains Mono</a> to <a href="https://en.wikipedia.org/wiki/Courier_(typeface)">Courier New</a>. This change was made because I feel like JetBrains Mono looks more fitting in a terminal because it looks janky on a website. Courier New is a monospace font but still maintains the feeling and look I want from my website.</p>
<p>This change has had an unintended benefit. Previously, my website's homepage weighed around 50KB in size which is spectacular. However, what I did not realize was that around 40KB were being taken up by JetBrains Mono. By switching to a default typeface, my website now weighs a shockingly low 12KB. If you would like to view the full GTMetrix report, <a href="website-report.pdf">do so here.</a></p> <p>This change has had an unintended benefit. Previously, my website's homepage weighed around 50KB in size which is spectacular. However, what I did not realize was that around 40KB were being taken up by JetBrains Mono. By switching to a default typeface, my website now weighs a shockingly low 12KB. If you would like to view the full GTMetrix report, <a href="website-report.pdf">do so here.</a></p>
<p><a href="mailto:sufyaan@counterhawks.com?subject=Why%20I%20Switched%20Fonts">>>> Reply To Me</a></p> <p><a href="mailto:sufyaan@counterhawks.com?subject=Why%20I%20Switched%20Fonts">>>> Reply To Me</a></p>

@ -0,0 +1,35 @@
\relax
\providecommand\babel@aux[2]{}
\@nameuse{bbl@beforestart}
\providecommand\hyper@newdestlabel[2]{}
\providecommand\HyperFirstAtBeginDocument{\AtBeginDocument}
\HyperFirstAtBeginDocument{\ifx\hyper@anchor\@undefined
\global\let\oldnewlabel\newlabel
\gdef\newlabel#1#2{\newlabelxx{#1}#2}
\gdef\newlabelxx#1#2#3#4#5#6{\oldnewlabel{#1}{{#2}{#3}}}
\AtEndDocument{\ifx\hyper@anchor\@undefined
\let\newlabel\oldnewlabel
\fi}
\fi}
\global\let\hyper@last\relax
\gdef\HyperFirstAtBeginDocument#1{#1}
\providecommand\HyField@AuxAddToFields[1]{}
\providecommand\HyField@AuxAddToCoFields[2]{}
\providecommand\BKM@entry[2]{}
\BKM@entry{id=1,dest={73656374696F6E2A2E31},srcline={146}}{5C3337365C3337375C303030575C303030685C303030795C3030305C3034305C303030495C3030305C3034305C303030525C303030655C3030306D5C3030306F5C303030765C303030655C303030645C3030305C3034305C303030495C303030635C3030306F5C3030306E5C30303073}
\BKM@entry{id=2,dest={73756273656374696F6E2A2E32},srcline={158}}{5C3337365C3337375C303030435C3030306C5C303030755C303030745C303030745C303030655C30303072}
\BKM@entry{id=3,dest={73756273656374696F6E2A2E33},srcline={167}}{5C3337365C3337375C303030525C303030655C303030615C303030645C303030615C303030625C303030695C3030306C5C303030695C303030745C30303079}
\BKM@entry{id=4,dest={73756273656374696F6E2A2E34},srcline={174}}{5C3337365C3337375C303030455C303030615C303030735C303030695C303030655C30303072}
\BKM@entry{id=5,dest={73756273656374696F6E2A2E35},srcline={181}}{5C3337365C3337375C303030435C3030306F5C3030306E5C303030635C3030306C5C303030755C303030735C303030695C3030306F5C3030306E}
\babel@aux{english}{}
\@writefile{toc}{\contentsline {section}{Why I Removed Icons}{1}{section*.1}\protected@file@percent }
\newlabel{why-i-removed-icons}{{}{1}{Why I Removed Icons}{section*.1}{}}
\@writefile{toc}{\contentsline {subsection}{Clutter}{1}{subsection*.2}\protected@file@percent }
\newlabel{clutter}{{}{1}{Clutter}{subsection*.2}{}}
\@writefile{toc}{\contentsline {subsection}{Readability}{1}{subsection*.3}\protected@file@percent }
\newlabel{readability}{{}{1}{Readability}{subsection*.3}{}}
\@writefile{toc}{\contentsline {subsection}{Easier}{1}{subsection*.4}\protected@file@percent }
\newlabel{easier}{{}{1}{Easier}{subsection*.4}{}}
\@writefile{toc}{\contentsline {subsection}{Conclusion}{1}{subsection*.5}\protected@file@percent }
\newlabel{conclusion}{{}{1}{Conclusion}{subsection*.5}{}}
\gdef \@abspage@last{1}

@ -0,0 +1,567 @@
This is pdfTeX, Version 3.141592653-2.6-1.40.25 (TeX Live 2023/Arch Linux) (preloaded format=pdflatex 2023.9.2) 28 OCT 2023 15:33
entering extended mode
restricted \write18 enabled.
%&-line parsing enabled.
**icons.tex
(./icons.tex
LaTeX2e <2022-11-01> patch level 1
L3 programming layer <2023-02-22>
(/usr/share/texmf-dist/tex/latex/base/article.cls
Document Class: article 2022/07/02 v1.4n Standard LaTeX document class
(/usr/share/texmf-dist/tex/latex/base/size10.clo
File: size10.clo 2022/07/02 v1.4n Standard LaTeX file (size option)
)
\c@part=\count185
\c@section=\count186
\c@subsection=\count187
\c@subsubsection=\count188
\c@paragraph=\count189
\c@subparagraph=\count190
\c@figure=\count191
\c@table=\count192
\abovecaptionskip=\skip48
\belowcaptionskip=\skip49
\bibindent=\dimen140
)
(/usr/share/texmf-dist/tex/latex/amsmath/amsmath.sty
Package: amsmath 2022/04/08 v2.17n AMS math features
\@mathmargin=\skip50
For additional information on amsmath, use the `?' option.
(/usr/share/texmf-dist/tex/latex/amsmath/amstext.sty
Package: amstext 2021/08/26 v2.01 AMS text
(/usr/share/texmf-dist/tex/latex/amsmath/amsgen.sty
File: amsgen.sty 1999/11/30 v2.0 generic functions
\@emptytoks=\toks16
\ex@=\dimen141
))
(/usr/share/texmf-dist/tex/latex/amsmath/amsbsy.sty
Package: amsbsy 1999/11/29 v1.2d Bold Symbols
\pmbraise@=\dimen142
)
(/usr/share/texmf-dist/tex/latex/amsmath/amsopn.sty
Package: amsopn 2022/04/08 v2.04 operator names
)
\inf@bad=\count193
LaTeX Info: Redefining \frac on input line 234.
\uproot@=\count194
\leftroot@=\count195
LaTeX Info: Redefining \overline on input line 399.
LaTeX Info: Redefining \colon on input line 410.
\classnum@=\count196
\DOTSCASE@=\count197
LaTeX Info: Redefining \ldots on input line 496.
LaTeX Info: Redefining \dots on input line 499.
LaTeX Info: Redefining \cdots on input line 620.
\Mathstrutbox@=\box51
\strutbox@=\box52
LaTeX Info: Redefining \big on input line 722.
LaTeX Info: Redefining \Big on input line 723.
LaTeX Info: Redefining \bigg on input line 724.
LaTeX Info: Redefining \Bigg on input line 725.
\big@size=\dimen143
LaTeX Font Info: Redeclaring font encoding OML on input line 743.
LaTeX Font Info: Redeclaring font encoding OMS on input line 744.
\macc@depth=\count198
LaTeX Info: Redefining \bmod on input line 905.
LaTeX Info: Redefining \pmod on input line 910.
LaTeX Info: Redefining \smash on input line 940.
LaTeX Info: Redefining \relbar on input line 970.
LaTeX Info: Redefining \Relbar on input line 971.
\c@MaxMatrixCols=\count199
\dotsspace@=\muskip16
\c@parentequation=\count266
\dspbrk@lvl=\count267
\tag@help=\toks17
\row@=\count268
\column@=\count269
\maxfields@=\count270
\andhelp@=\toks18
\eqnshift@=\dimen144
\alignsep@=\dimen145
\tagshift@=\dimen146
\tagwidth@=\dimen147
\totwidth@=\dimen148
\lineht@=\dimen149
\@envbody=\toks19
\multlinegap=\skip51
\multlinetaggap=\skip52
\mathdisplay@stack=\toks20
LaTeX Info: Redefining \[ on input line 2953.
LaTeX Info: Redefining \] on input line 2954.
)
(/usr/share/texmf-dist/tex/latex/amsfonts/amssymb.sty
Package: amssymb 2013/01/14 v3.01 AMS font symbols
(/usr/share/texmf-dist/tex/latex/amsfonts/amsfonts.sty
Package: amsfonts 2013/01/14 v3.01 Basic AMSFonts support
\symAMSa=\mathgroup4
\symAMSb=\mathgroup5
LaTeX Font Info: Redeclaring math symbol \hbar on input line 98.
LaTeX Font Info: Overwriting math alphabet `\mathfrak' in version `bold'
(Font) U/euf/m/n --> U/euf/b/n on input line 106.
))
(/usr/share/texmf-dist/tex/latex/titlesec/titlesec.sty
Package: titlesec 2021/07/05 v2.14 Sectioning titles
\ttl@box=\box53
\beforetitleunit=\skip53
\aftertitleunit=\skip54
\ttl@plus=\dimen150
\ttl@minus=\dimen151
\ttl@toksa=\toks21
\titlewidth=\dimen152
\titlewidthlast=\dimen153
\titlewidthfirst=\dimen154
)
(/usr/share/texmf-dist/tex/latex/titling/titling.sty
Package: titling 2009/09/04 v2.1d maketitle typesetting
\thanksmarkwidth=\skip55
\thanksmargin=\skip56
\droptitle=\skip57
)
(/usr/share/texmf-dist/tex/latex/lm/lmodern.sty
Package: lmodern 2015/05/01 v1.6.1 Latin Modern Fonts
LaTeX Font Info: Overwriting symbol font `operators' in version `normal'
(Font) OT1/cmr/m/n --> OT1/lmr/m/n on input line 22.
LaTeX Font Info: Overwriting symbol font `letters' in version `normal'
(Font) OML/cmm/m/it --> OML/lmm/m/it on input line 23.
LaTeX Font Info: Overwriting symbol font `symbols' in version `normal'
(Font) OMS/cmsy/m/n --> OMS/lmsy/m/n on input line 24.
LaTeX Font Info: Overwriting symbol font `largesymbols' in version `normal'
(Font) OMX/cmex/m/n --> OMX/lmex/m/n on input line 25.
LaTeX Font Info: Overwriting symbol font `operators' in version `bold'
(Font) OT1/cmr/bx/n --> OT1/lmr/bx/n on input line 26.
LaTeX Font Info: Overwriting symbol font `letters' in version `bold'
(Font) OML/cmm/b/it --> OML/lmm/b/it on input line 27.
LaTeX Font Info: Overwriting symbol font `symbols' in version `bold'
(Font) OMS/cmsy/b/n --> OMS/lmsy/b/n on input line 28.
LaTeX Font Info: Overwriting symbol font `largesymbols' in version `bold'
(Font) OMX/cmex/m/n --> OMX/lmex/m/n on input line 29.
LaTeX Font Info: Overwriting math alphabet `\mathbf' in version `normal'
(Font) OT1/cmr/bx/n --> OT1/lmr/bx/n on input line 31.
LaTeX Font Info: Overwriting math alphabet `\mathsf' in version `normal'
(Font) OT1/cmss/m/n --> OT1/lmss/m/n on input line 32.
LaTeX Font Info: Overwriting math alphabet `\mathit' in version `normal'
(Font) OT1/cmr/m/it --> OT1/lmr/m/it on input line 33.
LaTeX Font Info: Overwriting math alphabet `\mathtt' in version `normal'
(Font) OT1/cmtt/m/n --> OT1/lmtt/m/n on input line 34.
LaTeX Font Info: Overwriting math alphabet `\mathbf' in version `bold'
(Font) OT1/cmr/bx/n --> OT1/lmr/bx/n on input line 35.
LaTeX Font Info: Overwriting math alphabet `\mathsf' in version `bold'
(Font) OT1/cmss/bx/n --> OT1/lmss/bx/n on input line 36.
LaTeX Font Info: Overwriting math alphabet `\mathit' in version `bold'
(Font) OT1/cmr/bx/it --> OT1/lmr/bx/it on input line 37.
LaTeX Font Info: Overwriting math alphabet `\mathtt' in version `bold'
(Font) OT1/cmtt/m/n --> OT1/lmtt/m/n on input line 38.
)
(/usr/share/texmf-dist/tex/latex/xcolor/xcolor.sty
Package: xcolor 2022/06/12 v2.14 LaTeX color extensions (UK)
(/usr/share/texmf-dist/tex/latex/graphics-cfg/color.cfg
File: color.cfg 2016/01/02 v1.6 sample color configuration
)
Package xcolor Info: Driver file: pdftex.def on input line 227.
(/usr/share/texmf-dist/tex/latex/graphics-def/pdftex.def
File: pdftex.def 2022/09/22 v1.2b Graphics/color driver for pdftex
)
(/usr/share/texmf-dist/tex/latex/graphics/mathcolor.ltx)
Package xcolor Info: Model `cmy' substituted by `cmy0' on input line 1353.
Package xcolor Info: Model `hsb' substituted by `rgb' on input line 1357.
Package xcolor Info: Model `RGB' extended on input line 1369.
Package xcolor Info: Model `HTML' substituted by `rgb' on input line 1371.
Package xcolor Info: Model `Hsb' substituted by `hsb' on input line 1372.
Package xcolor Info: Model `tHsb' substituted by `hsb' on input line 1373.
Package xcolor Info: Model `HSB' substituted by `hsb' on input line 1374.
Package xcolor Info: Model `Gray' substituted by `gray' on input line 1375.
Package xcolor Info: Model `wave' substituted by `hsb' on input line 1376.
)
(/usr/share/texmf-dist/tex/generic/iftex/iftex.sty
Package: iftex 2022/02/03 v1.0f TeX engine tests
)
(/usr/share/texmf-dist/tex/latex/geometry/geometry.sty
Package: geometry 2020/01/02 v5.9 Page Geometry
(/usr/share/texmf-dist/tex/latex/graphics/keyval.sty
Package: keyval 2022/05/29 v1.15 key=value parser (DPC)
\KV@toks@=\toks22
)
(/usr/share/texmf-dist/tex/generic/iftex/ifvtex.sty
Package: ifvtex 2019/10/25 v1.7 ifvtex legacy package. Use iftex instead.
)
\Gm@cnth=\count271
\Gm@cntv=\count272
\c@Gm@tempcnt=\count273
\Gm@bindingoffset=\dimen155
\Gm@wd@mp=\dimen156
\Gm@odd@mp=\dimen157
\Gm@even@mp=\dimen158
\Gm@layoutwidth=\dimen159
\Gm@layoutheight=\dimen160
\Gm@layouthoffset=\dimen161
\Gm@layoutvoffset=\dimen162
\Gm@dimlist=\toks23
)
(/usr/share/texmf-dist/tex/latex/base/fontenc.sty
Package: fontenc 2021/04/29 v2.0v Standard LaTeX package
LaTeX Font Info: Trying to load font information for T1+lmr on input line 11
2.
(/usr/share/texmf-dist/tex/latex/lm/t1lmr.fd
File: t1lmr.fd 2015/05/01 v1.6.1 Font defs for Latin Modern
))
(/usr/share/texmf-dist/tex/latex/base/inputenc.sty
Package: inputenc 2021/02/14 v1.3d Input encoding file
\inpenc@prehook=\toks24
\inpenc@posthook=\toks25
)
(/usr/share/texmf-dist/tex/latex/base/textcomp.sty
Package: textcomp 2020/02/02 v2.0n Standard LaTeX package
)
(/usr/share/texmf-dist/tex/latex/upquote/upquote.sty
Package: upquote 2012/04/19 v1.3 upright-quote and grave-accent glyphs in verba
tim
)
(/usr/share/texmf-dist/tex/latex/microtype/microtype.sty
Package: microtype 2023/03/13 v3.1a Micro-typographical refinements (RS)
(/usr/share/texmf-dist/tex/latex/etoolbox/etoolbox.sty
Package: etoolbox 2020/10/05 v2.5k e-TeX tools for LaTeX (JAW)
\etb@tempcnta=\count274
)
\MT@toks=\toks26
\MT@tempbox=\box54
\MT@count=\count275
LaTeX Info: Redefining \noprotrusionifhmode on input line 1059.
LaTeX Info: Redefining \leftprotrusion on input line 1060.
\MT@prot@toks=\toks27
LaTeX Info: Redefining \rightprotrusion on input line 1078.
LaTeX Info: Redefining \textls on input line 1368.
\MT@outer@kern=\dimen163
LaTeX Info: Redefining \textmicrotypecontext on input line 1988.
\MT@listname@count=\count276
(/usr/share/texmf-dist/tex/latex/microtype/microtype-pdftex.def
File: microtype-pdftex.def 2023/03/13 v3.1a Definitions specific to pdftex (RS)
LaTeX Info: Redefining \lsstyle on input line 902.
LaTeX Info: Redefining \lslig on input line 902.
\MT@outer@space=\skip58
)
Package microtype Info: Loading configuration file microtype.cfg.
(/usr/share/texmf-dist/tex/latex/microtype/microtype.cfg
File: microtype.cfg 2023/03/13 v3.1a microtype main configuration file (RS)
))
(/usr/share/texmf-dist/tex/latex/parskip/parskip.sty
Package: parskip 2021-03-14 v2.0h non-zero parskip adjustments
(/usr/share/texmf-dist/tex/latex/kvoptions/kvoptions.sty
Package: kvoptions 2022-06-15 v3.15 Key value format for package options (HO)
(/usr/share/texmf-dist/tex/generic/ltxcmds/ltxcmds.sty
Package: ltxcmds 2020-05-10 v1.25 LaTeX kernel commands for general use (HO)
)
(/usr/share/texmf-dist/tex/latex/kvsetkeys/kvsetkeys.sty
Package: kvsetkeys 2022-10-05 v1.19 Key value parser (HO)
)))
(/usr/share/texmf-dist/tex/latex/fancyvrb/fancyvrb.sty
Package: fancyvrb 2023/01/19 4.5a verbatim text (tvz,hv)
\FV@CodeLineNo=\count277
\FV@InFile=\read2
\FV@TabBox=\box55
\c@FancyVerbLine=\count278
\FV@StepNumber=\count279
\FV@OutFile=\write3
)
(/usr/share/texmf-dist/tex/generic/babel/babel.sty
Package: babel 2023/02/13 3.86 The Babel package
\babel@savecnt=\count280
\U@D=\dimen164
\l@unhyphenated=\language3
(/usr/share/texmf-dist/tex/generic/babel/txtbabel.def)
\bbl@readstream=\read3
\bbl@dirlevel=\count281
Package babel Info: You haven't specified a language as a class or package
(babel) option. I'll load 'nil'. Reported on input line 4422.
(/usr/share/texmf-dist/tex/generic/babel/nil.ldf
Language: nil 2023/02/13 3.86 Nil language
\l@nil=\language4
))
\everypar=\toks28
(/usr/share/texmf-dist/tex/generic/babel/locale/en/babel-english.tex)
Package babel Info: Importing data for english
(babel) from babel-en.ini. Reported on input line 120.
(/usr/share/texmf-dist/tex/latex/bookmark/bookmark.sty
Package: bookmark 2020-11-06 v1.29 PDF bookmarks (HO)
(/usr/share/texmf-dist/tex/latex/hyperref/hyperref.sty
Package: hyperref 2023-02-07 v7.00v Hypertext links for LaTeX
(/usr/share/texmf-dist/tex/generic/pdftexcmds/pdftexcmds.sty
Package: pdftexcmds 2020-06-27 v0.33 Utility functions of pdfTeX for LuaTeX (HO
)
(/usr/share/texmf-dist/tex/generic/infwarerr/infwarerr.sty
Package: infwarerr 2019/12/03 v1.5 Providing info/warning/error messages (HO)
)
Package pdftexcmds Info: \pdf@primitive is available.
Package pdftexcmds Info: \pdf@ifprimitive is available.
Package pdftexcmds Info: \pdfdraftmode found.
)
(/usr/share/texmf-dist/tex/generic/kvdefinekeys/kvdefinekeys.sty
Package: kvdefinekeys 2019-12-19 v1.6 Define keys (HO)
)
(/usr/share/texmf-dist/tex/generic/pdfescape/pdfescape.sty
Package: pdfescape 2019/12/09 v1.15 Implements pdfTeX's escape features (HO)
)
(/usr/share/texmf-dist/tex/latex/hycolor/hycolor.sty
Package: hycolor 2020-01-27 v1.10 Color options for hyperref/bookmark (HO)
)
(/usr/share/texmf-dist/tex/latex/letltxmacro/letltxmacro.sty
Package: letltxmacro 2019/12/03 v1.6 Let assignment for LaTeX macros (HO)
)
(/usr/share/texmf-dist/tex/latex/auxhook/auxhook.sty
Package: auxhook 2019-12-17 v1.6 Hooks for auxiliary files (HO)
)
(/usr/share/texmf-dist/tex/latex/hyperref/nameref.sty
Package: nameref 2022-05-17 v2.50 Cross-referencing by name of section
(/usr/share/texmf-dist/tex/latex/refcount/refcount.sty
Package: refcount 2019/12/15 v3.6 Data extraction from label references (HO)
)
(/usr/share/texmf-dist/tex/generic/gettitlestring/gettitlestring.sty
Package: gettitlestring 2019/12/15 v1.6 Cleanup title references (HO)
)
\c@section@level=\count282
)
\@linkdim=\dimen165
\Hy@linkcounter=\count283
\Hy@pagecounter=\count284
(/usr/share/texmf-dist/tex/latex/hyperref/pd1enc.def
File: pd1enc.def 2023-02-07 v7.00v Hyperref: PDFDocEncoding definition (HO)
Now handling font encoding PD1 ...
... no UTF-8 mapping file for font encoding PD1
)
(/usr/share/texmf-dist/tex/generic/intcalc/intcalc.sty
Package: intcalc 2019/12/15 v1.3 Expandable calculations with integers (HO)
)
(/usr/share/texmf-dist/tex/generic/etexcmds/etexcmds.sty
Package: etexcmds 2019/12/15 v1.7 Avoid name clashes with e-TeX commands (HO)
)
\Hy@SavedSpaceFactor=\count285
(/usr/share/texmf-dist/tex/latex/hyperref/puenc.def
File: puenc.def 2023-02-07 v7.00v Hyperref: PDF Unicode definition (HO)
Now handling font encoding PU ...
... no UTF-8 mapping file for font encoding PU
)
Package hyperref Info: Option `unicode' set `true' on input line 4060.
Package hyperref Info: Hyper figures OFF on input line 4177.
Package hyperref Info: Link nesting OFF on input line 4182.
Package hyperref Info: Hyper index ON on input line 4185.
Package hyperref Info: Plain pages OFF on input line 4192.
Package hyperref Info: Backreferencing OFF on input line 4197.
Package hyperref Info: Implicit mode ON; LaTeX internals redefined.
Package hyperref Info: Bookmarks ON on input line 4425.
\c@Hy@tempcnt=\count286
(/usr/share/texmf-dist/tex/latex/url/url.sty
\Urlmuskip=\muskip17
Package: url 2013/09/16 ver 3.4 Verb mode for urls, etc.
)
LaTeX Info: Redefining \url on input line 4763.
\XeTeXLinkMargin=\dimen166
(/usr/share/texmf-dist/tex/generic/bitset/bitset.sty
Package: bitset 2019/12/09 v1.3 Handle bit-vector datatype (HO)
(/usr/share/texmf-dist/tex/generic/bigintcalc/bigintcalc.sty
Package: bigintcalc 2019/12/15 v1.5 Expandable calculations on big integers (HO
)
))
\Fld@menulength=\count287
\Field@Width=\dimen167
\Fld@charsize=\dimen168
Package hyperref Info: Hyper figures OFF on input line 6042.
Package hyperref Info: Link nesting OFF on input line 6047.
Package hyperref Info: Hyper index ON on input line 6050.
Package hyperref Info: backreferencing OFF on input line 6057.
Package hyperref Info: Link coloring OFF on input line 6062.
Package hyperref Info: Link coloring with OCG OFF on input line 6067.
Package hyperref Info: PDF/A mode OFF on input line 6072.
(/usr/share/texmf-dist/tex/latex/base/atbegshi-ltx.sty
Package: atbegshi-ltx 2021/01/10 v1.0c Emulation of the original atbegshi
package with kernel methods
)
\Hy@abspage=\count288
\c@Item=\count289
\c@Hfootnote=\count290
)
Package hyperref Info: Driver (autodetected): hpdftex.
(/usr/share/texmf-dist/tex/latex/hyperref/hpdftex.def
File: hpdftex.def 2023-02-07 v7.00v Hyperref driver for pdfTeX
(/usr/share/texmf-dist/tex/latex/base/atveryend-ltx.sty
Package: atveryend-ltx 2020/08/19 v1.0a Emulation of the original atveryend pac
kage
with kernel methods
)
\Fld@listcount=\count291
\c@bookmark@seq@number=\count292
(/usr/share/texmf-dist/tex/latex/rerunfilecheck/rerunfilecheck.sty
Package: rerunfilecheck 2022-07-10 v1.10 Rerun checks for auxiliary files (HO)
(/usr/share/texmf-dist/tex/generic/uniquecounter/uniquecounter.sty
Package: uniquecounter 2019/12/15 v1.4 Provide unlimited unique counter (HO)
)
Package uniquecounter Info: New unique counter `rerunfilecheck' on input line 2
85.
)
\Hy@SectionHShift=\skip59
)
(/usr/share/texmf-dist/tex/latex/bookmark/bkm-pdftex.def
File: bkm-pdftex.def 2020-11-06 v1.29 bookmark driver for pdfTeX (HO)
\BKM@id=\count293
))
(/usr/share/texmf-dist/tex/latex/xurl/xurl.sty
Package: xurl 2022/01/09 v 0.10 modify URL breaks
)
Package hyperref Info: Option `colorlinks' set `true' on input line 137.
(/usr/share/texmf-dist/tex/latex/l3backend/l3backend-pdftex.def
File: l3backend-pdftex.def 2023-01-16 L3 backend support: PDF output (pdfTeX)
\l__color_backend_stack_int=\count294
\l__pdf_internal_box=\box56
)
No file icons.aux.
\openout1 = `icons.aux'.
LaTeX Font Info: Checking defaults for OML/cmm/m/it on input line 143.
LaTeX Font Info: ... okay on input line 143.
LaTeX Font Info: Checking defaults for OMS/cmsy/m/n on input line 143.
LaTeX Font Info: ... okay on input line 143.
LaTeX Font Info: Checking defaults for OT1/cmr/m/n on input line 143.
LaTeX Font Info: ... okay on input line 143.
LaTeX Font Info: Checking defaults for T1/cmr/m/n on input line 143.
LaTeX Font Info: ... okay on input line 143.
LaTeX Font Info: Checking defaults for TS1/cmr/m/n on input line 143.
LaTeX Font Info: ... okay on input line 143.
LaTeX Font Info: Checking defaults for OMX/cmex/m/n on input line 143.
LaTeX Font Info: ... okay on input line 143.
LaTeX Font Info: Checking defaults for U/cmr/m/n on input line 143.
LaTeX Font Info: ... okay on input line 143.
LaTeX Font Info: Checking defaults for PD1/pdf/m/n on input line 143.
LaTeX Font Info: ... okay on input line 143.
LaTeX Font Info: Checking defaults for PU/pdf/m/n on input line 143.
LaTeX Font Info: ... okay on input line 143.
(/usr/share/texmf-dist/tex/context/base/mkii/supp-pdf.mkii
[Loading MPS to PDF converter (version 2006.09.02).]
\scratchcounter=\count295
\scratchdimen=\dimen169
\scratchbox=\box57
\nofMPsegments=\count296
\nofMParguments=\count297
\everyMPshowfont=\toks29
\MPscratchCnt=\count298
\MPscratchDim=\dimen170
\MPnumerator=\count299
\makeMPintoPDFobject=\count300
\everyMPtoPDFconversion=\toks30
)
*geometry* driver: auto-detecting
*geometry* detected driver: pdftex
*geometry* verbose mode - [ preamble ] result:
* driver: pdftex
* paper: <default>
* layout: <same size as paper>
* layoutoffset:(h,v)=(0.0pt,0.0pt)
* modes:
* h-part:(L,W,R)=(72.26999pt, 469.75502pt, 72.26999pt)
* v-part:(T,H,B)=(72.26999pt, 650.43001pt, 72.26999pt)
* \paperwidth=614.295pt
* \paperheight=794.96999pt
* \textwidth=469.75502pt
* \textheight=650.43001pt
* \oddsidemargin=0.0pt
* \evensidemargin=0.0pt
* \topmargin=-37.0pt
* \headheight=12.0pt
* \headsep=25.0pt
* \topskip=10.0pt
* \footskip=30.0pt
* \marginparwidth=65.0pt
* \marginparsep=11.0pt
* \columnsep=10.0pt
* \skip\footins=9.0pt plus 4.0pt minus 2.0pt
* \hoffset=0.0pt
* \voffset=0.0pt
* \mag=1000
* \@twocolumnfalse
* \@twosidefalse
* \@mparswitchfalse
* \@reversemarginfalse
* (1in=72.27pt=25.4mm, 1cm=28.453pt)
LaTeX Info: Redefining \microtypecontext on input line 143.
Package microtype Info: Applying patch `item' on input line 143.
Package microtype Info: Applying patch `toc' on input line 143.
Package microtype Info: Applying patch `eqnum' on input line 143.
Package microtype Info: Applying patch `footnote' on input line 143.
Package microtype Info: Applying patch `verbatim' on input line 143.
Package microtype Info: Generating PDF output.
Package microtype Info: Character protrusion enabled (level 2).
Package microtype Info: Using protrusion set `basicmath'.
Package microtype Info: Automatic font expansion enabled (level 2),
(microtype) stretch: 20, shrink: 20, step: 1, non-selected.
Package microtype Info: Using default expansion set `alltext-nott'.
LaTeX Info: Redefining \showhyphens on input line 143.
Package microtype Info: No adjustment of tracking.
Package microtype Info: No adjustment of interword spacing.
Package microtype Info: No adjustment of character kerning.
(/usr/share/texmf-dist/tex/latex/microtype/mt-cmr.cfg
File: mt-cmr.cfg 2013/05/19 v2.2 microtype config. file: Computer Modern Roman
(RS)
)
Package hyperref Info: Link coloring ON on input line 143.
LaTeX Font Info: Trying to load font information for TS1+lmr on input line 1
62.
(/usr/share/texmf-dist/tex/latex/lm/ts1lmr.fd
File: ts1lmr.fd 2015/05/01 v1.6.1 Font defs for Latin Modern
) [1
{/var/lib/texmf/fonts/map/pdftex/updmap/pdftex.map}{/usr/share/texmf-dist/fonts
/enc/dvips/lm/lm-ec.enc}{/usr/share/texmf-dist/fonts/enc/dvips/lm/lm-ts1.enc}]
(./icons.aux)
LaTeX Warning: Label(s) may have changed. Rerun to get cross-references right.
)
Here is how much of TeX's memory you used:
14699 strings out of 477985
230868 string characters out of 5840059
1858388 words of memory out of 5000000
34688 multiletter control sequences out of 15000+600000
532308 words of font info for 58 fonts, out of 8000000 for 9000
14 hyphenation exceptions out of 8191
77i,5n,81p,1194b,458s stack positions out of 10000i,1000n,20000p,200000b,200000s
</usr/share/texmf-dist/fonts/type1/public/lm/lmbx10.pfb></usr/share/texmf-dis
t/fonts/type1/public/lm/lmbx12.pfb></usr/share/texmf-dist/fonts/type1/public/lm
/lmr10.pfb>
Output written on icons.pdf (1 page, 84357 bytes).
PDF statistics:
61 PDF objects out of 1000 (max. 8388607)
50 compressed objects within 1 object stream
11 named destinations out of 1000 (max. 500000)
14377 words of extra memory for PDF output out of 14400 (max. 10000000)

Binary file not shown.

@ -0,0 +1,186 @@
% Options for packages loaded elsewhere
\PassOptionsToPackage{unicode}{hyperref}
\PassOptionsToPackage{hyphens}{url}
\documentclass[
]{article}
\usepackage{amsmath,amssymb}
\usepackage{titlesec}
\usepackage{titling}
\usepackage{lmodern}
\usepackage{xcolor}
\usepackage{iftex}
\usepackage[margin=1in]{geometry}
\ifPDFTeX
\usepackage[T1]{fontenc}
\usepackage[utf8]{inputenc}
\usepackage{textcomp} % provide euro and other symbols
\else % if luatex or xetex
\usepackage{unicode-math}
\defaultfontfeatures{Scale=MatchLowercase}
\defaultfontfeatures[\rmfamily]{Ligatures=TeX,Scale=1}
\fi
% Use upquote if available, for straight quotes in verbatim environments
\IfFileExists{upquote.sty}{\usepackage{upquote}}{}
\IfFileExists{microtype.sty}{% use microtype if available
\usepackage[]{microtype}
\UseMicrotypeSet[protrusion]{basicmath} % disable protrusion for tt fonts
}{}
\makeatletter
\@ifundefined{KOMAClassName}{% if non-KOMA class
\IfFileExists{parskip.sty}{%
\usepackage{parskip}
}{% else
\setlength{\parindent}{0pt}
\setlength{\parskip}{1pt plus 2pt minus 1pt}}
}{% if KOMA class
\KOMAoptions{parskip=half}}
\makeatother
\definecolor{myblue}{RGB}{24, 102, 201}
\titleformat{\section}
{\huge\bfseries\color{myblue}}
{}
{0em}
{}[\titlerule]
\titleformat{\subsection}
{\Large\bfseries}
{}
{0em}
{}
\titleformat{\subsubsection}[runin]
{\bfseries}
{}
{0em}
{}[:]
\titlespacing{\subsubsection}
{0em}{0.75em}{0.5em}
\titlespacing{\subsection}
{0em}{1em}{0.65em}
\titlespacing{\maketitle}
{0em}{0em}{0em}
\renewcommand{\maketitle}{
\begin{center}
{\huge\bfseries \theauthor}\\
\vspace{.35em}
\href{https://sufyaan.me/icons}{sufyaan.me/icons}
\end{center}
}
\usepackage{color}
\usepackage{fancyvrb}
\newcommand{\VerbBar}{|}
\newcommand{\VERB}{\Verb[commandchars=\\\{\}]}
\DefineVerbatimEnvironment{Highlighting}{Verbatim}{commandchars=\\\{\}}
% Add ',fontsize=\small' for more characters per line
\newenvironment{Shaded}{}{}
\newcommand{\AlertTok}[1]{\textcolor[rgb]{1.00,0.00,0.00}{\textbf{#1}}}
\newcommand{\AnnotationTok}[1]{\textcolor[rgb]{0.38,0.63,0.69}{\textbf{\textit{#1}}}}
\newcommand{\AttributeTok}[1]{\textcolor[rgb]{0.49,0.56,0.16}{#1}}
\newcommand{\BaseNTok}[1]{\textcolor[rgb]{0.25,0.63,0.44}{#1}}
\newcommand{\BuiltInTok}[1]{\textcolor[rgb]{0.00,0.50,0.00}{#1}}
\newcommand{\CharTok}[1]{\textcolor[rgb]{0.25,0.44,0.63}{#1}}
\newcommand{\CommentTok}[1]{\textcolor[rgb]{0.38,0.63,0.69}{\textit{#1}}}
\newcommand{\CommentVarTok}[1]{\textcolor[rgb]{0.38,0.63,0.69}{\textbf{\textit{#1}}}}
\newcommand{\ConstantTok}[1]{\textcolor[rgb]{0.53,0.00,0.00}{#1}}
\newcommand{\ControlFlowTok}[1]{\textcolor[rgb]{0.00,0.44,0.13}{\textbf{#1}}}
\newcommand{\DataTypeTok}[1]{\textcolor[rgb]{0.56,0.13,0.00}{#1}}
\newcommand{\DecValTok}[1]{\textcolor[rgb]{0.25,0.63,0.44}{#1}}
\newcommand{\DocumentationTok}[1]{\textcolor[rgb]{0.73,0.13,0.13}{\textit{#1}}}
\newcommand{\ErrorTok}[1]{\textcolor[rgb]{1.00,0.00,0.00}{\textbf{#1}}}
\newcommand{\ExtensionTok}[1]{#1}
\newcommand{\FloatTok}[1]{\textcolor[rgb]{0.25,0.63,0.44}{#1}}
\newcommand{\FunctionTok}[1]{\textcolor[rgb]{0.02,0.16,0.49}{#1}}
\newcommand{\ImportTok}[1]{\textcolor[rgb]{0.00,0.50,0.00}{\textbf{#1}}}
\newcommand{\InformationTok}[1]{\textcolor[rgb]{0.38,0.63,0.69}{\textbf{\textit{#1}}}}
\newcommand{\KeywordTok}[1]{\textcolor[rgb]{0.00,0.44,0.13}{\textbf{#1}}}
\newcommand{\NormalTok}[1]{#1}
\newcommand{\OperatorTok}[1]{\textcolor[rgb]{0.40,0.40,0.40}{#1}}
\newcommand{\OtherTok}[1]{\textcolor[rgb]{0.00,0.44,0.13}{#1}}
\newcommand{\PreprocessorTok}[1]{\textcolor[rgb]{0.74,0.48,0.00}{#1}}
\newcommand{\RegionMarkerTok}[1]{#1}
\newcommand{\SpecialCharTok}[1]{\textcolor[rgb]{0.25,0.44,0.63}{#1}}
\newcommand{\SpecialStringTok}[1]{\textcolor[rgb]{0.73,0.40,0.53}{#1}}
\newcommand{\StringTok}[1]{\textcolor[rgb]{0.25,0.44,0.63}{#1}}
\newcommand{\VariableTok}[1]{\textcolor[rgb]{0.10,0.09,0.49}{#1}}
\newcommand{\VerbatimStringTok}[1]{\textcolor[rgb]{0.25,0.44,0.63}{#1}}
\newcommand{\WarningTok}[1]{\textcolor[rgb]{0.38,0.63,0.69}{\textbf{\textit{#1}}}}
\setlength{\emergencystretch}{3em} % prevent overfull lines
\providecommand{\tightlist}{%
\setlength{\itemsep}{0pt}\setlength{\parskip}{0pt}}
\setcounter{secnumdepth}{-\maxdimen} % remove section numbering
\ifLuaTeX
\usepackage[bidi=basic]{babel}
\else
\usepackage[bidi=default]{babel}
\fi
\babelprovide[main,import]{english}
% get rid of language-specific shorthands (see #6817):
\let\LanguageShortHands\languageshorthands
\def\languageshorthands#1{}
\ifLuaTeX
\usepackage{selnolig} % disable illegal ligatures
\fi
\IfFileExists{bookmark.sty}{\usepackage{bookmark}}{\usepackage{hyperref}}
\IfFileExists{xurl.sty}{\usepackage{xurl}}{} % add URL line breaks if available
\urlstyle{same} % disable monospaced font for URLs
\hypersetup{
pdftitle={(POST) Why I Removed Icons},
pdflang={en},
colorlinks=true,
linkcolor=blue,
filecolor=blue,
urlcolor=blue,
pdfcreator={LaTeX via pandoc}}
\title{Sufyaan's Website}
\author{Sufyaan's Website}
\date{}
\begin{document}
\maketitle
\section[Why I Removed Icons]{Why I Removed Icons}\label{why-i-removed-icons}
\textbf{28 October 2023}
\textbf{Category: }Updates
If you browsed my website recently, you would have noticed that I
removed all icons. There are many reasons for this change. The TLDR is
that my love for quirky icons spiraled into flaming anger whenever I had
to align them properly. I will go into more detail in this post.
\hypertarget{clutter}{%
\subsection{Clutter}\label{clutter}}
Icons cluttered my website. No matter how hard I tried, they never
looked right on all devices at once. If it was working fine on desktop,
it wasn\textquotesingle t on mobile and vice versa. This led to hours
trying to adjust the size and position of each icon to make sure they
looked good which they never did.
\hypertarget{readability}{%
\subsection{Readability}\label{readability}}
The last point ties into this one. The removal of icons led to clear
lists, text and headings. I did not expect the website to look this much
better without icons. This makes the website look consistent.
\hypertarget{easier}{%
\subsection{Easier}\label{easier}}
Removing icons makes my job a whole lot easier. I don\textquotesingle t
have to worry about how an icon will look. I just copy-paste a folder
and start typing away.
\hypertarget{conclusion}{%
\subsection{Conclusion}\label{conclusion}}
To sum it up, I removed icons because they made my website look
cluttered. Without them, my website is more readable and is easier for
me to work on.
\end{document}

@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>(POST) Why I Removed All Icons</title>
<link rel="icon" type="image/x-icon" href="../images/favicon.webp">
<link rel='stylesheet' type='text/css' href="../style.css">
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<a style="text-decoration: none;" href="../">
<pre class="main-header">
_______ _ _ _______ __ __ _______ _______ __ _
|______ | | |______ \_/ |_____| |_____| | \ |
______| |_____| | | | | | | | \_|
</pre>
</a>
<hr/><p><a href="../">sf.me</a> > <a style="color:#bd93f9" href="../blog/">Blog</a> > <a style="color:#bd93f9" href=".">Why I Removed All Icons</a></p>
<h1>Why I Removed All Icons</h1>
<p style="font-size:110%">Posted on: <strong>28 October 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>If you browsed my website recently, you would have noticed that I removed all icons. There are many reasons for this change. The TLDR is that my love for quirky icons spiraled into flaming anger whenever I had to align them properly. I will go into more detail in this post.</p>
<h2 id="clutter">Clutter</h2>
<p>Icons cluttered my website. No matter how hard I tried, they never looked right on all devices at once. If it was working fine on desktop, it wasn&#39;t on mobile and vice versa. This led to hours trying to adjust the size and position of each icon to make sure they looked good which they never did.</p>
<h2 id="readability">Readability</h2>
<p>The last point ties into this one. The removal of icons led to clear lists, text and headings. I did not expect the website to look this much better without icons. This makes the website look consistent.</p>
<h2 id="easier">Easier</h2>
<p>Removing icons makes my job a whole lot easier. I don&#39;t have to worry about how an icon will look. I just copy-paste a folder and start typing away.</p>
<h2 id="conclusion">Conclusion</h2>
<p>To sum it up, I removed icons because they made my website look cluttered. Without them, my website is more readable and is easier for me to work on.</p>
<p><a href="mailto:sf@sufyaan.me?subject=Why%20I%20Removed%20All%20Icons">>>> Reply To Me</a></p>
<p><a href="icons.pdf">>>> Download PDF</a></p>
<p style="text-align:center;"><a href="../electric/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><mask id="ipSLeftOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M30 36L18 24l12-12v24Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSLeftOne0)"/></svg>Previous Post</a> - <a style="color:#bd93f9" href="../terminal/">First Post</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="#bd93f9" fill-rule="evenodd" d="M2.232 12.207a.75.75 0 0 1 1.06.025l3.958 4.146V6.375a5.375 5.375 0 0 1 10.75 0V9.25a.75.75 0 0 1-1.5 0V6.375a3.875 3.875 0 0 0-7.75 0v10.003l3.957-4.146a.75.75 0 0 1 1.085 1.036l-5.25 5.5a.75.75 0 0 1-1.085 0l-5.25-5.5a.75.75 0 0 1 .025-1.06Z" clip-rule="evenodd"/></svg></p>
<hr/>
<footer>
<p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>
<p class="footer-text" style="font-size:80%"><a href="../">sufyaan.me</a></p><p class="footer-text" style="font-size:65%"><a style="color:#aaaaaa" href="../sitemap">Site Map</a></p>
</footer>

@ -45,11 +45,11 @@
<div class="column"> <div class="column">
<h2 class="pane">Latest Posts</h2> <h2 class="pane">Latest Posts</h2>
<ul class="pane"> <ul class="pane">
<li><a style="color:#bd93f9" href="icons/">Why I Removed All Icons</a></li>
<li><a style="color:#bd93f9" href="electric/">Electric Cars Won't Take Over</a></li> <li><a style="color:#bd93f9" href="electric/">Electric Cars Won't Take Over</a></li>
<li><a style="color:#bd93f9" href="palestine/">Boycott These Israeli Companies</a></li> <li><a style="color:#bd93f9" href="palestine/">Boycott These Israeli Companies</a></li>
<li><a style="color:#bd93f9" href="domain/">Domain, Email & PGP Keys Changed</a></li> <li><a style="color:#bd93f9" href="domain/">Domain, Email & PGP Keys Changed</a></li>
<li><a style="color:#bd93f9" href="students/">A Student's Nightmare </a> </li> <li><a style="color:#bd93f9" href="students/">A Student's Nightmare </a> </li>
<li><a style="color:#bd93f9" href="ask/">Use AnySoftKeyboard</a></li>
<li><a style="color:#bd93f9" href="blog/">View More</a></li> <li><a style="color:#bd93f9" href="blog/">View More</a></li>
</ul> </ul>
</div> </div>

@ -19,7 +19,7 @@
</a> </a>
<hr/> <hr/>
<p><a href="../">sf.me</a> > <a style="color:#bd93f9" href="../blog/">Blog</a> > <a style="color:#bd93f9" href=".">Instagram Deleted!</a></p> <p><a href="../">sf.me</a> > <a style="color:#bd93f9" href="../blog/">Blog</a> > <a style="color:#bd93f9" href=".">Instagram Deleted!</a></p>
<h1>Instagram Deleted!</h1><p style="font-size:110%">Posted on: <strong>7 May 2023</strong></p><p style="font-size:110%">Reading time: <strong><strong>Less than 1 min</strong><p><p style="font-size:110%"></strong>Category: <a style="color:#ff79c6" href="../blog/software/"><strong>Software</strong></a></p> <h1>Instagram Deleted!</h1><p style="font-size:110%">Posted on: <strong>7 May 2023</strong></p><p style="font-size:110%">Reading time: <strong><strong>Less than 1 min</strong><p><p style="font-size:110%"></strong>Category: <a style="color:#ff79c6" href="../blog/updates/"><strong>Updates</strong></a></p>
<p>This post is to inform you that the grace period for the deletion of my public Instagram account has been completed. My Instagram account has been deleted... forever. I highly recommend you do it too. Read <a style="color:#bd93f9" href="../sm">this post</a> for more information.</p> <p>This post is to inform you that the grace period for the deletion of my public Instagram account has been completed. My Instagram account has been deleted... forever. I highly recommend you do it too. Read <a style="color:#bd93f9" href="../sm">this post</a> for more information.</p>
<p><a href="mailto:sufyaan@counterhawks.com?subject=Instagram%20Deleted!">>>> Reply To Me</a></p> <p><a href="mailto:sufyaan@counterhawks.com?subject=Instagram%20Deleted!">>>> Reply To Me</a></p>

@ -5,7 +5,7 @@
FILE=/tmp/sufyaan-website-post$(date +%d).md FILE=/tmp/sufyaan-website-post$(date +%d).md
ROOT=~/docs/sys/gits/sufyaan-website ROOT=~/docs/sys/gits/sufyaan-website
echo '- [ ] Linux\n- [ ] Software\n- [ ] Technology\n- [ ] Design\n- [ ] Guides\n- [ ] Cars\n- [ ] Literary\n- [ ] Other' > $FILE echo '- [ ] Linux\n- [ ] Software\n- [ ] Technology\n- [ ] Design\n- [ ] Guides\n- [ ] Cars\n- [ ] Literary\n- [ ] Updates\n- [ ] Other' > $FILE
nvim $FILE nvim $FILE
CATPG="$(grep 'X' $FILE | cut -d' ' -f3)" CATPG="$(grep 'X' $FILE | cut -d' ' -f3)"
CATPGL="$(echo $CATPG | tr ' ' '\n' | sed 's/[A-Z]/\L&/g')" CATPGL="$(echo $CATPG | tr ' ' '\n' | sed 's/[A-Z]/\L&/g')"

@ -18,7 +18,7 @@
<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> <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> <h1>PGP KEYS CHANGED!</h1>
<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/technology/"><strong>Technology</strong></a></p> <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>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:sufyaan@counterhawks.com?subject=PGP%20KEYS%20CHANGED!">>>> Reply To Me</a></p> <p><a href="mailto:sufyaan@counterhawks.com?subject=PGP%20KEYS%20CHANGED!">>>> Reply To Me</a></p>
<p><a href="pgp.pdf">>>> Download PDF</a></p> <p><a href="pgp.pdf">>>> Download PDF</a></p>

@ -4,6 +4,22 @@
<title>Sufyaan's Posts</title> <title>Sufyaan's Posts</title>
<link>https://sufyaan.me/</link> <link>https://sufyaan.me/</link>
<description>Blog posts on Sufyaan's website</description> <description>Blog posts on Sufyaan's website</description>
<item>
<title>Why I Removed Icons</title>
<link>https://sufyaan.me/icons/</link>
<guid>https://sufyaan.me/icons/</guid>
<pubDate>Thu, 28 Oct 2023 12:35:00 GMT</pubDate>
<description><p>If you browsed my website recently, you would have noticed that I removed all icons. There are many reasons for this change. The TLDR is that my love for quirky icons spiraled into flaming anger whenever I had to align them properly. I will go into more detail in this post.</p>
<h2 id="clutter">Clutter</h2>
<p>Icons cluttered my website. No matter how hard I tried, they never looked right on all devices at once. If it was working fine on desktop, it wasn&#39;t on mobile and vice versa. This led to hours trying to adjust the size and position of each icon to make sure they looked good which they never did.</p>
<h2 id="readability">Readability</h2>
<p>The last point ties into this one. The removal of icons led to clear lists, text and headings. I did not expect the website to look this much better without icons. This makes the website look consistent.</p>
<h2 id="easier">Easier</h2>
<p>Removing icons makes my job a whole lot easier. I don&#39;t have to worry about how an icon will look. I just copy-paste a folder and start typing away.</p>
<h2 id="conclusion">Conclusion</h2>
<p>To sum it up, I removed icons because they made my website look cluttered. Without them, my website is more readable and is easier for me to work on.</p>
</description>
</item>
<item> <item>
<title>Electric Cars Won't Take Over</title> <title>Electric Cars Won't Take Over</title>
<link>https://sufyaan.me/electric/</link> <link>https://sufyaan.me/electric/</link>
@ -166,7 +182,7 @@
</description> </description>
</item> </item>
<item> <item>
<title>Domain, Email &amp; PGP Keys Changed</title> <title>Domain &amp; Email Changed</title>
<link>https://sufyaan.me/domain/</link> <link>https://sufyaan.me/domain/</link>
<guid>https://sufyaan.me/domain/</guid> <guid>https://sufyaan.me/domain/</guid>
<pubDate>Thu, 06 Oct 2023 17:53:00 GMT</pubDate> <pubDate>Thu, 06 Oct 2023 17:53:00 GMT</pubDate>

@ -27,7 +27,7 @@
<li><a style="color:#50fa7b" href="../definitions">Definitions</a></li> <li><a style="color:#50fa7b" href="../definitions">Definitions</a></li>
<li><a style="color:#cccccc" href="../sitemap/">Site Map</a></li> <li><a style="color:#cccccc" href="../sitemap/">Site Map</a></li>
</ul> </ul>
<h2><a style="color:#bd93f9" href=..">Blog</a></h2> <h2><a style="color:#bd93f9" href="../blog/">Blog</a></h2>
<h3>Categories</h3> <h3>Categories</h3>
<ul class="posts"> <ul class="posts">
<li><a style="color:#ff79c6" href="../blog/linux/">Linux</a></li> <li><a style="color:#ff79c6" href="../blog/linux/">Linux</a></li>
@ -37,13 +37,15 @@
<li><a style="color:#ff79c6" href="../blog/guides/">Guides</a></li> <li><a style="color:#ff79c6" href="../blog/guides/">Guides</a></li>
<li><a style="color:#ff79c6" href="../blog/cars/">Cars</a></li> <li><a style="color:#ff79c6" href="../blog/cars/">Cars</a></li>
<li><a style="color:#ff79c6" href="../blog/literary/">Literary</a></li> <li><a style="color:#ff79c6" href="../blog/literary/">Literary</a></li>
<li><a style="color:#ff79c6" href="../blog/updates/">Updates</a></li>
<li><a style="color:#ff79c6" href="../blog/other/">Other</a></li> <li><a style="color:#ff79c6" href="../blog/other/">Other</a></li>
</ul> </ul>
<h3>Posts</h3> <h3>Posts</h3>
<ul class="posts"> <ul class="posts">
<li><a style="color:#bd93f9" href="../icons/">Why I Removed All Icons</a></li>
<li><a style="color:#bd93f9" href="../electric/">Electric Cars Won't Take Over</a></li> <li><a style="color:#bd93f9" href="../electric/">Electric Cars Won't Take Over</a></li>
<li><a style="color:#bd93f9" href="../palestine/">Boycott These Israeli Companies</a></li> <li><a style="color:#bd93f9" href="../palestine/">Boycott These Israeli Companies</a></li>
<li><a style="color:#bd93f9" href="../domain/">Domain, Email & PGP Keys Changed</a></li> <li><a style="color:#bd93f9" href="../domain/">Domain & Email Changed</a></li>
<li><a style="color:#bd93f9" href="../students/">A Student's Nightmare</a></li> <li><a style="color:#bd93f9" href="../students/">A Student's Nightmare</a></li>
<li><a style="color:#bd93f9" href="../ask/">Use AnySoftKeyboard</a></li> <li><a style="color:#bd93f9" href="../ask/">Use AnySoftKeyboard</a></li>
<li><a style="color:#bd93f9" href="../forget/">Forget Your Passwords</a></li> <li><a style="color:#bd93f9" href="../forget/">Forget Your Passwords</a></li>
@ -123,6 +125,6 @@
</ul> </ul>
<hr/> <hr/>
<footer> <footer>
<p><a style="color:#bd93f9" href=..">blog</a> - <a style="color:#ffb86c" href="../about/">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p> <p><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about/">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>
<p style="font-size:80%"><a href="../../">sufyaan.me</a></p><p class="footer-text" style="font-size:65%"><a style="color:#aaaaaa" href=".">Site Map</a></p> <p style="font-size:80%"><a href="../../">sufyaan.me</a></p><p class="footer-text" style="font-size:65%"><a style="color:#aaaaaa" href=".">Site Map</a></p>
</footer> </footer>

@ -18,7 +18,7 @@
<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> <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> <h1>Switching To SVGs</h1>
<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/software/"><strong>Software</strong></a></p> <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>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> <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>
<p>Then, I did a GTMetrix scan of my website and saw that my icons and fonts were taking up 90% of my website's initial load resources. That forced me to take on the challenge to change every single icon to SVGs. It was much easier than expected.</p> <p>Then, I did a GTMetrix scan of my website and saw that my icons and fonts were taking up 90% of my website's initial load resources. That forced me to take on the challenge to change every single icon to SVGs. It was much easier than expected.</p>

Loading…
Cancel
Save