Migrating from Font Awesome to SVGs for remaining posts... bloat-free!

main
TitanElectrons 1 year ago
parent a9f9acd341
commit 1b185e2a13

@ -3,7 +3,7 @@
<head>
<title>(POST) Taking Proper Backups</title>
<link rel="icon" type="image/x-icon" href="../images/favicon.webp">
<link rel='stylesheet' type='text/css' href="../style.css"> <link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="all">
<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>
@ -15,15 +15,15 @@
______| |_____| | | | | | | | \_|
</pre>
</a>
<hr/><p><a href="../">sf.cu</a> > <a style="color:#bd93f9" href="../blog/">Blog</a> > <a style="color:#bd93f9" href=".">Taking Proper Backups</a></p>
<h1><i class="fa fa-cloud-upload" aria-hidden="true"></i>Taking Proper Backups</h1>
<p style="font-size:110%"><strong><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19 19H5V8h14m-3-7v2H8V1H6v2H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-1V1m-1 11h-5v5h5v-5Z"/></svg>27 July 2023</strong></p><p style="font-size:110%"><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12zm11-5a1 1 0 1 0-2 0v3.764a3 3 0 0 0 1.658 2.683l2.895 1.447a1 1 0 1 0 .894-1.788l-2.894-1.448a1 1 0 0 1-.553-.894V7z" clip-rule="evenodd"/></svg><strong>5 min</strong><p style="font-size:110%"><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M10 3H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm10 0h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM10 13H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zm7 0a4 4 0 1 1-3.995 4.2L13 17l.005-.2A4 4 0 0 1 17 13z"/></g></svg></strong><a style="color:#ff79c6" href="../blog/technology/"><i class="fa fa-code" aria-hidden="true"></i>Technology</a></p>
<hr/><p><a href="../">sf.cu</a> > <a style="color:#bd93f9" href="../blog/">Blog</a> > <a style="color:#bd93f9" href="."><svg class="posts" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="currentColor" d="M11 20H6.5q-2.275 0-3.888-1.575T1 14.575q0-1.95 1.175-3.475T5.25 9.15q.625-2.3 2.5-3.725T12 4q2.925 0 4.963 2.038T19 11q1.725.2 2.863 1.488T23 15.5q0 1.875-1.313 3.188T18.5 20H13v-7.15l1.6 1.55L16 13l-4-4l-4 4l1.4 1.4l1.6-1.55V20Z"/></svg>Taking Proper Backups</a></p>
<h1><svg class="heading2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="currentColor" d="M11 20H6.5q-2.275 0-3.888-1.575T1 14.575q0-1.95 1.175-3.475T5.25 9.15q.625-2.3 2.5-3.725T12 4q2.925 0 4.963 2.038T19 11q1.725.2 2.863 1.488T23 15.5q0 1.875-1.313 3.188T18.5 20H13v-7.15l1.6 1.55L16 13l-4-4l-4 4l1.4 1.4l1.6-1.55V20Z"/></svg>Taking Proper Backups</h1>
<p style="font-size:110%"><strong><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19 19H5V8h14m-3-7v2H8V1H6v2H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-1V1m-1 11h-5v5h5v-5Z"/></svg>27 July 2023</strong></p><p style="font-size:110%"><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12zm11-5a1 1 0 1 0-2 0v3.764a3 3 0 0 0 1.658 2.683l2.895 1.447a1 1 0 1 0 .894-1.788l-2.894-1.448a1 1 0 0 1-.553-.894V7z" clip-rule="evenodd"/></svg><strong>5 min</strong><p style="font-size:110%"><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M10 3H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm10 0h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM10 13H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zm7 0a4 4 0 1 1-3.995 4.2L13 17l.005-.2A4 4 0 0 1 17 13z"/></g></svg></strong><a style="color:#ff79c6" href="../blog/technology/">Technology</a></p>
<p>Taking backups is crucial in every single context. There is simply no situation where the lack of backups was beneficial. Such situations are always detrimental to people. Backups are also important for businesses, especially ones which are responsible for the lives of people, like hospitals.</p>
<p>Taking backups prevents data loss due to software or hardware errors. Even accidents have a minimal impact if you have a backup. It allows businesses to keep growing instead of being worried about recovering crucial client data. For public services like hospitals, being hit with ransomware is an extremely difficult moment. If the ransom is not paid immediately, it can result in loss of human lives. This is why you either have backups or lose money.</p>
<p>Losing precious memories hurts. Backups prevent this gut-wrenching scenario from ever occurring. With many spectacular backup solutions being free or cheap, there is absolutely no reason to take backups. If you work with new computers and devices regularly, then taking backups makes it easy to migrate and install multiple instances on new devices. This is especially easy with Linux systems due to the simple dotfile method. It also provides version control. If you have old versions of documents and files, it is easy to refer to previous examples for future work.</p>
<p>If there is one thing that people love about backups, it is the peace of mind you get knowing that you have an extremely low chance of losing your important data.</p>
<p>It does not matter if you are a normal person or a massive business; you should spend time and money to back up your data properly.</p>
<h2><i class="fa fa-file-text" aria-hidden="true"></i>3-2-1 Backup Rule</h2>
<h2><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="currentColor" d="M9 4.75A.75.75 0 0 1 9.75 4h4a.75.75 0 0 1 .53 1.28l-1.89 1.892c.312.076.604.18.867.319c.742.391 1.244 1.063 1.244 2.005c0 .653-.231 1.208-.629 1.627c-.386.408-.894.653-1.408.777c-1.01.243-2.225.063-3.124-.527a.751.751 0 0 1 .822-1.254c.534.35 1.32.474 1.951.322c.306-.073.53-.201.67-.349c.129-.136.218-.32.218-.596c0-.308-.123-.509-.444-.678c-.373-.197-.98-.318-1.806-.318a.75.75 0 0 1-.53-1.28l1.72-1.72H9.75A.75.75 0 0 1 9 4.75Zm-3.587 5.763c-.35-.05-.77.113-.983.572a.75.75 0 1 1-1.36-.632c.508-1.094 1.589-1.565 2.558-1.425c1 .145 1.872.945 1.872 2.222c0 1.433-1.088 2.192-1.79 2.681c-.308.216-.571.397-.772.573H7a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75c0-.69.3-1.211.67-1.61c.348-.372.8-.676 1.15-.92c.8-.56 1.18-.904 1.18-1.474c0-.473-.267-.69-.587-.737ZM5.604.089A.75.75 0 0 1 6 .75v4.77h.711a.75.75 0 0 1 0 1.5H3.759a.75.75 0 0 1 0-1.5H4.5V2.15l-.334.223a.75.75 0 0 1-.832-1.248l1.5-1a.75.75 0 0 1 .77-.037Z"/></svg>3-2-1 Backup Rule</h2>
<p>The 3-2-1 backup rule is a rule that many people recommend following to remember to take proper backups. Here is the meaning of each of the numbers:</p>
<ol>
<li><strong>Three Copies</strong>: The &quot;3&quot; in the rule means that you should at least three copies of your data. This includes your original data, so you should have at least your original data along with two other copies. The advantage of having these many copies is that it is the perfect balance of simplicity and redundancy.</li>
@ -31,7 +31,7 @@
<li><strong>One Off-site Copy</strong>: The &quot;1&quot; in the rule means that you should have at least one off-site copy. Off-site in this case means somewhere other than your main home or regular backup methods. This can be an encrypted external hard drive that you leave at your relative&#39;s house, for example.</li>
</ol>
<p>It is important to note that these rules are not a plan for everyone, and are instead meant as a base for your backup plans. The least important data that you own should at least be backed up using the base 3-2-1 backup plan.</p>
<h2><i class="fa fa-user-secret" aria-hidden="true"></i>Using Invasive Services (Drive, OneDrive, iCloud)</h2>
<h2><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M17 13a4 4 0 0 1 0 8c-2.142 0-4-1.79-4-4h-2a4 4 0 1 1-.535-2h3.07A3.998 3.998 0 0 1 17 13ZM2 12v-2h2V7a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4v3h2v2H2Z"/></svg>Using Invasive Services (Drive, OneDrive, iCloud)</h2>
<p>When it comes to using Big Tech&#39;s invasive services, you have to be extremely careful since they do not respect your privacy at all. At the bare minimum, you should be encrypting the files you upload if they are even of a little importance to you.</p>
<p>A popular program for file and drive encryption is VeraCrypt. To learn how to use it in detail, <a href="https://yewtu.be/watch?v=cxo8xosH_TI">watch this video</a>. The overall process goes like this:</p>
<ol>
@ -43,20 +43,20 @@
<li>Upload it wherever you want</li>
</ol>
<p>This makes it difficult to easily access your files from your phone or another device, but it is totally worth it for your privacy.</p>
<h2><i class="fa fa-money" aria-hidden="true"></i>Using Paid Services (Backblaze, Mega)</h2>
<h2><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><path fill="currentColor" d="M6 7.5a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0Z"/><path fill="currentColor" fill-rule="evenodd" d="M0 3.5A1.5 1.5 0 0 1 1.5 2h12A1.5 1.5 0 0 1 15 3.5v8a1.5 1.5 0 0 1-1.5 1.5h-12A1.5 1.5 0 0 1 0 11.5v-8ZM4 4H2v2h1V5h1V4Zm8 1h-1V4h2v2h-1V5ZM7.5 5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5Zm3.5 5v1h2V9h-1v1h-1ZM2 9h1v1h1v1H2V9Z" clip-rule="evenodd"/></svg>Using Paid Services (Backblaze, Mega)</h2>
<p>Services like Mega allow you to pay for more storage, just like Drive, OneDrive or Dropbox. There are privacy concerns with the latter three, however. ProtonDrive is also a good option, but it has had some controversy due to the <a href="https://techcrunch.com/2021/09/06/protonmail-logged-ip-address-of-french-activist-after-order-by-swiss-authorities/">privacy concerns of ProtonMail</a>. However, I am comfortable recommending it.</p>
<p>BackBlaze is a backup program that is under the <a href="https://opensource.org/license/mit/">MIT licence</a>. It works really well for most of their customers, so I am comfortable recommending it.</p>
<h2><i class="fa fa-server" aria-hidden="true"></i>Using Owned Services (servers, syncing)</h2>
<h2><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none"><path d="M24 0v24H0V0h24ZM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018Zm.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022Zm-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01l-.184-.092Z"/><path fill="currentColor" d="M20 15v4a2 2 0 0 1-1.85 1.995L18 21H6a2 2 0 0 1-1.995-1.85L4 19v-4h16Zm-6 2a1 1 0 1 0 0 2a1 1 0 0 0 0-2Zm3 0a1 1 0 1 0 0 2a1 1 0 0 0 0-2Zm3-8v4H4V9h16Zm-2-6a2 2 0 0 1 2 2v2H4V5a2 2 0 0 1 2-2h12Z"/></g></svg>Using Owned Services (servers, syncing)</h2>
<p>When you are using services you own, you have to make sure that you verify the integrity of your files. File corruption can happen on every platform, but it is much better to verify your files on your server since there may be issues with your setup that causes file corruption.</p>
<p>It is also important to keep a separate drive or storage medium on your services if possible. If anything happens to your main system, it becomes really easy to just wipe the system and install a new one, knowing that your data is safe.</p>
<p>You can also use sync services like Syncthing for small files that you need synced within all of your devices. I use it to sync my password manager and personal notes. It is encrypted and open-source software and works extremely fast. It is so fast that by the time I save a file and open my phone, the file is already updated. This prevents conflicts.</p>
<h2><i class="fa fa-hdd-o" aria-hidden="true"></i>Taking Offline Backups</h2>
<h2><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2048 2048"><path fill="currentColor" d="M960 768q-69 0-137-6t-137-19q-34-7-79-18t-93-30t-94-42t-83-54t-58-68t-23-83q0-45 22-82t59-68t82-55t94-42t93-29t80-19q68-13 136-19t138-6q69 0 137 6t137 19q34 7 79 18t93 30t94 42t83 54t58 68t23 83q0 45-22 82t-59 68t-82 55t-94 42t-93 30t-80 18q-68 13-136 19t-138 6zm0 128q45 0 100-3t115-10t120-18t117-29t106-40t86-53q13-11 21-21t20-23q2-2 9-6t10-7v146q0 46-23 83t-60 69t-85 55t-96 42t-95 30t-81 18q-66 12-132 17t-132 6q-66 0-132-5t-132-18q-34-6-80-18t-95-30t-96-42t-85-55t-61-68t-23-84V686q3 2 10 6t9 7q11 12 19 22t22 22q36 30 85 53t106 40t117 28t120 19t115 10t101 3zm0 384q45 0 100-3t115-10t120-18t117-29t106-40t86-53q13-11 21-21t20-23q2-2 9-6t10-7v146q0 46-23 83t-60 69t-85 55t-96 42t-95 30t-81 18q-66 12-132 17t-132 6q-66 0-132-5t-132-18q-34-7-80-18t-95-30t-96-42t-85-55t-61-68t-23-84v-146q3 2 10 6t9 7q11 12 19 22t22 22q36 30 85 53t106 40t117 28t120 19t115 10t101 3zm0 384q45 0 100-3t115-10t120-18t117-29t106-40t86-53q13-11 21-21t20-23q2-2 9-6t10-7v146q0 46-23 83t-60 69t-85 55t-96 42t-95 30t-81 18q-66 12-132 17t-132 6q-66 0-132-5t-132-18q-34-6-80-18t-95-30t-96-42t-85-55t-61-68t-23-84v-146q3 2 10 6t9 7q11 12 19 22t22 22q36 30 85 53t106 40t117 28t120 19t115 10t101 3z"/></svg>Taking Offline Backups</h2>
<p>If you are taking offline backups, you should be careful with encrypting your data if you need it. You should first assess whether you need encryption or not. If you live in an area with a lot of robberies, encrypt it, as a robber who is smart enough may steal your drive.</p>
<p>Make sure to get an external hard drive or SSD from a reputable company like <a href="https://www.westerndigital.com/products?filterByUseCaseName=Backups">Western Digital</a> or <a href="https://www.samsung.com/us/computing/memory-storage/portable-solid-state-drives/">Samsung</a>.</p>
<p>By buying a product from a reputable company, you get a reliable product that lasts a long time.</p>
<h2><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12zm11-5a1 1 0 1 0-2 0v3.764a3 3 0 0 0 1.658 2.683l2.895 1.447a1 1 0 1 0 .894-1.788l-2.894-1.448a1 1 0 0 1-.553-.894V7z" clip-rule="evenodd"/></svg>Maintaining Backups</h2>
<h2><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-8 14H7c-.55 0-1-.45-1-1s.45-1 1-1h4c.55 0 1 .45 1 1s-.45 1-1 1zm3-4h-4c-.55 0-1-.45-1-1s.45-1 1-1h4c.55 0 1 .45 1 1s-.45 1-1 1zm3-4h-4c-.55 0-1-.45-1-1s.45-1 1-1h4c.55 0 1 .45 1 1s-.45 1-1 1z"/></svg>Maintaining Backups</h2>
<p>While it is important to back up your data, it is also important to maintain your backups. At the end of every month, check your backups to see if your files are still intact. If a specific backup medium keeps showing corruption in files, move it to another drive immediately, since they can fail at any time.</p>
<h2><i class="fa fa-book" aria-hidden="true"></i>Conclusion</h2>
<h2><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M6.012 18H21V4a2 2 0 0 0-2-2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.805 5 19s.55-.988 1.012-1zM8 6h9v2H8V6z"/></svg>Conclusion</h2>
<p>While it is important to take backups, it is also important to make sure you are taking them properly. Follow the 3-2-1 backup rule. If you are using invasive services, encrypt all of your files before uploading them using a trusted piece of software like VeraCrypt.</p>
<p>Try to use services that you own as much as possible, to be completely independent. Make sure to have offline backups.</p>
<p><a href="mailto:sufyaan@counterhawks.com?subject=Taking%20Proper%20Backups">>>> Reply To Me</a></p>

@ -3,7 +3,7 @@
<head>
<title>(POST) Writing With Fountain Pens</title>
<link rel="icon" type="image/x-icon" href="../images/favicon.webp">
<link rel='stylesheet' type='text/css' href="../style.css"> <link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="all">
<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>
@ -15,10 +15,10 @@
______| |_____| | | | | | | | \_|
</pre>
</a>
<hr/><p><a href="../">sf.cu</a> > <a style="color:#bd93f9" href="../blog/">Blog</a> > <a style="color:#bd93f9" href=".">Writing With Fountain Pens</a></p>
<h1><i class="fa fa-pencil" aria-hidden="true"></i>Writing With Fountain Pens</h1>
<p style="font-size:110%"><strong><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19 19H5V8h14m-3-7v2H8V1H6v2H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-1V1m-1 11h-5v5h5v-5Z"/></svg>30 July 2023</strong></p><p style="font-size:110%"><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12zm11-5a1 1 0 1 0-2 0v3.764a3 3 0 0 0 1.658 2.683l2.895 1.447a1 1 0 1 0 .894-1.788l-2.894-1.448a1 1 0 0 1-.553-.894V7z" clip-rule="evenodd"/></svg><strong>2 min</strong><p style="font-size:110%"><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M10 3H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm10 0h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM10 13H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zm7 0a4 4 0 1 1-3.995 4.2L13 17l.005-.2A4 4 0 0 1 17 13z"/></g></svg></strong><a style="color:#ff79c6" href="../blog/other/"><i class="fa fa-plus" aria-hidden="true"></i>Other</a></p>
<h3><i class="fa fa-list" aria-hidden="true"></i>Table Of Contents</h3>
<hr/><p><a href="../">sf.cu</a> > <a style="color:#bd93f9" href="../blog/">Blog</a> > <a style="color:#bd93f9" href="."><svg class="posts" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="currentColor" d="M11.587 6.999H7.702a2 2 0 0 0-1.88 1.316l-3.76 10.342c-.133.365-.042.774.232 1.049l.293.293l6.422-6.422c-.001-.026-.008-.052-.008-.078a1.5 1.5 0 1 1 1.5 1.5c-.026 0-.052-.007-.078-.008l-6.422 6.422l.293.293a.997.997 0 0 0 1.049.232l10.342-3.761a2 2 0 0 0 1.316-1.88v-3.885L19 10.414L13.586 5l-1.999 1.999zm8.353 2.062l-5-5l2.12-2.121l5 5z"/></svg>Writing With Fountain Pens</a></p>
<h1><svg class="titles" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M11.587 6.999H7.702a2 2 0 0 0-1.88 1.316l-3.76 10.342c-.133.365-.042.774.232 1.049l.293.293l6.422-6.422c-.001-.026-.008-.052-.008-.078a1.5 1.5 0 1 1 1.5 1.5c-.026 0-.052-.007-.078-.008l-6.422 6.422l.293.293a.997.997 0 0 0 1.049.232l10.342-3.761a2 2 0 0 0 1.316-1.88v-3.885L19 10.414L13.586 5l-1.999 1.999zm8.353 2.062l-5-5l2.12-2.121l5 5z"/></svg>Writing With Fountain Pens</h1>
<p style="font-size:110%"><strong><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19 19H5V8h14m-3-7v2H8V1H6v2H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-1V1m-1 11h-5v5h5v-5Z"/></svg>30 July 2023</strong></p><p style="font-size:110%"><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12zm11-5a1 1 0 1 0-2 0v3.764a3 3 0 0 0 1.658 2.683l2.895 1.447a1 1 0 1 0 .894-1.788l-2.894-1.448a1 1 0 0 1-.553-.894V7z" clip-rule="evenodd"/></svg><strong>2 min</strong><p style="font-size:110%"><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M10 3H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm10 0h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM10 13H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zm7 0a4 4 0 1 1-3.995 4.2L13 17l.005-.2A4 4 0 0 1 17 13z"/></g></svg></strong><a style="color:#ff79c6" href="../blog/other/">Other</a></p>
<h3>Table Of Contents</h3>
<ol>
<li><a href="#why" style="color:#ff79c6">Why?</a></li>
@ -28,15 +28,15 @@
</ol>
<p>I have heard great things about writing with fountain pens and decided to try one. I have recently purchased the Jinhao X750 and I have to say that I am not going back.</p>
<div style="text-align:center;"><img src="jinhao.webp" alt="Jinhao X750"><figcaption>Jinhao X750</figcaption></div>
<h2 id="why"><i class="fa fa-question" aria-hidden="true"></i>Why?</h2>
<h2 id="why"><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16ZM4.927 4.99c-.285.429-.427.853-.427 1.27c0 .203.09.392.27.566c.18.174.4.26.661.26c.443 0 .744-.248.903-.746c.168-.475.373-.835.616-1.08c.243-.244.62-.366 1.134-.366c.439 0 .797.12 1.075.363c.277.242.416.54.416.892a.97.97 0 0 1-.136.502a1.91 1.91 0 0 1-.336.419a14.35 14.35 0 0 1-.648.558c-.34.282-.611.525-.812.73c-.2.205-.362.443-.483.713c-.322 1.245 1.35 1.345 1.736.456c.047-.086.118-.18.213-.284c.096-.103.223-.223.382-.36a41.14 41.14 0 0 0 1.194-1.034c.221-.204.412-.448.573-.73a1.95 1.95 0 0 0 .242-.984c0-.475-.141-.915-.424-1.32c-.282-.406-.682-.726-1.2-.962c-.518-.235-1.115-.353-1.792-.353c-.728 0-1.365.14-1.911.423c-.546.282-.961.637-1.246 1.066Zm2.14 7.08a1 1 0 1 0 2 0a1 1 0 0 0-2 0Z" clip-rule="evenodd"/></svg>Why?</h2>
<p>Buying a fountain pen elevated my writing experience. It is more about keeping in touch with an old lost art, that is writing. As an extreme technology user myself, using digital versions of literally everything, it is refreshing to write using a good tool and love writing again.</p>
<h2 id="ink"><i class="fa fa-tint" aria-hidden="true"></i>What Ink Did You Use?</h2>
<h2 id="ink"><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="m16 8.997l4.371 1.748a1 1 0 0 1 .629.929v9.323a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-9.323a1 1 0 0 1 .629-.929L8 8.997h8Zm4 5H8v5h12v-5Zm-4-11a1 1 0 0 1 1 1v4H7v-4a1 1 0 0 1 1-1h8Z"/></svg>What Ink Did You Use?</h2>
<p>I used the <a href="https://www.pelikan.com/int/products/writing/supplies-accessories/156-inks/125-pelikan-4001-ink-glass-jar.html#gallery_125-3">Pelikan 4001</a> in black, and it is going great so far. I might use this pen for all my writing as it makes it a treat.</p>
<h2 id="feel"><i class="fa fa-commenting" aria-hidden="true"></i>How Did It Feel?</h2>
<h2 id="feel"><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="m6.95 14.93l4.24-5.66l8.49-7.07c.39-.39 1.04-.39 1.41 0l.71.71c.39.37.39 1.02 0 1.41l-7.07 8.49l-5.66 4.24l-2.12-2.12m1.41 2.83l-2.12-2.12l-2.83 1.41L2 21.29l2.12-2.12c.2-.17.51-.17.71 0c.17.2.17.51 0 .71L2.71 22l4.24-1.41l1.41-2.83Z"/></svg>How Did It Feel?</h2>
<p>The first time I wrote with my pen, it felt like I had unlocked a new door in writing. It felt like I was writing something that would impact the world in some way, even though I was just writing my name. Every time I write using it, it feels like I am doing something extraordinary, rather than just doing it for the sake of it.</p>
<p>The art of customising what goes in your pen also really piqued my curiosity. The fact that I can choose what ink and converter I want to use makes me relieved, even though I most likely will never change my converter. I can use glow-in-the-dark ink, green ink, purple ink and much more in the same pen and can switch it at almost any time.</p>
<p>I would say that fountain pens are expensive up-front, but cheaper in the long run. You do not have to keep spending money like you would with ball-point pens or roller-balls.</p>
<h2 id="conclusion"><i class="fa fa-book" aria-hidden="true"></i>Conclusion</h2>
<h2 id="conclusion"><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M6.012 18H21V4a2 2 0 0 0-2-2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.805 5 19s.55-.988 1.012-1zM8 6h9v2H8V6z"/></svg>Conclusion</h2>
<p>I love my new fountain pen. It has reignited my love for writing. I will use it for all my writing because of the writing experience.</p>
<p><a href="mailto:sufyaan@counterhawks.com?subject=Writing%20With%20Fountain%20Pens">>>> Reply To Me</a></p>
<p style="text-align:center;"><a href="../minimal-design/" 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="../uses/">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>

@ -5,7 +5,6 @@
<title>(POST) Don't Use GitHub</title>
<link rel="icon" type="image/x-icon" href="../images/favicon.webp">
<link rel='stylesheet' type='text/css' href="../style.css">
<link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="all">
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
@ -18,28 +17,28 @@
______| |_____| | | | | | | | \_|
</pre>
</a>
<hr/><p><a href="../">sf.cu</a> > <a style="color:#bd93f9" href="../blog/">Blog</a> > <a style="color:#bd93f9" href=".">Don't Use GitHub</a></p>
<hr/><p><a href="../">sf.cu</a> > <a style="color:#bd93f9" href="../blog/">Blog</a> > <a style="color:#bd93f9" href="."><svg class="posts" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33c.85 0 1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2Z"/></svg>Don't Use GitHub</a></p>
<h1><i class="fa fa-github" aria-hidden="true"></i>Don't Use GitHub</h1>
<h1><svg class="titles" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33c.85 0 1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2Z"/></svg>Don't Use GitHub</h1>
<p style="font-size:110%"><strong><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19 19H5V8h14m-3-7v2H8V1H6v2H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-1V1m-1 11h-5v5h5v-5Z"/></svg>27 May 2023</strong></p><p style="font-size:110%"><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12zm11-5a1 1 0 1 0-2 0v3.764a3 3 0 0 0 1.658 2.683l2.895 1.447a1 1 0 1 0 .894-1.788l-2.894-1.448a1 1 0 0 1-.553-.894V7z" clip-rule="evenodd"/></svg><strong>3 min</strong><p style="font-size:110%"><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M10 3H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm10 0h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM10 13H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zm7 0a4 4 0 1 1-3.995 4.2L13 17l.005-.2A4 4 0 0 1 17 13z"/></g></svg></strong><a style="color:#ff79c6" href="../blog/software/"><svg class="posts" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="currentColor" d="M14 18.32A7.06 7.06 0 0 1 11.28 16H3V4h18v2.26a7.08 7.08 0 0 1 2 2.15V4a2 2 0 0 0-2-2H3a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7v2H8v2h8v-2h-2Z"/><path fill="currentColor" d="M17 6a6 6 0 1 0 6 6a6 6 0 0 0-6-6Zm0 7.5a1.5 1.5 0 1 1 1.5-1.5a1.5 1.5 0 0 1-1.5 1.5Z"/></svg>Software</a></p>
<p>If you are a developer, programmer or a coder who works with open-source software, you must have clicked this post in shock. First off, I would like to state that I am not telling everyone to stop making open-source software. What I am trying to say is that GitHub is one of the worst <a style="color:#50fa7b" href="../definitions/git">Git</a> platforms to host your projects. We will cover why in this post.</p>
<h2><i class="fa fa-code" aria-hidden="true"></i>Freedom!</h2>
<h2><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1200"><path fill="currentColor" d="M600.073 17.426C268.728 17.426 0 286.008 0 617.353c0 260.49 166.117 482.172 398.146 565.076L546.04 791.313c-74.269-23.013-128.273-92.136-128.273-173.96c0-100.646 81.661-182.307 182.308-182.307c100.646 0 182.16 81.66 182.16 182.307c0 81.888-53.952 151.147-128.273 174.106l147.896 391.115C1033.938 1099.72 1200 877.909 1200 617.353c0-331.345-268.581-599.927-599.927-599.927z"/></svg>Freedom!</h2>
<p>Simply put, GitHub uses <a style="color:#50fa7b" href="../definitions/non-free">non-free</a> software and <a style="color:#50fa7b" href="../definitions/non-free">non-free</a> JavaScript on their website. It is shockingly ironic that the biggest open-source platform for anyone to use is itself a proprietary piece of software. It is also centralised, for-profit and politically active, which are all completely against free, libre and open-source software. These factors make it similar to SourceForge, which was abandoned by most of its users because of this very reason.</p>
<p>If everyone stops using GitHub and moves to better alternatives like <a href="https://codeberg.org/">Codeberg</a>, <a href="https://gitlab.com/">GitLab</a> or even a <a style="color:#50fa7b" href="../definitions/self-host">self-hosted</a> <a style="color:#50fa7b" href="../definitions/git">Git</a> instance, then GitHub will fall. Many people may be seething at me suggesting <a href="https://gitlab.com/">GitLab</a>, but the truth is that <a href="https://gitlab.com/">GitLab</a> is still open-source and uses free JavaScript instead of <a style="color:#50fa7b" href="../definitions/non-free">non-free</a> JavaScript on their website. It is certainly not the best option, but it is miles ahead of GitHub.</p>
<p><a href="https://codeberg.org/">Codeberg</a> is entirely <a style="color:#50fa7b" href="../definitions/free-software">free software</a> and it is a great option for most people. It works in a similar way to GitHub so it is trivial for individuals to migrate. <a href="https://sr.ht/">SourceHut</a> is also amazing. It is just as good as GitHub and much better for your rights. Self-hosting a <a href="https://forgejo.org/">Forgejo</a> or <a href="https://gitea.io/">Gitea</a> instance is one of the best options as it offers complete independence. <a style="color:#50fa7b" href="../definitions/git">Git</a> is the underlying technology which anyone can use. Therefore, everyone should be independent in using it.</p>
<p>This is the reason I have a website. Everyone should have a website as it gives you independence on the web.</p>
<h2><i class="fa fa-fire" aria-hidden="true"></i>Embrace, Extend, Extinguish</h2>
<h2><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M17.66 11.2c-.23-.3-.51-.56-.77-.82c-.67-.6-1.43-1.03-2.07-1.66C13.33 7.26 13 4.85 13.95 3c-.95.23-1.78.75-2.49 1.32c-2.59 2.08-3.61 5.75-2.39 8.9c.04.1.08.2.08.33c0 .22-.15.42-.35.5c-.23.1-.47.04-.66-.12a.58.58 0 0 1-.14-.17c-1.13-1.43-1.31-3.48-.55-5.12C5.78 10 4.87 12.3 5 14.47c.06.5.12 1 .29 1.5c.14.6.41 1.2.71 1.73c1.08 1.73 2.95 2.97 4.96 3.22c2.14.27 4.43-.12 6.07-1.6c1.83-1.66 2.47-4.32 1.53-6.6l-.13-.26c-.21-.46-.77-1.26-.77-1.26m-3.16 6.3c-.28.24-.74.5-1.1.6c-1.12.4-2.24-.16-2.9-.82c1.19-.28 1.9-1.16 2.11-2.05c.17-.8-.15-1.46-.28-2.23c-.12-.74-.1-1.37.17-2.06c.19.38.39.76.63 1.06c.77 1 1.98 1.44 2.24 2.8c.04.14.06.28.06.43c.03.82-.33 1.72-.93 2.27Z"/></svg>Embrace, Extend, Extinguish</h2>
<p>Microsoft's strategy against open-source has always been to embrace, extend and extinguish. They have tried to do it before with Linux when it was being popularized among developers. Now, they are using Copilot to do so, which is an AI tool that can autocomplete code for you. The main issue with it is that they trained it all on open-source code without giving any credit to the original developers. GitHub's Copilot is now being used to help code for-profit and close-source programs.</p>
<p>Essentially, this results in open-source programs being used to grow close-source programs.</p>
<h2><i class="fa fa-copyright" aria-hidden="true"></i>Copyleft? What's that?</h2>
<h2><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path fill="currentColor" d="M128 20a108 108 0 1 0 108 108A108.12 108.12 0 0 0 128 20Zm0 192a84 84 0 1 1 84-84a84.09 84.09 0 0 1-84 84Zm52-84a52 52 0 0 1-93.59 31.21a12 12 0 1 1 19.18-14.41a28 28 0 1 0 0-33.6a12 12 0 1 1-19.18-14.41A52 52 0 0 1 180 128Z"/></svg>Copyleft? What's that?</h2>
<p>Microsoft and GitHub's multiple CEOs have kept on speaking negatively about copyleft. This includes GitHub's founder and former CEO. <a href="https://www.youtube.com/watch?v=-bAAlPXB2-c">Their OSCON keynote was meant for attacking copyleft and the GPL, trying to discourage the use of free software.</a> Instead, they suggest the MIT license using which many megacorporations exploit people's code without any credit.</p>
<h2><i class="fa fa-windows" aria-hidden="true"></i>Microsoft Owns It</h2>
<h2><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="currentColor" d="M7.462 0H0v7.19h7.462V0zM16 0H8.538v7.19H16V0zM7.462 8.211H0V16h7.462V8.211zm8.538 0H8.538V16H16V8.211z"/></svg>Microsoft Owns It</h2>
<p>There are many people who suggest using alternatives to products offered by big corporations and they are mostly right. Big corporations are able to give you free products because they profit off of your data. They are not trying to be kind.</p>
<p>For example, look at Google. They offer a search engine, documents storage, free email, cloud storage, a video site with billions of videos, a meeting platform and much more. They are not doing this to help people. They are doing this to harvest your data and sell it to the highest bidder.</p>
<p>Microsoft? Windows, Xbox and GitHub are not tools offered out of their sympathy towards you. All of it is for their own profit, whether it be collecting your data in Windows or preventing distribution of truly <a style="color:#50fa7b" href="../definitions/free-software">free software</a> on GitHub.</p>
<h2><i class="fa fa-server" aria-hidden="true"></i>"Don't Do It Yourself!"</h2>
<h2><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M4 1h16a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H8.82l-2-2H7V3H5v.18L3.21 1.39C3.39 1.15 3.68 1 4 1m18 21.72L20.73 24l-1-1H4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h9.73l-2-2H4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h1.73L3.68 6.95c-.3-.1-.53-.33-.63-.63L1 4.27L2.28 3L22 22.72M20 9a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-3.18l-6-6H20m0 8a1 1 0 0 1 1 1v1.18L18.82 17H20M9 5h1V3H9v2m0 8h.73L9 12.27V13m0 8h1v-2H9v2M5 11v2h2v-2H5m0 8v2h2v-2H5Z"/></svg>"Don't Do It Yourself!"</h2>
<p>GitHub is perhaps the only Git platform that has no option to <a style="color:#50fa7b" href="../definitions/self-host">self-host</a>. You do not know what is running on their servers and cannot know what is happening with your code.</p>
<h2><i class="fa fa-book" aria-hidden="true"></i>Conclusion</h2>
<h2><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M6.012 18H21V4a2 2 0 0 0-2-2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.805 5 19s.55-.988 1.012-1zM8 6h9v2H8V6z"/></svg>Conclusion</h2>
<p>Please don't use GitHub. Just use alternatives or self-host it. GitHub does have a lot of projects but if you use it, it brings them closer towards extinguishing open-source.</p>
<p><a href="mailto:sufyaan@counterhawks.com?subject=Don't%20Use%20GitHub">>>> Reply To Me</a></p><p style="text-align:center;"><a href="../diy/" 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="../ffmpeg/">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/>

@ -3,7 +3,8 @@
<head>
<title>(POST) KeePass + Syncthing</title>
<link rel="icon" type="image/x-icon" href="../images/favicon.webp"> <link rel='stylesheet' type='text/css' href="../style.css">
<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>

@ -3,7 +3,7 @@
<head>
<title>(POST) Minimal Design</title>
<link rel="icon" type="image/x-icon" href="../images/favicon.webp">
<link rel='stylesheet' type='text/css' href="../style.css"> <link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="all">
<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>
@ -15,45 +15,45 @@
______| |_____| | | | | | | | \_|
</pre>
</a>
<hr/><p><a href="../">sf.cu</a> > <a style="color:#bd93f9" href="../blog/">Blog</a> > <a style="color:#bd93f9" href=".">Minimal Design</a></p>
<h1><i class="fa fa-circle-thin" aria-hidden="true"></i>Minimal Design</h1>
<p style="font-size:110%"><strong><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19 19H5V8h14m-3-7v2H8V1H6v2H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-1V1m-1 11h-5v5h5v-5Z"/></svg>28 July 2023</strong></p><p style="font-size:110%"><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12zm11-5a1 1 0 1 0-2 0v3.764a3 3 0 0 0 1.658 2.683l2.895 1.447a1 1 0 1 0 .894-1.788l-2.894-1.448a1 1 0 0 1-.553-.894V7z" clip-rule="evenodd"/></svg><strong>5 min</strong><p style="font-size:110%"><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M10 3H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm10 0h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM10 13H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zm7 0a4 4 0 1 1-3.995 4.2L13 17l.005-.2A4 4 0 0 1 17 13z"/></g></svg></strong><a style="color:#ff79c6" href="../blog/design/"><i class="fa fa-pencil" aria-hidden="true"></i>Design</a></p>
<h3><i class="fa fa-list" aria-hidden="true"></i>Table Of Contents</h3>
<hr/><p><a href="../">sf.cu</a> > <a style="color:#bd93f9" href="../blog/">Blog</a> > <a style="color:#bd93f9" href="."><svg class="posts" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="currentColor" d="M12 22q-2.075 0-3.9-.788t-3.175-2.137q-1.35-1.35-2.137-3.175T2 12q0-2.075.788-3.9t2.137-3.175q1.35-1.35 3.175-2.137T12 2q2.075 0 3.9.788t3.175 2.137q1.35 1.35 2.138 3.175T22 12q0 2.075-.788 3.9t-2.137 3.175q-1.35 1.35-3.175 2.138T12 22Zm0-2q3.35 0 5.675-2.325T20 12q0-3.35-2.325-5.675T12 4Q8.65 4 6.325 6.325T4 12q0 3.35 2.325 5.675T12 20Zm0-8Z"/></svg>Minimal Design</a></p>
<h1><svg class="titles" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M12 22q-2.075 0-3.9-.788t-3.175-2.137q-1.35-1.35-2.137-3.175T2 12q0-2.075.788-3.9t2.137-3.175q1.35-1.35 3.175-2.137T12 2q2.075 0 3.9.788t3.175 2.137q1.35 1.35 2.138 3.175T22 12q0 2.075-.788 3.9t-2.137 3.175q-1.35 1.35-3.175 2.138T12 22Zm0-2q3.35 0 5.675-2.325T20 12q0-3.35-2.325-5.675T12 4Q8.65 4 6.325 6.325T4 12q0 3.35 2.325 5.675T12 20Zm0-8Z"/></svg>Minimal Design</h1>
<p style="font-size:110%"><strong><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19 19H5V8h14m-3-7v2H8V1H6v2H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-1V1m-1 11h-5v5h5v-5Z"/></svg>28 July 2023</strong></p><p style="font-size:110%"><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12zm11-5a1 1 0 1 0-2 0v3.764a3 3 0 0 0 1.658 2.683l2.895 1.447a1 1 0 1 0 .894-1.788l-2.894-1.448a1 1 0 0 1-.553-.894V7z" clip-rule="evenodd"/></svg><strong>5 min</strong><p style="font-size:110%"><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M10 3H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm10 0h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM10 13H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zm7 0a4 4 0 1 1-3.995 4.2L13 17l.005-.2A4 4 0 0 1 17 13z"/></g></svg></strong><a style="color:#ff79c6" href="../blog/design/">Design</a></p>
<h3>Table Of Contents</h3>
<ol>
<li><a href="#intro" style="color:#ff79c6">Introduction</a></li>
<li><a href="#requirements" style="color:#ff79c6">Focusing On The Requirements</a></li>
<li><a href="#timelessness" style="color:#ff79c6">Timelessness</a></li>
<li><a href="#elegance" style="color:#ff79c6">Elegance</a></li>
<li><a href="#consistency" style="color:#ff79c6">Consistency</a></li>
<li><a href="#breathing-space" style="color:#ff79c6">Breathing Space</a></li>
<li><a href="#harmony" style="color:#ff79c6">Harmony</a></li>
<li><a href="#maintainence" style="color:#ff79c6">Maintainence</a></li>
<li><a href="#conclusion" style="color:#ff79c6">Conclusion</a></li>
<li><a href="#intro" style="color:#ff79c6"><svg class="posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 48c-67.61.29-117.87 9.6-154.24 25.69c-27.14 12-37.76 21.08-37.76 51.84V448c41.57-37.5 78.46-48 224-48V48ZM48 48c67.61.29 117.87 9.6 154.24 25.69c27.14 12 37.76 21.08 37.76 51.84V448c-41.57-37.5-78.46-48-224-48V48Z"/></svg>Introduction</a></li>
<li><a href="#requirements" style="color:#ff79c6"><svg class="posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 21"><path fill="currentColor" fill-rule="evenodd" d="M10 9h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm0-4h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm4 4h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm0-4h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm0 8h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm-4 0h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zM6 9h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm0-4h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm0 8h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1z"/></svg>Focusing On The Requirements</a></li>
<li><a href="#timelessness" style="color:#ff79c6"><svg class="posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M12 18q2.5 0 4.25-1.75T18 12q0-2.5-1.75-4.25T12 6v6l-4.25 4.25q.875.825 1.963 1.288T12 18Zm0 4q-2.075 0-3.9-.788t-3.175-2.137q-1.35-1.35-2.137-3.175T2 12q0-2.075.788-3.9t2.137-3.175q1.35-1.35 3.175-2.137T12 2q2.075 0 3.9.788t3.175 2.137q1.35 1.35 2.138 3.175T22 12q0 2.075-.788 3.9t-2.137 3.175q-1.35 1.35-3.175 2.138T12 22Z"/></svg>Timelessness</a></li>
<li><a href="#elegance" style="color:#ff79c6"><svg class="posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><path fill="currentColor" d="M6 7.5a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0Z"/><path fill="currentColor" fill-rule="evenodd" d="M0 3.5A1.5 1.5 0 0 1 1.5 2h12A1.5 1.5 0 0 1 15 3.5v8a1.5 1.5 0 0 1-1.5 1.5h-12A1.5 1.5 0 0 1 0 11.5v-8ZM4 4H2v2h1V5h1V4Zm8 1h-1V4h2v2h-1V5ZM7.5 5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5Zm3.5 5v1h2V9h-1v1h-1ZM2 9h1v1h1v1H2V9Z" clip-rule="evenodd"/></svg>Elegance</a></li>
<li><a href="#consistency" style="color:#ff79c6"><svg class="posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M4 17v-3h16v3H4Zm0-7V7h16v3H4Z"/></svg>Consistency</a></li>
<li><a href="#breathing-space" style="color:#ff79c6"><svg class="posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M3 5v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2H5c-1.103 0-2 .897-2 2zm16.002 14H5V5h14l.002 14z"/><path fill="currentColor" d="M15 12h2V7h-5v2h3zm-3 3H9v-3H7v5h5z"/></svg>Breathing Space</a></li>
<li><a href="#harmony" style="color:#ff79c6"><svg class="posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0"/></svg>Harmony</a></li>
<li><a href="#maintainence" style="color:#ff79c6"><svg class="posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M480 128a64 64 0 0 0-64-64h-16V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 0 0 368 48v16H144V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 0 0 112 48v16H96a64 64 0 0 0-64 64v12a4 4 0 0 0 4 4h440a4 4 0 0 0 4-4ZM32 416a64 64 0 0 0 64 64h320a64 64 0 0 0 64-64V179a3 3 0 0 0-3-3H35a3 3 0 0 0-3 3Zm344-208a24 24 0 1 1-24 24a24 24 0 0 1 24-24Zm0 80a24 24 0 1 1-24 24a24 24 0 0 1 24-24Zm-80-80a24 24 0 1 1-24 24a24 24 0 0 1 24-24Zm0 80a24 24 0 1 1-24 24a24 24 0 0 1 24-24Zm0 80a24 24 0 1 1-24 24a24 24 0 0 1 24-24Zm-80-80a24 24 0 1 1-24 24a24 24 0 0 1 24-24Zm0 80a24 24 0 1 1-24 24a24 24 0 0 1 24-24Zm-80-80a24 24 0 1 1-24 24a24 24 0 0 1 24-24Zm0 80a24 24 0 1 1-24 24a24 24 0 0 1 24-24Z"/></svg>Maintainence</a></li>
<li><a href="#conclusion" style="color:#ff79c6"><svg class="posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M6.012 18H21V4a2 2 0 0 0-2-2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.805 5 19s.55-.988 1.012-1zM8 6h9v2H8V6z"/></svg>Conclusion</a></li>
</ol>
<h2 id="intro"><i class="fa fa-info" aria-hidden="true"></i>Introduction</h2>
<h2 id="intro"><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 48c-67.61.29-117.87 9.6-154.24 25.69c-27.14 12-37.76 21.08-37.76 51.84V448c41.57-37.5 78.46-48 224-48V48ZM48 48c67.61.29 117.87 9.6 154.24 25.69c27.14 12 37.76 21.08 37.76 51.84V448c-41.57-37.5-78.46-48-224-48V48Z"/></svg>Introduction</h2>
<p>People often ask me why I choose minimal design for brands. This is because it has numerous practical advantages that provide ease and consistency in a brand.</p>
<h2 id="requirements"><i class="fa fa-minus-circle" aria-hidden="true"></i>Focusing On The Requirements</h2>
<h2 id="requirements"><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 21"><path fill="currentColor" fill-rule="evenodd" d="M10 9h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm0-4h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm4 4h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm0-4h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm0 8h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm-4 0h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zM6 9h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm0-4h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm0 8h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1z"/></svg>Focusing On The Requirements</h2>
<p>One of the main aspects of minimal design is that it focuses on only the required elements of a specific brand. As a result, design becomes distractionless. This is especially easy nowadays since almost no one cares about the meaning behind a logo except in rare cases.</p>
<p>Another advantage of this type of design is that it focuses on the core message, or in this case, brand type. Too much designing can confuse viewers on whether a brand is a playful brand or a luxury brand, for example.</p>
<h2 id="timelessness"><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12zm11-5a1 1 0 1 0-2 0v3.764a3 3 0 0 0 1.658 2.683l2.895 1.447a1 1 0 1 0 .894-1.788l-2.894-1.448a1 1 0 0 1-.553-.894V7z" clip-rule="evenodd"/></svg>Timelessness</h2>
<h2 id="timelessness"><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M12 18q2.5 0 4.25-1.75T18 12q0-2.5-1.75-4.25T12 6v6l-4.25 4.25q.875.825 1.963 1.288T12 18Zm0 4q-2.075 0-3.9-.788t-3.175-2.137q-1.35-1.35-2.137-3.175T2 12q0-2.075.788-3.9t2.137-3.175q1.35-1.35 3.175-2.137T12 2q2.075 0 3.9.788t3.175 2.137q1.35 1.35 2.138 3.175T22 12q0 2.075-.788 3.9t-2.137 3.175q-1.35 1.35-3.175 2.138T12 22Z"/></svg>Timelessness</h2>
<p>Minimal design, especially in the realm of branding, makes a brand feel timeless. You could take almost any minimal design from 200 years ago and use it for your brand today if there were no limits on copying. On the other hand, a sophisticated design from even 50 years ago will look dated most of the time.</p>
<p>This works because the elements that cause a brand to look dated are reduced to an absolute minimum. With minimal design, you have as little correlation with time as possible in your brands.</p>
<h2 id="elegance"><i class="fa fa-money" aria-hidden="true"></i>Elegance</h2>
<h2 id="elegance"><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><path fill="currentColor" d="M6 7.5a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0Z"/><path fill="currentColor" fill-rule="evenodd" d="M0 3.5A1.5 1.5 0 0 1 1.5 2h12A1.5 1.5 0 0 1 15 3.5v8a1.5 1.5 0 0 1-1.5 1.5h-12A1.5 1.5 0 0 1 0 11.5v-8ZM4 4H2v2h1V5h1V4Zm8 1h-1V4h2v2h-1V5ZM7.5 5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5Zm3.5 5v1h2V9h-1v1h-1ZM2 9h1v1h1v1H2V9Z" clip-rule="evenodd"/></svg>Elegance</h2>
<p>Minimal design when performed properly can make any brand look elegant. This is due to their simple nature. Look at most luxury brands, and you will notice that their designs are all simple.</p>
<h2 id="consistency"><i class="fa fa-th-large" aria-hidden="true"></i>Consistency</h2>
<h2 id="consistency"><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M4 17v-3h16v3H4Zm0-7V7h16v3H4Z"/></svg>Consistency</h2>
<p>Minimal designs are also consistent. This makes it easy to make a strong and impactful brand that reminds viewers of you. This can also be achieved through other types of design, but it is more powerful on average with minimal design.</p>
<p>Such types of consistency also provide versatility. You can place your brand design in any context, screen size, device and media type while also maintaining a strong brand presence.</p>
<h2 id="breathing-space"><i class="fa fa-eye" aria-hidden="true"></i>Breathing Space</h2>
<h2 id="breathing-space"><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M3 5v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2H5c-1.103 0-2 .897-2 2zm16.002 14H5V5h14l.002 14z"/><path fill="currentColor" d="M15 12h2V7h-5v2h3zm-3 3H9v-3H7v5h5z"/></svg>Breathing Space</h2>
<p>Many designs nowadays are complicated and provide barely any breathing space for your eyes. With minimal designs, however, you can rest easy. Your eyes will not be overwhelmed by minimal design as much as complicated designs.</p>
<p>This is useful on informational posts or flyers. It allows your users to process information clearly without any clutter.</p>
<h2 id="harmony"><i class="fa fa-plus" aria-hidden="true"></i>Harmony</h2>
<h2 id="harmony"><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0"/></svg>Harmony</h2>
<p>Minimal designs often make use of negative space or whitespace to make a design look appealing. This can look spectacular if executed correctly. Below is an example:</p>
<div style="text-align:center;"><img src="spade.webp" alt="A Spade Logo using whitespace properly"><figcaption>A Spade Logo</figcaption></div>
<h2 id="maintainence"><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19 19H5V8h14m-3-7v2H8V1H6v2H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-1V1m-1 11h-5v5h5v-5Z"/></svg>Maintainence</h2>
<h2 id="maintainence"><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M480 128a64 64 0 0 0-64-64h-16V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 0 0 368 48v16H144V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 0 0 112 48v16H96a64 64 0 0 0-64 64v12a4 4 0 0 0 4 4h440a4 4 0 0 0 4-4ZM32 416a64 64 0 0 0 64 64h320a64 64 0 0 0 64-64V179a3 3 0 0 0-3-3H35a3 3 0 0 0-3 3Zm344-208a24 24 0 1 1-24 24a24 24 0 0 1 24-24Zm0 80a24 24 0 1 1-24 24a24 24 0 0 1 24-24Zm-80-80a24 24 0 1 1-24 24a24 24 0 0 1 24-24Zm0 80a24 24 0 1 1-24 24a24 24 0 0 1 24-24Zm0 80a24 24 0 1 1-24 24a24 24 0 0 1 24-24Zm-80-80a24 24 0 1 1-24 24a24 24 0 0 1 24-24Zm0 80a24 24 0 1 1-24 24a24 24 0 0 1 24-24Zm-80-80a24 24 0 1 1-24 24a24 24 0 0 1 24-24Zm0 80a24 24 0 1 1-24 24a24 24 0 0 1 24-24Z"/></svg>Maintainence</h2>
<p>Minimal brand designs can be easily maintained and modified. This makes them versatile in terms of rebranding.</p>
<h2 id="conclusion"><i class="fa fa-book" aria-hidden="true"></i>Conclusion</h2>
<h2 id="conclusion"><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M6.012 18H21V4a2 2 0 0 0-2-2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.805 5 19s.55-.988 1.012-1zM8 6h9v2H8V6z"/></svg>Conclusion</h2>
<p>Minimal designs are preferred because:</p>
<ol>
<li>They focus on the requirements</li>

@ -4,7 +4,6 @@
<title>(POST) Password Systems</title>
<link rel="icon" type="image/x-icon" href="../images/favicon.webp">
<link rel='stylesheet' type='text/css' href="../style.css">
<link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="all">
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
@ -19,14 +18,14 @@
</a>
</a>
<hr/>
<p><a href="../">sf.cu</a> > <a style="color:#bd93f9" href="../blog/">Blog</a> > <a style="color:#bd93f9" href=".">Password Systems</a></p>
<h1><i class="fa fa-unlock" aria-hidden="true"></i>Password Systems</h1>
<p><a href="../">sf.cu</a> > <a style="color:#bd93f9" href="../blog/">Blog</a> > <a style="color:#bd93f9" href="."><svg class="posts" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="currentColor" d="M2 17h20v2H2v-2zm1.15-4.05L4 11.47l.85 1.48l1.3-.75l-.85-1.48H7v-1.5H5.3l.85-1.47L4.85 7L4 8.47L3.15 7l-1.3.75l.85 1.47H1v1.5h1.7l-.85 1.48l1.3.75zm6.7-.75l1.3.75l.85-1.48l.85 1.48l1.3-.75l-.85-1.48H15v-1.5h-1.7l.85-1.47l-1.3-.75L12 8.47L11.15 7l-1.3.75l.85 1.47H9v1.5h1.7l-.85 1.48zM23 9.22h-1.7l.85-1.47l-1.3-.75L20 8.47L19.15 7l-1.3.75l.85 1.47H17v1.5h1.7l-.85 1.48l1.3.75l.85-1.48l.85 1.48l1.3-.75l-.85-1.48H23v-1.5z"/></svg>Password Systems</a></p>
<h1><svg class="titles" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M2 17h20v2H2v-2zm1.15-4.05L4 11.47l.85 1.48l1.3-.75l-.85-1.48H7v-1.5H5.3l.85-1.47L4.85 7L4 8.47L3.15 7l-1.3.75l.85 1.47H1v1.5h1.7l-.85 1.48l1.3.75zm6.7-.75l1.3.75l.85-1.48l.85 1.48l1.3-.75l-.85-1.48H15v-1.5h-1.7l.85-1.47l-1.3-.75L12 8.47L11.15 7l-1.3.75l.85 1.47H9v1.5h1.7l-.85 1.48zM23 9.22h-1.7l.85-1.47l-1.3-.75L20 8.47L19.15 7l-1.3.75l.85 1.47H17v1.5h1.7l-.85 1.48l1.3.75l.85-1.48l.85 1.48l1.3-.75l-.85-1.48H23v-1.5z"/></svg>Password Systems</h1>
<p style="font-size:110%"><strong><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19 19H5V8h14m-3-7v2H8V1H6v2H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-1V1m-1 11h-5v5h5v-5Z"/></svg>2 May 2023</strong></p>
<p style="font-size:110%"><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12zm11-5a1 1 0 1 0-2 0v3.764a3 3 0 0 0 1.658 2.683l2.895 1.447a1 1 0 1 0 .894-1.788l-2.894-1.448a1 1 0 0 1-.553-.894V7z" clip-rule="evenodd"/></svg><strong>4 min</strong>
<p>
<p style="font-size:110%"><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M10 3H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm10 0h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM10 13H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zm7 0a4 4 0 1 1-3.995 4.2L13 17l.005-.2A4 4 0 0 1 17 13z"/></g></svg></strong><a style="color:#ff79c6" href="../blog/software/"><svg class="posts" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="currentColor" d="M14 18.32A7.06 7.06 0 0 1 11.28 16H3V4h18v2.26a7.08 7.08 0 0 1 2 2.15V4a2 2 0 0 0-2-2H3a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7v2H8v2h8v-2h-2Z"/><path fill="currentColor" d="M17 6a6 6 0 1 0 6 6a6 6 0 0 0-6-6Zm0 7.5a1.5 1.5 0 1 1 1.5-1.5a1.5 1.5 0 0 1-1.5 1.5Z"/></svg>Software</a> && <a style="color:#ff79c6" href="../blog/guides/"><svg class="posts" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 512 512"><path fill="currentColor" d="M464 48c-67.61.29-117.87 9.6-154.24 25.69c-27.14 12-37.76 21.08-37.76 51.84V448c41.57-37.5 78.46-48 224-48V48ZM48 48c67.61.29 117.87 9.6 154.24 25.69c27.14 12 37.76 21.08 37.76 51.84V448c-41.57-37.5-78.46-48-224-48V48Z"/></svg>Guides</a></p>
<p>If you find it difficult to maintain strong passwords, then this guide is the only article you need to refer to. In this article, I will talk about an amazing trick to remember and manage all of your passwords.</p>
<h2><i class="fa fa-play-circle" aria-hidden="true"></i>Introduction</h2>
<h2><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 48c-67.61.29-117.87 9.6-154.24 25.69c-27.14 12-37.76 21.08-37.76 51.84V448c41.57-37.5 78.46-48 224-48V48ZM48 48c67.61.29 117.87 9.6 154.24 25.69c27.14 12 37.76 21.08 37.76 51.84V448c-41.57-37.5-78.46-48-224-48V48Z"/></svg>Introduction</h2>
<p>It goes without saying that passwords are incredibly important. It is undeniably important to make sure your passwords are:</p>
<ul>
<li>Strong</li>
@ -38,14 +37,14 @@
<p>The most common response I hear from people when I ask them to create a password system is:</p>
<p><em>"I think using the same password on all accounts is better because I don't have a good memory to use a password system."</em></p>
<p>That response always baffles me. The whole point of a password system is not to remember your passwords but to remember a ruleset that will be cemented into your brain after 3 or 4 times of entering your passwords.</p>
<h2><i class="fa fa-plus" aria-hidden="true"></i>How to Create a Password System</h2>
<h2><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M18 10h-4V6a2 2 0 0 0-4 0l.071 4H6a2 2 0 0 0 0 4l4.071-.071L10 18a2 2 0 0 0 4 0v-4.071L18 14a2 2 0 0 0 0-4z"/></svg>How to Create a Password System</h2>
<p>As aforementioned, a password system is a set of rules that you need to remember instead of all of your passwords separately. An effective password system consists of the following elements:</p>
<ul>
<li>Master Password</li>
<li>Website/Service Differentiator</li>
</ul>
<p>The main format and order of a password system is completely managed by you. First, let us go over creating a master password.</p>
<h3><i class="fa fa-key" aria-hidden="true"></i>The Master Password</h3>
<h3>The Master Password</h3>
<p>I recommend this method of creating master passwords to anyone since the passwords that are created are easy to remember but practically impossible to guess.</p>
<h3>Step 1: Think of a good sentence</h3>
<p>Make sure it is long but easily memorable. The one which pops in your mind when someone asks you to think of a sentence is a perfect choice as long as it is of considerable length.</p>
@ -67,7 +66,7 @@
<h3>Step 4: Make your muscles learn it</h3>
<p>Do not proceed to the next section without doing this step. Recall the sentence in your mind and try to write the same password you got in the previous step. Do this at least 10 times. Wait a few hours, then do it again. Wait until you sleep and do it again. This may seem unnecesarry, but most people underestimate the power of muscle memory. If you login to an account regularly, then you type your password without even thinking about it. The same trick can be applied here.</p>
<p>After a while, you will be able to type your extremely long password without any effort. You just think about it and your mind glides through the keyboard. This is super useful.</p>
<h3><i class="fa fa-bolt" aria-hidden="true"></i>The Service Differentiator</h3>
<h3>The Service Differentiator</h3>
<p>To make your password different for every website and service you go to, there needs to be a service differentiator. A service differentiator is a special combination of characters you add in your password system to make it unique to the service you are on. It is not very difficult to create a service differentiator and it is easier to remember.</p>
<p>The elements of a service differentiator are the name of the service and length of the name of the service. Below is an example of a name differentiator used for creating a Nextcloud account, Microsoft account and Google account respectively.</p>
<p><code>nextcLOUD!999</code></p>
@ -75,7 +74,7 @@
<p><code>googlE!666</code></p>
<p>As you can see, I added the name of the service in with the first 5 letter capitalized with an exclamation mark and the length of the service three times.</p>
<p>By this point, you can make your own service differentiator easily.</p>
<h3><i class="fa fa-th-large" aria-hidden="true"></i>Creating Your Password System</h3>
<h3>Creating Your Password System</h3>
<p>It is finally time to integrate your master password into a password system. It is called a password <strong>system, </strong>which means that it is dynamic and changes for every website. A sample password system can be the following:</p>
<p><code>(SERVICE DIFFERENTIATOR) + (MASTER PASSWORD)</code></p>
<p>In my example's case, my Google account password would be:</p>
@ -83,7 +82,7 @@
<p>The password above is 40 characters, yes 40 characters long. No one will be able to guess it and it will take hundreds of centuries to crack. Best of all, it is different for each account.</p>
<p>You can mix the order up. Just make sure you don't keep changing the system and use one system. The best part is that if you need to change your passwords, you can just make another system that will work just as well. By that point, the previous system will be embedded into your brain. So, you can remember multiple strong passwords using this step.</p>
<p>Please note that this is not enough. If you have followed this guide, you have taken a massive step towards protecting your accounts. However, many cybercriminals rely on phishing attacks. Please do not click on random links and please do not enter your information on random websites.</p>
<h2><i class="fa fa-book" aria-hidden="true"></i>Conclusion</h2>
<h2><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M6.012 18H21V4a2 2 0 0 0-2-2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.805 5 19s.55-.988 1.012-1zM8 6h9v2H8V6z"/></svg>Conclusion</h2>
<p>Congratulations! You now know how to create an extremely strong password that is different on each account.</p>
<p>
<p><a href="mailto:sufyaan@counterhawks.com?subject=Password%20Systems">>>> Reply To Me</a></p>

File diff suppressed because one or more lines are too long

@ -4,7 +4,6 @@
<title>(POST) Why I Use Terminal Apps</title>
<link rel="icon" type="image/x-icon" href="../images/favicon.webp">
<link rel='stylesheet' type='text/css' href="../style.css">
<link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="all">
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
@ -17,18 +16,18 @@
</pre>
</a>
<hr/>
<p><a href="../">sf.cu</a> > <a style="color:#bd93f9" href="../blog/">Blog</a> > <a style="color:#bd93f9" href=".">Why I Use Terminal Apps</a></p>
<h1><i class="fa fa-terminal" aria-hidden="true"></i>Why I Use Terminal Apps</h1>
<p><a href="../">sf.cu</a> > <a style="color:#bd93f9" href="../blog/">Blog</a> > <a style="color:#bd93f9" href="."><svg class="posts" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 256 256"><path fill="currentColor" d="M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16ZM77.66 173.66a8 8 0 0 1-11.32-11.32L100.69 128L66.34 93.66a8 8 0 0 1 11.32-11.32l40 40a8 8 0 0 1 0 11.32ZM192 176h-64a8 8 0 0 1 0-16h64a8 8 0 0 1 0 16Z"/></svg>Why I Use Terminal Apps</a></p>
<h1><svg class="titles" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path fill="currentColor" d="M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16ZM77.66 173.66a8 8 0 0 1-11.32-11.32L100.69 128L66.34 93.66a8 8 0 0 1 11.32-11.32l40 40a8 8 0 0 1 0 11.32ZM192 176h-64a8 8 0 0 1 0-16h64a8 8 0 0 1 0 16Z"/></svg>Why I Use Terminal Apps</h1>
<p style="font-size:110%"><strong><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19 19H5V8h14m-3-7v2H8V1H6v2H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-1V1m-1 11h-5v5h5v-5Z"/></svg>13 March 2023</strong></p>
<p style="font-size:110%"><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12zm11-5a1 1 0 1 0-2 0v3.764a3 3 0 0 0 1.658 2.683l2.895 1.447a1 1 0 1 0 .894-1.788l-2.894-1.448a1 1 0 0 1-.553-.894V7z" clip-rule="evenodd"/></svg><strong>5 min</strong>
<p style="font-size:110%"><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M10 3H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm10 0h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM10 13H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zm7 0a4 4 0 1 1-3.995 4.2L13 17l.005-.2A4 4 0 0 1 17 13z"/></g></svg></strong><a style="color:#ff79c6" href="../blog/linux"><svg class="posts" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m5 7l5 5l-5 5m7 2h7"/></svg>Linux</a> && <a style="color:#ff79c6" href="../blog/software/"><svg class="posts" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="currentColor" d="M14 18.32A7.06 7.06 0 0 1 11.28 16H3V4h18v2.26a7.08 7.08 0 0 1 2 2.15V4a2 2 0 0 0-2-2H3a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7v2H8v2h8v-2h-2Z"/><path fill="currentColor" d="M17 6a6 6 0 1 0 6 6a6 6 0 0 0-6-6Zm0 7.5a1.5 1.5 0 1 1 1.5-1.5a1.5 1.5 0 0 1-1.5 1.5Z"/></svg>Software</a></p>
<p><em>“Ah, yes. Graphical-user interface (GUI) apps. They are so comfortable and easy to use. You just click some buttons and get your computer to do what you want.”</em></p>
<p>That was what I thought before I learned how spectacular terminal applications are. <strong>I do not use a calendar or email GUI app. I use its terminal equivalent.</strong> Specifically, I use Calcurse for my calendar/todo, neomutt for my email, sxiv for my image viewing, mpv for my video playing and even Joplin (CLI) for my notes. I am still actively looking for more apps like terminal file managers (lf, ranger, mc) and terminal versions of GUI apps I use (Bitwarden?). What compelled me to switch?</p>
<h2><i class="fa fa-keyboard-o" aria-hidden="true"></i>The Right Tool For The Right Job</h2>
<h2><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M4 19q-.825 0-1.413-.588T2 17V7q0-.825.588-1.413T4 5h16q.825 0 1.413.588T22 7v10q0 .825-.588 1.413T20 19H4Zm4-3h8v-2H8v2Zm-3-3h2v-2H5v2Zm3 0h2v-2H8v2Zm3 0h2v-2h-2v2Zm3 0h2v-2h-2v2Zm3 0h2v-2h-2v2ZM5 10h2V8H5v2Zm3 0h2V8H8v2Zm3 0h2V8h-2v2Zm3 0h2V8h-2v2Zm3 0h2V8h-2v2Z"/></svg>The Right Tool For The Right Job</h2>
<p>Firstly, I realized that apps that allow me to use my keyboard and reduce mouse usage to as little as possible saved me a lot of time. By a lot of time, I don't mean a few minutes. I mean hours in the long run. Moving your hand to your mouse and clicking a button takes at least three seconds. Multiply that hundreds of times a day and 365 days an year. That leads to a lot of time wasted just moving your hand to your mouse.</p>
<h2><i class="fa fa-plane" aria-hidden="true"></i>Fast. Very Fast.</h2>
<h2><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M15 4a8 8 0 0 1 8 8a8 8 0 0 1-8 8a8 8 0 0 1-8-8a8 8 0 0 1 8-8m0 2a6 6 0 0 0-6 6a6 6 0 0 0 6 6a6 6 0 0 0 6-6a6 6 0 0 0-6-6m-1 2h1.5v3.78l2.33 2.33l-1.06 1.06L14 12.4V8M2 18a1 1 0 0 1-1-1a1 1 0 0 1 1-1h3.83c.31.71.71 1.38 1.17 2H2m1-5a1 1 0 0 1-1-1a1 1 0 0 1 1-1h2.05L5 12l.05 1H3m1-5a1 1 0 0 1-1-1a1 1 0 0 1 1-1h3c-.46.62-.86 1.29-1.17 2H4Z"/></svg>Fast. Very Fast.</h2>
<p>The speed of terminal apps have helped me get a lot more productive. Getting myself to start working immediately helped me a lot. I use Neovim for my text editor, and whenever I need to write text, its much faster to press a shortcut to open a blank file in Neovim than to open a GUI equivalent. It is also much faster to press a shortcut than to open my applications menu and search for my calendar app and wait a few seconds for the bloated app to open up. Terminal apps are just more lightweight. As a result, they operate faster and save me more than just a few seconds.</p>
<h2><i class="fa fa-laptop" aria-hidden="true"></i><em>"Professionals Have Standards"</em></h2>
<h2><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M14.4 20L13 18.6l2.6-2.6l-2.6-2.6l1.4-1.4l2.6 2.6l2.6-2.6l1.4 1.4l-2.6 2.6l2.6 2.6l-1.4 1.4l-2.6-2.6l-2.6 2.6Zm1.975-9l-3.55-3.55l1.4-1.4l2.125 2.125l4.25-4.25L22 5.35L16.375 11ZM2 17v-2h9v2H2Zm0-8V7h9v2H2Z"/></svg><em>"Professionals Have Standards"</em></h2>
<p>CLI apps are more standardized. With a GUI, the procedure for solving an issue or using the application's functionality is similar to this:</p>
<ol>
<li>Click 'button1' on the top right.</li>
@ -39,27 +38,27 @@
<li>Click on Apply and OK.</li>
</ol>
<p>This is the sole reason that you see the terminal being used so much in Linux. It's easier to say “Open your terminal and type this” than to blabber a long list of instructions that will become redundant if the application in question decides to change their UI in an update.</p>
<h2><i class="fa fa-low-vision" aria-hidden="true"></i>Run Them on a Potato!</h2>
<h2><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path fill="currentColor" d="M112 112h32v32h-32Zm128 40a8 8 0 0 1-8 8h-16v40a16 16 0 0 1-16 16h-40v16a8 8 0 0 1-16 0v-16h-32v16a8 8 0 0 1-16 0v-16H56a16 16 0 0 1-16-16v-40H24a8 8 0 0 1 0-16h16v-32H24a8 8 0 0 1 0-16h16V56a16 16 0 0 1 16-16h40V24a8 8 0 0 1 16 0v16h32V24a8 8 0 0 1 16 0v16h40a16 16 0 0 1 16 16v40h16a8 8 0 0 1 0 16h-16v32h16a8 8 0 0 1 8 8Zm-80-48a8 8 0 0 0-8-8h-48a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8Z"/></svg>Run Them on a Potato!</h2>
<p>Due to the lightweight nature of the command line, your tools can run on just about any computer. It does not matter if your computer has a Pentium processor or a 12th-generation i9. GUI tools have system requirements and if it is a robust tool with a fancy interface, chances are that the requirements just for the app to look good knocks that tool off your app list on your 10-year-old computer.</p>
<h2><i class="fa fa-signal" aria-hidden="true"></i>Exponential Learning Curve</h2>
<h2><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="currentColor" d="M1.5 1.75V13.5h13.75a.75.75 0 0 1 0 1.5H.75a.75.75 0 0 1-.75-.75V1.75a.75.75 0 0 1 1.5 0Zm14.28 2.53l-5.25 5.25a.75.75 0 0 1-1.06 0L7 7.06L4.28 9.78a.751.751 0 0 1-1.042-.018a.751.751 0 0 1-.018-1.042l3.25-3.25a.75.75 0 0 1 1.06 0L10 7.94l4.72-4.72a.751.751 0 0 1 1.042.018a.751.751 0 0 1 .018 1.042Z"/></svg>Exponential Learning Curve</h2>
<p>While GUI apps are simple to use initially, your speed using the apps remains slow all the time. Sure, you may learn where every button is and be able to open any setting you want quickly, but that speed is nothing compared to one of a command line. With a command line, your speed is slower than a snail at first. However, after some time of using the program, you can do things at a similar speed as a GUI app.</p>
<p>If you daily-drive a terminal program, it takes only a few days for you to become faster at it than using a GUI program. After that, you will be able to understand your most used commands and use aliases to shorten them.</p>
<p>For example, if you view your free space regulary, instead of typing a 50-line command to print your free space, you can just alias that command to 'free-space'. Doing this will make it so that whenever you type 'free-space', it performs the aforementioned 50-line command and displays the output. This will save your more than just a few hours of time.</p>
<h2><i class="fa fa-sitemap" aria-hidden="true"></i>The Choices Never End!</h2>
<h2><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><path fill="currentColor" d="M8 13A5 5 0 1 0 8 3a5 5 0 0 0 0 10Zm12 0a5 5 0 1 0 0-10a5 5 0 0 0 0 10Zm-7 7a5 5 0 1 1-10 0a5 5 0 0 1 10 0Zm7 5a5 5 0 1 0 0-10a5 5 0 0 0 0 10Z"/></svg>The Choices Never End!</h2>
<p>With terminal apps, you have a plethora of choices. I can almost guarantee that an app with functionality you wish existed does exist in the form of a command line application. There are obscure apps with spectacular functionality which can change your computing experience that you will miss out on if you stay away from the terminal.</p>
<h2><i class="fa fa-plus" aria-hidden="true"></i>Bathe In Possibilities!</h2>
<h2><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M3 12a3.5 3.5 0 0 1 3.5-3.5c1.204 0 2.02.434 2.7 1.113c.726.727 1.285 1.72 1.926 2.873l.034.06c.6 1.082 1.283 2.311 2.227 3.255c1.008 1.008 2.316 1.699 4.113 1.699a5.5 5.5 0 1 0-4.158-9.1a23.58 23.58 0 0 1 1.122 1.857A3.5 3.5 0 1 1 17.5 15.5c-1.203 0-2.02-.434-2.7-1.113c-.726-.727-1.285-1.72-1.926-2.873l-.034-.06c-.6-1.082-1.283-2.311-2.227-3.255C9.605 7.191 8.297 6.5 6.5 6.5a5.5 5.5 0 1 0 4.158 9.1a23.577 23.577 0 0 1-1.122-1.857A3.5 3.5 0 0 1 3 12Z"/></svg>Bathe In Possibilities!</h2>
<p>When it comes to GUI apps, you have to be honest. They do not have 100% functionality. It is simply implausible to fit every single function in a GUI app. Doing so would result in a lot of code to maintain, an extremely heavy app and a confusing layout. However, with a terminal app, all you have to do is type: </p>
<p><code>man command</code></p>
<p>or</p>
<p><code>command --help</code></p>
<p>and get the complete functionality of the app, all within less than 5% of the app size of its GUI equivalent.</p>
<h2><i class="fa fa-user" aria-hidden="true"></i>Skip The Middlemen</h2>
<h2><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="none" d="M336 80H176a16 16 0 0 0-16 16v16h192V96a16 16 0 0 0-16-16Z"/><path fill="currentColor" d="M496 176a64.07 64.07 0 0 0-64-64h-48V96a48.05 48.05 0 0 0-48-48H176a48.05 48.05 0 0 0-48 48v16H80a64.07 64.07 0 0 0-64 64v48h480Zm-144-64H160V96a16 16 0 0 1 16-16h160a16 16 0 0 1 16 16Zm-16 152a24 24 0 0 1-24 24H200a24 24 0 0 1-24-24v-4a4 4 0 0 0-4-4H16v144a64 64 0 0 0 64 64h352a64 64 0 0 0 64-64V256H340a4 4 0 0 0-4 4Z"/></svg>Skip The Middlemen</h2>
<p>All GUI apps are basically middlemen for the command line. They essentially use the command line for you. When you ditch the GUI and go straight for the terminal, you talk directly to the computer in a way in which the computer understands.</p>
<h2><i class="fa fa-fighter-jet" aria-hidden="true"></i>First Impressions Matter</h2>
<h2><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path fill="currentColor" d="M212 76v-4a44 44 0 0 0-74.86-31.31a3.93 3.93 0 0 0-1.14 2.8v88.72a4 4 0 0 0 6.2 3.33a47.67 47.67 0 0 1 25.48-7.54a8.18 8.18 0 0 1 8.31 7.58a8 8 0 0 1-8 8.42a32 32 0 0 0-32 32v33.88a4 4 0 0 0 1.49 3.12a47.92 47.92 0 0 0 74.21-17.16a4 4 0 0 0-4.49-5.56A68.06 68.06 0 0 1 192 192h-7.73a8.18 8.18 0 0 1-8.25-7.47a8 8 0 0 1 8-8.53h8a51.6 51.6 0 0 0 24-5.88A52 52 0 0 0 212 76Zm-12 36h-4a36 36 0 0 1-36-36v-4a8 8 0 0 1 16 0v4a20 20 0 0 0 20 20h4a8 8 0 0 1 0 16ZM88 28a44.05 44.05 0 0 0-44 44v4a52 52 0 0 0-4 94.12A51.6 51.6 0 0 0 64 176h7.73a8.18 8.18 0 0 1 8.27 7.47a8 8 0 0 1-8 8.53h-8a67.48 67.48 0 0 1-15.21-1.73a4 4 0 0 0-4.5 5.55A47.93 47.93 0 0 0 118.51 213a4 4 0 0 0 1.49-3.12V176a32 32 0 0 0-32-32a8 8 0 0 1-8-8.42a8.18 8.18 0 0 1 8.32-7.58a47.67 47.67 0 0 1 25.48 7.54a4 4 0 0 0 6.2-3.33V43.49a4 4 0 0 0-1.14-2.81A43.85 43.85 0 0 0 88 28Zm8 48a36 36 0 0 1-36 36h-4a8 8 0 0 1 0-16h4a20 20 0 0 0 20-20v-4a8 8 0 0 1 16 0Z"/></svg>First Impressions Matter</h2>
<p>When people first look at the terminal, it becomes set in their mind that it is difficult to use and that mentality stays for an extraordinarily long time. Due to this, they never experiment or even open the terminal application. If they run into an issue which requires the use of the terminal to fix, they decide to just live with the issue instead of using the terminal. However, if people use the terminal for a few weeks, they realize that it outpaces almost every other GUI app in almost everything.</p>
<h2><i class="fa fa-times" aria-hidden="true"></i>Nothing is Perfect...</h2>
<h2><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M44 24c0 11.046-8.954 20-20 20S4 35.046 4 24S12.954 4 24 4s20 8.954 20 20Zm-27.778 7.778a1 1 0 0 1 0-1.414L22.586 24l-6.364-6.364a1 1 0 0 1 1.414-1.414L24 22.586l6.364-6.364a1 1 0 0 1 1.414 1.414L25.414 24l6.364 6.364a1 1 0 0 1-1.414 1.414L24 25.414l-6.364 6.364a1 1 0 0 1-1.414 0Z" clip-rule="evenodd"/></svg>Nothing is Perfect...</h2>
<p>... including terminal applications. Terminal applications are amazing. They allow me to do so much. However, there are extremely rare cases in which I have no choice but to use a GUI. This is if the GUI application in question requires you to use only their app. There are also some specific use-cases in which GUI apps just make more sense. Video editing, advanced photo manipulation and 3D modelling are great examples.</p>
<h2><i class="fa fa-book" aria-hidden="true"></i>To Sum It All Up...</h2>
<h2><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M6.012 18H21V4a2 2 0 0 0-2-2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.805 5 19s.55-.988 1.012-1zM8 6h9v2H8V6z"/></svg>To Sum It All Up...</h2>
<p>...terminal applications should be used as much as possible. They are swift. They can be used quickly and also use less resources and space while running on just about anything. They are not as difficult as they look and can be used for uses which GUI apps do not have. They cannot be used all the time because there are rare exceptions in which GUI applications have to be used. However, these are so little that I do not mind keeping GUI apps just for these use cases.
<p><a href="mailto:sufyaan@counterhawks.com?subject=Why%20I%20Use%20Terminal%20Apps">>>> Reply To Me</a></p>
<p style="text-align:center;"><a href="../font/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M32 448c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c53 0 96-43 96-96V109.3l73.4 73.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0l-128 128c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l73.3-73.4V416c0 17.7-14.3 32-32 32H32z"/></svg>Latest Post</a> - <a style="color:#bd93f9" href="../crypto/">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>

@ -3,7 +3,7 @@
<head>
<title>(POST) Tools I Use</title>
<link rel="icon" type="image/x-icon" href="../images/favicon.webp">
<link rel='stylesheet' type='text/css' href="../style.css"> <link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="all">
<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>
@ -16,64 +16,58 @@
</pre>
</a>
<hr/><p><a href="../">sf.cu</a> > <a style="color:#bd93f9" href="../blog/">Blog</a> > <a style="color:#bd93f9" href=".">Tools I Use</a></p>
<h1><i class="fa fa-briefcase" aria-hidden="true"></i>Tools I Use</h1>
<p style="font-size:110%"><strong><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19 19H5V8h14m-3-7v2H8V1H6v2H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-1V1m-1 11h-5v5h5v-5Z"/></svg>31 July 2023</strong></p><p style="font-size:110%"><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12zm11-5a1 1 0 1 0-2 0v3.764a3 3 0 0 0 1.658 2.683l2.895 1.447a1 1 0 1 0 .894-1.788l-2.894-1.448a1 1 0 0 1-.553-.894V7z" clip-rule="evenodd"/></svg><strong>4 min</strong><p style="font-size:110%"><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M10 3H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm10 0h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM10 13H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zm7 0a4 4 0 1 1-3.995 4.2L13 17l.005-.2A4 4 0 0 1 17 13z"/></g></svg></strong><a style="color:#ff79c6" href="../blog/technology/"><i class="fa fa-code" aria-hidden="true"></i>Technology</a></p>
<h3><i class="fa fa-list" aria-hidden="true"></i>Table Of Contents</h3>
<hr/><p><a href="../">sf.cu</a> > <a style="color:#bd93f9" href="../blog/">Blog</a> > <a style="color:#bd93f9" href="."><svg class="posts" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 512 512"><path fill="none" d="M336 80H176a16 16 0 0 0-16 16v16h192V96a16 16 0 0 0-16-16Z"/><path fill="currentColor" d="M496 176a64.07 64.07 0 0 0-64-64h-48V96a48.05 48.05 0 0 0-48-48H176a48.05 48.05 0 0 0-48 48v16H80a64.07 64.07 0 0 0-64 64v48h480Zm-144-64H160V96a16 16 0 0 1 16-16h160a16 16 0 0 1 16 16Zm-16 152a24 24 0 0 1-24 24H200a24 24 0 0 1-24-24v-4a4 4 0 0 0-4-4H16v144a64 64 0 0 0 64 64h352a64 64 0 0 0 64-64V256H340a4 4 0 0 0-4 4Z"/></svg>Tools I Use</a></p>
<h1><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="none" d="M336 80H176a16 16 0 0 0-16 16v16h192V96a16 16 0 0 0-16-16Z"/><path fill="currentColor" d="M496 176a64.07 64.07 0 0 0-64-64h-48V96a48.05 48.05 0 0 0-48-48H176a48.05 48.05 0 0 0-48 48v16H80a64.07 64.07 0 0 0-64 64v48h480Zm-144-64H160V96a16 16 0 0 1 16-16h160a16 16 0 0 1 16 16Zm-16 152a24 24 0 0 1-24 24H200a24 24 0 0 1-24-24v-4a4 4 0 0 0-4-4H16v144a64 64 0 0 0 64 64h352a64 64 0 0 0 64-64V256H340a4 4 0 0 0-4 4Z"/></svg>Tools I Use</h1>
<p style="font-size:110%"><strong><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19 19H5V8h14m-3-7v2H8V1H6v2H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-1V1m-1 11h-5v5h5v-5Z"/></svg>31 July 2023</strong></p><p style="font-size:110%"><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12zm11-5a1 1 0 1 0-2 0v3.764a3 3 0 0 0 1.658 2.683l2.895 1.447a1 1 0 1 0 .894-1.788l-2.894-1.448a1 1 0 0 1-.553-.894V7z" clip-rule="evenodd"/></svg><strong>4 min</strong><p style="font-size:110%"><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M10 3H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm10 0h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM10 13H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zm7 0a4 4 0 1 1-3.995 4.2L13 17l.005-.2A4 4 0 0 1 17 13z"/></g></svg></strong><a style="color:#ff79c6" href="../blog/technology/">Technology</a></p>
<h3>Table Of Contents</h3>
<ul style="list-style-type: none;">
<li><a style="color:#ff79c6" href="#intro"><i class="fa fa-pencil" aria-hidden="true"></i>Introduction</a></li>
<li><a style="color:#ff79c6" href="#hardware"><i class="fa fa-laptop" aria-hidden="true"></i>Hardware</a></li>
<li><a style="color:#ff79c6" href="#intro"><svg class="posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 48c-67.61.29-117.87 9.6-154.24 25.69c-27.14 12-37.76 21.08-37.76 51.84V448c41.57-37.5 78.46-48 224-48V48ZM48 48c67.61.29 117.87 9.6 154.24 25.69c27.14 12 37.76 21.08 37.76 51.84V448c-41.57-37.5-78.46-48-224-48V48Z"/></svg>Introduction</a></li>
<li><a style="color:#ff79c6" href="#hardware"><svg class="posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="currentColor" d="M5 0a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1H5Zm.5 14a.5.5 0 1 1 0 1a.5.5 0 0 1 0-1Zm2 0a.5.5 0 1 1 0 1a.5.5 0 0 1 0-1ZM5 1.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5ZM5.5 3h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1Z"/></svg>Hardware</a></li>
<li><ul class="pane" style="list-style-type: none;">
<li><a style="color:#ff79c6" href="#computer"><i class="fa fa-desktop" aria-hidden="true"></i>Computer</a></li>
<li><a style="color:#ff79c6" href="#laptop"><i class="fa fa-laptop" aria-hidden="true"></i>Laptop</a></li>
<li><a style="color:#ff79c6" href="#phone"><i class="fa fa-mobile" aria-hidden="true"></i>Phone</a></li>
<li><a style="color:#ff79c6" href="#computer">Computer</a></li>
<li><a style="color:#ff79c6" href="#laptop">Laptop</a></li>
<li><a style="color:#ff79c6" href="#phone">Phone</a></li>
</ul></li>
<li><a style="color:#ff79c6" href="#software"><i class="fa fa-code" aria-hidden="true"></i>Software</a></li>
<li><a style="color:#ff79c6" href="#software"><svg class="posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M14 18.32A7.06 7.06 0 0 1 11.28 16H3V4h18v2.26a7.08 7.08 0 0 1 2 2.15V4a2 2 0 0 0-2-2H3a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7v2H8v2h8v-2h-2Z"/><path fill="currentColor" d="M17 6a6 6 0 1 0 6 6a6 6 0 0 0-6-6Zm0 7.5a1.5 1.5 0 1 1 1.5-1.5a1.5 1.5 0 0 1-1.5 1.5Z"/></svg>Software</a></li>
<li>
<ul class="pane" style="list-style-type: none;">
<li>Basic</li>
<li>.....</li>
<li><strong>Basic</strong></li>
<li>
<ul class="pane" style="list-style-type:none;padding:0;margin:0;">
<li><a style="color:#ff79c6" href="#os"><i class="fa fa-linux" aria-hidden="true"></i>Operating System (Linux Distribution)</a></li>
<li><a style="color:#ff79c6" href="#wm"><i class="fa fa-window-maximize" aria-hidden="true"></i>Window Manager</a></li>
<li><a style="color:#ff79c6" href="#terminal"><i class="fa fa-terminal" aria-hidden="true"></i>Terminal Emulator</a></li>
<li><a style="color:#ff79c6" href="#shell"><i class="fa fa-code-fork" aria-hidden="true"></i>Shell</a></li>
<li><a style="color:#ff79c6" href="#text"><i class="fa fa-file-text" aria-hidden="true"></i>Text Editor</a></li>
<li><a style="color:#ff79c6" href="#web"><i class="fa fa-firefox" aria-hidden="true"></i>Web Browser</a></li>
<li><a style="color:#ff79c6" href="#password"><i class="fa fa-key" aria-hidden="true"></i>Password Manager</a></li>
<li><a style="color:#ff79c6" href="#notes"><i class="fa fa-sticky-note" aria-hidden="true"></i>Notes</a></li>
<li>.........</li>
<li><a style="color:#ff79c6" href="#os">Operating System (Linux Distribution)</a></li>
<li><a style="color:#ff79c6" href="#wm">Window Manager</a></li>
<li><a style="color:#ff79c6" href="#terminal">Terminal Emulator</a></li>
<li><a style="color:#ff79c6" href="#shell">Shell</a></li>
<li><a style="color:#ff79c6" href="#text">Text Editor</a></li>
<li><a style="color:#ff79c6" href="#web">Web Browser</a></li>
<li><a style="color:#ff79c6" href="#password">Password Manager</a></li>
<li><a style="color:#ff79c6" href="#notes">Notes</a></li>
</ul>
</li>
<li>Utilities</li>
<li>.........</li>
<li><strong>Utilities</strong></li>
<ul class="pane" style="list-style-type:none;padding:0;margin:0;">
<li><a style="color:#ff79c6" href="#files"><i class="fa fa-folder" aria-hidden="true"></i>File Manager</a></li>
<li><a style="color:#ff79c6" href="#media"><i class="fa fa-video-camera" aria-hidden="true"></i>Media Player</a></li>
<li><a style="color:#ff79c6" href="#rss"><i class="fa fa-rss" aria-hidden="true"></i>RSS Reader</a></li>
<li><a style="color:#ff79c6" href="#pdf"><i class="fa fa-file-pdf-o" aria-hidden="true"></i>PDF Viewer</a></li>
<li><a style="color:#ff79c6" href="#image"><i class="fa fa-file-image-o" aria-hidden="true"></i>Image Viewer</a></li>
<li>...........</li>
<li><a style="color:#ff79c6" href="#files">File Manager</a></li>
<li><a style="color:#ff79c6" href="#media">Media Player</a></li>
<li><a style="color:#ff79c6" href="#rss">RSS Reader</a></li>
<li><a style="color:#ff79c6" href="#pdf">PDF Viewer</a></li>
<li><a style="color:#ff79c6" href="#image">Image Viewer</a></li>
</ul>
<li>Production</li>
<li>..........</li>
<li><strong>Production</strong></li>
<ul class="pane" style="list-style-type:none;margin:0;padding:0">
<li><a style="color:#ff79c6" href="#rec"><i class="fa fa-desktop" aria-hidden="true"></i>Recording and Streaming</a></li>
<li><a style="color:#ff79c6" href="#writing"><i class="fa fa-pencil" aria-hidden="true"></i>Writing</a></li>
<li><a style="color:#ff79c6" href="#image-editing"><i class="fa fa-picture-o" aria-hidden="true"></i>Image Editing</a></li>
<li>...........</li>
<li><a style="color:#ff79c6" href="#rec">Recording and Streaming</a></li>
<li><a style="color:#ff79c6" href="#writing">Writing</a></li>
<li><a style="color:#ff79c6" href="#image-editing">Image Editing</a></li>
</ul>
</ul>
</li>
<li><a style="color:#ff79c6" href="#conclusion"><i class="fa fa-book" aria-hidden="true"></i>Conclusion</a></li>
<li><a style="color:#ff79c6" href="#conclusion"><svg class="posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M6.012 18H21V4a2 2 0 0 0-2-2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.805 5 19s.55-.988 1.012-1zM8 6h9v2H8V6z"/></svg>Conclusion</a></li>
</ul>
<h3 id="intro"><i class="fa fa-pencil" aria-hidden="true"></i>Introduction</h3>
<h2 id="intro"><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 48c-67.61.29-117.87 9.6-154.24 25.69c-27.14 12-37.76 21.08-37.76 51.84V448c41.57-37.5 78.46-48 224-48V48ZM48 48c67.61.29 117.87 9.6 154.24 25.69c27.14 12 37.76 21.08 37.76 51.84V448c-41.57-37.5-78.46-48-224-48V48Z"/></svg>Introduction</h2>
<p>This post consists of all the hardware, software and other tools I use on a daily basis for all of my work. <strong>I am for tools that are lightweight, minimal and work fast on all types of devices.</strong></p>
<h2 id="hardware"><i class="fa fa-laptop" aria-hidden="true"></i>Hardware</h2>
<h3 id="computer"><i class="fa fa-desktop" aria-hidden="true"></i>Computer</h3>
<h2 id="hardware"><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="currentColor" d="M5 0a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1H5Zm.5 14a.5.5 0 1 1 0 1a.5.5 0 0 1 0-1Zm2 0a.5.5 0 1 1 0 1a.5.5 0 0 1 0-1ZM5 1.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5ZM5.5 3h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1Z"/></svg>Hardware</h2>
<h3 id="computer">Computer</h3>
<p>I have a custom-built computer that I bought in 2021. This was during the chip shortage but I needed a PC and could not wait as it was impacting my work. These are the specs:</p>
<ul>
<li>AMD Ryzen 5 5600X</li>
@ -88,7 +82,7 @@
<li><a href="https://www.msi.com/Monitor/Optix-G242">MSI Optix G242</a></li>
<li><a href="https://www.jbl.com/gaming-headsets/QUANTUM100.html">JBL Quantum 100</a></li>
</ul>
<h3 id="laptop"><i class="fa fa-laptop" aria-hidden="true"></i>Laptop</h3>
<h3 id="laptop">Laptop</h3>
<p>When I am on the go, I cannot sacrifice any of my work. This is why I use the HP ENVY x360 laptop. I was going to buy a ThinkPad but I am using this since it was a gift.</p>
<p>Specs:</p>
<ul>
@ -96,46 +90,46 @@
<li>32GB DDR5</li>
<li>512GB SSD</li>
</ul>
<h3 id="phone"><i class="fa fa-mobile" aria-hidden="true"></i>Phone</h3>
<h3 id="phone">Phone</h3>
<p>I use the <a href="https://us.nothing.tech/pages/phone-1">Nothing Phone (1)</a>. It is a spectacular phone from a great new brand that keeps getting better with each update they release. It looks extremely cool with the glyph lights, which I find to be useful in some cases.</p>
<p>Along with my phone, I use the <a href="https://www.oneplus.com/us/product/oneplus-bullets-wireless-z">OnePlus Bullets Wireless Z</a></p>
<h2 id="software"><i class="fa fa-code" aria-hidden="true"></i>Software</h2>
<h2 id="software"><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M14 18.32A7.06 7.06 0 0 1 11.28 16H3V4h18v2.26a7.08 7.08 0 0 1 2 2.15V4a2 2 0 0 0-2-2H3a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7v2H8v2h8v-2h-2Z"/><path fill="currentColor" d="M17 6a6 6 0 1 0 6 6a6 6 0 0 0-6-6Zm0 7.5a1.5 1.5 0 1 1 1.5-1.5a1.5 1.5 0 0 1-1.5 1.5Z"/></svg>Software</h2>
<h3 id="basic">Basic</h3>
<p id="os"><i class="fa fa-linux" aria-hidden="true"></i><em>Operating System (Linux Distribution):</em></p>
<p id="os"><em>Operating System (Linux Distribution):</em></p>
<p>I use <a href="https://archlinux.org/">Arch Linux</a>. I love its lightweight and do-it-yourself nature. It gives me more control over what is installed on my PC.</p>
<p id="wm"><i class="fa fa-window-maximize" aria-hidden="true"></i><em>Window Manager:</em></p>
<p id="wm"><em>Window Manager:</em></p>
<p>I use <a href="https://xmonad.org/">Xmonad</a>. It is lightweight and uses <a href="https://www.haskell.org/">Haskell</a> as its language. I have tinkered around a lot and reached a setup that I love.</p>
<p id="terminal"><i class="fa fa-terminal" aria-hidden="true"></i><em>Terminal Emulator:</em></p>
<p id="terminal"><em>Terminal Emulator:</em></p>
<p>I use <a href="https://alacritty.org/">Alacritty</a>. It is fast and works really well. I love the 24-bit colours especially.</p>
<p id="shell"><i class="fa fa-code-fork" aria-hidden="true"></i><em>Shell:</em></p>
<p id="shell"><em>Shell:</em></p>
<p>I use <a href="https://en.wikipedia.org/wiki/Z_shell">zsh</a> due to its speed and features like autocomplete and plugins.</p>
<p id="text"><i class="fa fa-file-text" aria-hidden="true"></i><em>Text Editor:</em></p>
<p id="text"><em>Text Editor:</em></p>
<p>I use <a href="https://neovim.io/">Neovim</a> for my text editing and will never switch to another program. It is fast, versatile, extensible and extremely lightweight. Most importantly, it works extremely well for my usecase.</p>
<p id="web"><i class="fa fa-firefox" aria-hidden="true"></i><em>Web Browser:</em></p>
<p id="web"><em>Web Browser:</em></p>
<p>I use <a href="https://librewolf.net/">Librewolf</a> with two profiles. For more information, <a style="color:#bd93f9" href="https://sufyaan.cyou/browser/">view my post on my browser setup</a>.</p>
<p id="password"><i class="fa fa-key" aria-hidden="true"></i><em>Password Manager:</em></p>
<p id="password"><em>Password Manager:</em></p>
<p>I use <a href="https://keepass.info/">KeePass</a> with <a href="https://syncthing.net/">Syncthing</a>. KeePass is incredibly secure. Read <a style="color:#bd93f9" href="https://sufyaan.cyou/kpst">this post</a> for more information.</p>
<p id="notes"><i class="fa fa-sticky-note" aria-hidden="true"></i><em>Notes:</em></p>
<p id="notes"><em>Notes:</em></p>
<p>I use <a href="https://github.com/vimwiki/vimwiki">VimWiki</a> also with <a href="https://syncthing.net/">Syncthing</a>. I use the <a href="https://github.com/gsantner/markor">Markor</a> app on my phone to view the notes. Read <a style="color:#bd93f9" href="vimwiki">this post</a> for more information.</p>
<h3 id="utilities">Utilities</h3>
<p id="files"><i class="fa fa-folder" aria-hidden="true"></i><em>File Manager:</em></p>
<p id="files"><em>File Manager:</em></p>
<p>I have <a href="https://wiki.archlinux.org/title/thunar">Thunar</a> installed but I do not use it most of the time. I use the terminal for most of my file management.</p>
<p id="media"><i class="fa fa-video-camera" aria-hidden="true"></i><em>Media Player:</em></p>
<p id="media"><em>Media Player:</em></p>
<p>I use <a href="https://mpv.io/">MPV</a>, the best media player on the planet. It is fast, <a style="color:#50fa7b" href="https://sufyaan.cyou/definitions/free-software/">free software</a> and infinitely extensible.</p>
<p id="rss"><i class="fa fa-rss" aria-hidden="true"></i><em>RSS Reader:</em></p>
<p id="rss"><em>RSS Reader:</em></p>
<p>I use <a href="https://newsboat.org/index.html">Newsboat</a> since it reduces the need for me to go to all of my websites separately.</p>
<p id="pdf"><i class="fa fa-file-pdf-o" aria-hidden="true"></i><em>PDF Viewer:</em></p>
<p id="pdf"><em>PDF Viewer:</em></p>
<p><a href="https://pwmt.org/projects/zathura/">Zathura</a> all the way. I am never switching to anything else. It is just so fast and simple.</p>
<p id="image"><i class="fa fa-file-image-o" aria-hidden="true"></i><em>Image Viewer:</em></p>
<p id="image"><em>Image Viewer:</em></p>
<p><a href="https://github.com/nsxiv/nsxiv">nsxiv</a> is what I use. It is just like Zathura; fast and efficient.</p>
<h3 id="production">Production</h3>
<p id="rec"><i class="fa fa-desktop" aria-hidden="true"></i><em>Recording and Streaming:</em></p>
<p id="rec"><em>Recording and Streaming:</em></p>
<p>I use FFmpeg to record and encode my screen recordings. I use <a href="https://kdenlive.org/en/">Kdenlive</a> to edit my videos. In case of streaming, I use <a href="https://obsproject.com/">OBS Studio</a> to stream.</p>
<p id="writing"><i class="fa fa-pencil" aria-hidden="true"></i><em>Writing:</em></p>
<p id="writing"><em>Writing:</em></p>
<p><a style="color:#bd93f9" href="https://sufyaan.cyou/plaintext">I write in plaintext formats as much as possible</a>. When writing posts or other formatted notes, I use <a style="color:#50fa7b" href="https://sufyaan.cyou/definitions/markdown">Markdown (.md)</a> and I use <a href="https://www.latex-project.org">LaTeX</a> for documents.</p>
<p id="image-editing"><i class="fa fa-picture-o" aria-hidden="true"></i><em>Image Editing:</em></p>
<p id="image-editing"><em>Image Editing:</em></p>
<p>This is perhaps the only non-free software I use. I use <a href="https://www.adobe.com/products/photoshop.html">Adobe Photoshop</a></p>
<h2 id="conclusion"><i class="fa fa-book" aria-hidden="true"></i>Conclusion</h2>
<h2 id="conclusion"><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M6.012 18H21V4a2 2 0 0 0-2-2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.805 5 19s.55-.988 1.012-1zM8 6h9v2H8V6z"/></svg>Conclusion</h2>
<p>These are all of the tools I use. They may change in the future, but there is a low chance of that happening since I have gotten used to all of these amazing tools.</p>
<p><a href="mailto:sufyaan@counterhawks.com?subject=Tools%20I%20Use">>>> Reply To Me</a></p>

Loading…
Cancel
Save