New homepage! + Tools I Use post

main
TitanElectrons 1 year ago
parent 8ed4c221c2
commit 5e417b44ef

@ -1,5 +1,6 @@
<!DOCTYPE html><html lang="en"><head><title>(BLOG) Sufyaan's Webpage</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><body><a href="../"><div style="text-align:center"><img src="../images/sufyaan.webp"></div></a><hr/><p><a href="../">sf.cu</a> > <a style="color:#bd93f9" href="../.">Blog</a></p>
<h1 class="homepage-heading"><a style="color:#bd93f9" href="../rss.xml"><i class="fa fa-rss" aria-hidden="true"></i></a>Blog</h1><h2>Categories:</h2><ul class="posts"><li><a href="linux/" style="color:#ff79c6"><i class="fa fa-terminal" aria-hidden="true"></i>Linux</a></li><li><a href="software/" style="color:#ff79c6"><i class="fa fa-laptop" aria-hidden="true"></i>Software</a></li><li><a href="technology/" style="color:#ff79c6"><i class="fa fa-code" aria-hidden="true"></i>Technology</a></li><li><a href="design/" style="color:#ff79c6"><i class="fa fa-pencil" aria-hidden="true"></i>Design</a></li><li><a href="guides/" style="color:#ff79c6"><i class="fa fa-book" aria-hidden="true"></i>Guides</a></li><li><a href="other/" style="color:#ff79c6"><i class="fa fa-plus" aria-hidden="true"></i>Other</a></li></ul><p class="homepage-body">Read my (mostly) computing-related articles here.</p><ul class="posts">
<li><code class="code-posts">31/07/23</code> - <a style="color:#bd93f9" href="../uses/"><i class="fa fa-briefcase" aria-hidden="true"></i>Tools I Use</a></li>
<li><code class="code-posts">30/07/23</code> - <a style="color:#bd93f9" href="../fp/"><i class="fa fa-pencil" aria-hidden="true"></i>Writing With Fountain Pens</a></li>
<li><code class="code-posts">28/07/23</code> - <a style="color:#bd93f9" href="../minimal-design/"><i class="fa fa-circle-thin" aria-hidden="true"></i>Minimal Design</a></li>
<li><code class="code-posts">27/07/23</code> - <a style="color:#bd93f9" href="../backups/"><i class="fa fa-cloud-upload" aria-hidden="true"></i>Taking Proper Backups</a></li>

@ -1,5 +1,6 @@
<!DOCTYPE html><html lang="en"><head><title>(TECH) Sufyaan's Webpage</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><body><a href="../../"><div style="text-align:center"><img src="../../images/sufyaan.webp"></div></a><hr/><p><a href="../../">sf.cu</a> > <a style="color:#bd93f9" href="../../">Blog</a> > <a style="color:#ff79c6" href="."><i class="fa fa-code" aria-hidden="true"></i>Technology</a></p>
<h1 class="homepage-heading"><i class="fa fa-code" aria-hidden="true"></i></a>Technology</h1><p class="homepage-body">In this category, I post about tools and information related to Linux.</p><ul class="posts">
<li><code class="code-posts">31/07/23</code> - <a style="color:#bd93f9" href="../../uses/"><i class="fa fa-briefcase" aria-hidden="true"></i>Tools I Use</a></li>
<li><code class="code-posts">27/07/23</code> - <a style="color:#bd93f9" href="../../backups/"><i class="fa fa-cloud-upload" aria-hidden="true"></i>Taking Proper Backups</a></li>
<li><code class="code-posts">16/07/23</code> - <a style="color:#bd93f9" href="../../torrent/"><i class="fa fa-download" aria-hidden="true"></i>Why You Should Torrent</a></li>
<li><code class="code-posts">06/05/23</code> - <a style="color:#bd93f9" href="../../usb/"><i class="fa fa-usb" aria-hidden="true"></i>Buy Only Metal USBs</a></li>

@ -33,7 +33,7 @@
<h2 id="conclusion"><i class="fa fa-book" aria-hidden="true"></i>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"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../terminal/">First Post</a> <i style="color:#bd93f9" class="fa fa-repeat" aria-hidden="true"></i></p>
<p style="text-align:center;"><a href="../minimal-design/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../uses/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i></p>
<hr/>
<footer>
<p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>

@ -0,0 +1 @@
<!DOCTYPE html><html lang="en"><head><title>(HOMEPAGE) Sufyaan's Webpage</title><link rel="icon" type="image/x-icon" href="images/favicon.webp"><link rel='stylesheet' type='text/css' href="style.css"><meta charset="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body><div style="text-align:center;margin-bottom:-10px"><img src="images/sufyaan.webp"></div><hr/><p>sf@titan [~/sf.cu]$<code> cat INTRO.md</code></p><h1>Greetings, everyone!</h1><p>My name is Sufyaan and I welcome you to my <strong>personal website!</strong></p><p>I am a brand designer but my interests are in computing. I love using <a style="color:#50fa7b" href="definitions/free-software/" aria-label="Read more about free (libre) software">free (libre) software</a> that follows the <a style="color:#50fa7b" href="definitions/unix-philosophy" aria-label="Read more about the UNIX philosophy">UNIX philosophy.</a></p><p>I like to spend my free time tinkering around with my computer and learning about new innovations in both the technology and design industries.</p><p>On this website, I post on my blog about a plethora of topics that I am interested in like:</p><ul><li>Computing</li><li>GNU/Linux</li><li>Design</li><li>Announcements</li></ul><p>I do not post regularly. I did not create this website for views or money. I simply post what I enjoy and what I find helpful.</p><p>If you would like to contribute to this website, please do so on <a href="https://forgejo.sufyaan.cyou/TitanElectrons/sufyaan-website">it's Git repository</a>. Any contribution, no matter how small, is appreciated.</p><p>Here are links to useful pages on this website:<ul><li><a style="color:#bd93f9" href="blog">Blog</a> - View my blog posts on computing, Linux and design.</li><li><a style="color:#ffb86c" href="about">About</a> - View some information about me and find out how to contact me.</li><li><a style="color:#f1fa8c" href="portfolio/">Portfolio</a> - View my designs and projects.</li><li><a style="color:#ff5555" href="links">Links</a> - My pages on other websites and sites I like to browse.</li><li><a style="color:#50fa7b" href="definitions/">Definitions</a> - View the definitions of terms that I use in my <a style="color:#bd93f9" href="blog">blog</a> posts.</li></ul></p><p>I hope you find useful and interesting information on this website!</p><hr/><footer><p class="footer-text"><a style="color:#bd93f9" href="blog">blog</a> - <a style="color:#ffb86c" href="about">about</a> - <a style="color:#f1fa8c" href="portfolio">portfolio</a> - <a style="color:#ff5555" href="links">links</a></p><p class="footer-text" style="font-size:80%"><a href=".">sufyaan.cyou</a></p><p class="footer-text" style="font-size:65%"><a style="color:#aaaaaa" href="sitemap">Site Map</a></p></footer>

@ -1 +1,56 @@
<!DOCTYPE html><html lang="en"><head><title>(HOMEPAGE) Sufyaan's Webpage</title><link rel="icon" type="image/x-icon" href="images/favicon.webp"><link rel='stylesheet' type='text/css' href="style.css"><meta charset="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body><div style="text-align:center;margin-bottom:-10px"><img src="images/sufyaan.webp"></div><hr/><p>sf@titan [~/sf.cu]$<code> cat INTRO.md</code></p><h1>Greetings, everyone!</h1><p>My name is Sufyaan and I welcome you to my <strong>personal website!</strong></p><p>I am a brand designer but my interests are in computing. I love using <a style="color:#50fa7b" href="definitions/free-software/" aria-label="Read more about free (libre) software">free (libre) software</a> that follows the <a style="color:#50fa7b" href="definitions/unix-philosophy" aria-label="Read more about the UNIX philosophy">UNIX philosophy.</a></p><p>I like to spend my free time tinkering around with my computer and learning about new innovations in both the technology and design industries.</p><p>On this website, I post on my blog about a plethora of topics that I am interested in like:</p><ul><li>Computing</li><li>GNU/Linux</li><li>Design</li><li>Announcements</li></ul><p>I do not post regularly. I did not create this website for views or money. I simply post what I enjoy and what I find helpful.</p><p>If you would like to contribute to this website, please do so on <a href="https://forgejo.sufyaan.cyou/TitanElectrons/sufyaan-website">it's Git repository</a>. Any contribution, no matter how small, is appreciated.</p><p>Here are links to useful pages on this website:<ul><li><a style="color:#bd93f9" href="blog">Blog</a> - View my blog posts on computing, Linux and design.</li><li><a style="color:#ffb86c" href="about">About</a> - View some information about me and find out how to contact me.</li><li><a style="color:#f1fa8c" href="portfolio/">Portfolio</a> - View my designs and projects.</li><li><a style="color:#ff5555" href="links">Links</a> - My pages on other websites and sites I like to browse.</li><li><a style="color:#50fa7b" href="definitions/">Definitions</a> - View the definitions of terms that I use in my <a style="color:#bd93f9" href="blog">blog</a> posts.</li></ul></p><p>I hope you find useful and interesting information on this website!</p><hr/><footer><p class="footer-text"><a style="color:#bd93f9" href="blog">blog</a> - <a style="color:#ffb86c" href="about">about</a> - <a style="color:#f1fa8c" href="portfolio">portfolio</a> - <a style="color:#ff5555" href="links">links</a></p><p class="footer-text" style="font-size:80%"><a href=".">sufyaan.cyou</a></p><p class="footer-text" style="font-size:65%"><a style="color:#aaaaaa" href="sitemap">Site Map</a></p></footer>
<!DOCTYPE html>
<html lang="en">
<head>
<title>(HOMEPAGE) Sufyaan's Webpage</title>
<link rel="icon" type="image/x-icon" href="images/favicon.webp">
<link rel='stylesheet' type='text/css' href="style.css">
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="all">
</head>
<body>
<div style="text-align:center;margin-bottom:-10px"><img src="images/sufyaan.webp"></div>
<hr/>
<p>sf@titan [~/sf.cu]$<code> cat INTRO.md</code></p>
<h1>Greetings, everyone!</h1>
<p>My name is Sufyaan. I am a programmer and brand designer living in Qatar. I know Python and am learning C, JavaScript and shell scripting. I love creating <a style="color:#50fa7b" href="definitions/free-software/">free software</a>. In both programming and designing, I prefer minimalism, following the <a style="color:#50fa7b" href="definitions/unix-philosophy">UNIX Philosophy</a> in software and creating <a style="color:#bd93f9" href="minimal-design/">minimal designs</a>. <strong>My goal is to impact the lives of as many people as possible through design and software.</strong></p>
<p>On this website, I post about anything I find interesting. It may be related to technology, design or even trivial and philosophical things. If I find it interesting, you may find it interesting as well!</p>
<div class="row">
<div class="column">
<h2 class="pane">Useful Pages</h2>
<ul class="pane">
<li><a style="color:#bd93f9" href="blog/">Blog Articles</a> [ <a style="color:#bd93f9" href="rss.xml">RSS</a> ]</li>
<li><a style="color:#ffb86c" href="about/">About Me</a> [ <a style="color:#ffb86c" href="about#contact">contact</a> & <a style="color:#ffb86c" href="about#donate">donate</a> ]</li>
<li><a style="color:#ff5555" href="links/">Links To Useful Websites</a></li>
<li><a style="color:#50fa7b" href="definitions/">Definitions To Technical Terms</a></li>
</ul>
</div>
<div class="column">
<h2 class="pane">Latest Posts</h2>
<ul class="pane">
<li><a style="color:#bd93f9" href="uses/"><i class="fa fa-briefcase" aria-hidden="true"></i>Tools I Use</a></li>
<li><a style="color:#bd93f9" href="fp/"><i class="fa fa-pencil" aria-hidden="true"></i>Writing With Fountain Pens</a></li>
<li><a style="color:#bd93f9" href="minimal-design/"><i class="fa fa-circle-thin" aria-hidden="true"></i>Minimal Design</a></li>
<li><a style="color:#bd93f9" href="vimwiki/"><i class="fa fa-sticky-note" aria-hidden="true"></i>VimWiki Is Terrific</a></li>
<li><a style="color:#bd93f9" href="plaintext/"><i class="fa fa-file-text" aria-hidden="true"></i>Use Plaintext</a></li>
<li><a style="color:#bd93f9" href="blog/"><i class="fa fa-arrow-right" aria-hidden="true"></i>View More</a></li>
</ul>
</div>
<div class="column">
<h2 class="pane">Interesting Stuff</h2>
<ul class="pane">
<li><a style="color:#bd93f9" href="uses/"><i class="fa fa-briefcase" aria-hidden="true"></i>Tools I Use</a></li>
<li><a style="color:#bd93f9" href="browser/"><i class="fa fa-firefox" aria-hidden="true"></i>Browser Setup</a></li>
<li><a style="color:#bd93f9" href="kpst/"><i class="fa fa-key" aria-hidden="true"></i>Password Manager Setup</a></li>
<li><a style="color:#bd93f9" href="vimwiki/"><i class="fa fa-sticky-note" aria-hidden="true"></i>Notes Setup</a></li>
<li><a style="color:#bd93f9" href="sm/"><i class="fa fa-clock-o" aria-hidden="true"></i>Quit Social Media</a></li>
</ul>
</div>
</div>
<hr/>
<footer>
<p class="footer-text"><a style="color:#bd93f9" href="blog">blog</a> - <a style="color:#ffb86c" href="about">about</a> - <a style="color:#f1fa8c" href="portfolio">portfolio</a> - <a style="color:#ff5555" href="links">links</a></p>
<p class="footer-text" style="font-size:80%"><a href=".">sufyaan.cyou</a></p>
<p class="footer-text" style="font-size:65%"><a style="color:#aaaaaa" href="sitemap">Site Map</a></p>
</footer>

@ -4,6 +4,81 @@
<title>Sufyaan's Posts</title>
<link>https://www.sufyaan.cyou/</link>
<description>Blog posts on Sufyaan's website</description>
<item>
<title>Tools I Use</title>
<link>https://www.sufyaan.cyou/uses/</link>
<guid>https://www.sufyaan.cyou/uses/</guid>
<pubDate>Thu, 31 Jul 2023 20:30:00 GMT</pubDate>
<description><h3 id="intro"><i class="fa fa-pencil" aria-hidden="true"></i>Introduction</h3>
<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>
<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>
<li>Gigabyte RTX 3060 Ti</li>
<li><a href="https://www.klevv.com/ken/products_details/memory/Klevv_CrasXRGB">Klevv CrasXRGB 32GB DDR4-3600</a></li>
<li>512GB + 1TB SSDs</li>
</ul>
<p>These are my peripherals:</p>
<ul>
<li><a href="https://www.tecware.co/phantom">Tecware Phantom 104</a> (modded with Akko CS Lavender Purple switches)</li>
<li><a href="https://www.tecware.co/exo">Tecware Exo L</a></li>
<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>
<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>
<li>Intel Core i7-1355U</li>
<li>32GB DDR5</li>
<li>512GB SSD</li>
</ul>
<h3 id="phone"><i class="fa fa-mobile" aria-hidden="true"></i>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>
<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>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>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>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>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>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>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>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>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>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>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>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><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><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>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><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 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>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>
<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></description>
</item>
<item>
<title>Writing With Fountain Pens</title>
<link>https://www.sufyaan.cyou/fp/</link>

@ -37,6 +37,7 @@
</ul>
<h3>Posts</h3>
<ul class="posts">
<li><a style="color:#bd93f9" href="../uses/">Tools I Use</a></li>
<li><a style="color:#bd93f9" href="../fp/">Writing With Fountain Pens</a></li>
<li><a style="color:#bd93f9" href="../minimal-design/">Minimal Design</a></li>
<li><a style="color:#bd93f9" href="../backups/">Taking Proper Backups</a></li>

@ -1,56 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>(HOMEPAGE) Sufyaan's Webpage</title>
<link rel="icon" type="image/x-icon" href="images/favicon.webp">
<link rel='stylesheet' type='text/css' href="style.css">
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="all">
</head>
<body>
<div style="text-align:center;margin-bottom:-10px"><img src="images/sufyaan.webp"></div>
<hr/>
<p>sf@titan [~/sf.cu]$<code> cat INTRO.md</code></p>
<h1>Greetings, everyone!</h1>
<p>My name is Sufyaan. I am a programmer and brand designer living in Qatar. I know Python and am learning C, JavaScript and shell scripting. I love creating <a style="color:#50fa7b" href="definitions/free-software/">free software</a>. In both programming and designing, I prefer minimalism, following the <a style="color:#50fa7b" href="definitions/unix-philosophy">UNIX Philosophy</a> in software and creating <a style="color:#bd93f9" href="minimal-design/">minimal designs</a>. <strong>My goal is to impact the lives of as many people as possible through design and software.</strong></p>
<p>On this website, I post about anything I find interesting. It may be related to technology, design or even trivial and philosophical things. If I find it interesting, you may find it interesting as well!</p>
<div class="row">
<div class="column">
<h2 class="pane">Useful Pages</h2>
<ul class="pane">
<li><a style="color:#bd93f9" href="blog/">Blog Articles</a> [ <a style="color:#bd93f9" href="rss.xml">RSS</a> ]</li>
<li><a style="color:#ffb86c" href="about/">About Me</a> [ <a style="color:#ffb86c" href="about#contact">contact</a> & <a style="color:#ffb86c" href="about#donate">donate</a> ]</li>
<li><a style="color:#ff5555" href="links/">Links To Useful Websites</a></li>
<li><a style="color:#50fa7b" href="definitions/">Definitions To Technical Terms</a></li>
</ul>
</div>
<div class="column">
<h2 class="pane">Latest Posts</h2>
<ul class="pane">
<li><a style="color:#bd93f9" href="fp/"><i class="fa fa-pencil" aria-hidden="true"></i>Writing With Fountain Pens</a></li>
<li><a style="color:#bd93f9" href="minimal-design/"><i class="fa fa-circle-thin" aria-hidden="true"></i>Minimal Design</a></li>
<li><a style="color:#bd93f9" href="vimwiki/"><i class="fa fa-sticky-note" aria-hidden="true"></i>VimWiki Is Terrific</a></li>
<li><a style="color:#bd93f9" href="plaintext/"><i class="fa fa-file-text" aria-hidden="true"></i>Use Plaintext</a></li>
<li><a style="color:#bd93f9" href="torrent/"><i class="fa fa-download" aria-hidden="true"></i>Why You Should Torrent</a></li>
<li><a style="color:#bd93f9" href="blog/"><i class="fa fa-arrow-right" aria-hidden="true"></i>View More</a></li>
</ul>
</div>
<div class="column">
<h2 class="pane">Interesting Stuff</h2>
<ul class="pane">
<li><a style="color:#bd93f9" href="uses/"><i class="fa fa-briefcase" aria-hidden="true"></i>Tools I Use</a></li>
<li><a style="color:#bd93f9" href="browser/"><i class="fa fa-firefox" aria-hidden="true"></i>Browser Setup</a></li>
<li><a style="color:#bd93f9" href="kpst/"><i class="fa fa-key" aria-hidden="true"></i>Password Manager Setup</a></li>
<li><a style="color:#bd93f9" href="vimwiki/"><i class="fa fa-sticky-note" aria-hidden="true"></i>Notes Setup</a></li>
<li><a style="color:#bd93f9" href="sm/"><i class="fa fa-clock-o" aria-hidden="true"></i>Quit Social Media</a></li>
</ul>
</div>
</div>
<hr/>
<footer>
<p class="footer-text"><a style="color:#bd93f9" href="blog">blog</a> - <a style="color:#ffb86c" href="about">about</a> - <a style="color:#f1fa8c" href="portfolio">portfolio</a> - <a style="color:#ff5555" href="links">links</a></p>
<p class="footer-text" style="font-size:80%"><a href=".">sufyaan.cyou</a></p>
<p class="footer-text" style="font-size:65%"><a style="color:#aaaaaa" href="sitemap">Site Map</a></p>
</footer>

@ -11,10 +11,122 @@
<a href="../"><div style="text-align:center"><img src="../images/sufyaan.webp"></div></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><i class="fa fa-calendar" aria-hidden="true"></i>30 July 2023</strong></p><p style="font-size:110%"><i class="fa fa-clock-o" aria-hidden="true"></i><strong>2 min</strong><p style="font-size:110%"><i class="fa fa-arrow-right" aria-hidden="true"></i></strong><a style="color:#ff79c6" href="../blog/technology/"><i class="fa fa-code" aria-hidden="true"></i>Technology</a></p>
<p>Post to be released soon!</p>
<p style="font-size:110%"><strong><i class="fa fa-calendar" aria-hidden="true"></i>31 July 2023</strong></p><p style="font-size:110%"><i class="fa fa-clock-o" aria-hidden="true"></i><strong>4 min</strong><p style="font-size:110%"><i class="fa fa-arrow-right" aria-hidden="true"></i></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>
<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><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>
</ul></li>
<li><a style="color:#ff79c6" href="#software"><i class="fa fa-code" aria-hidden="true"></i>Software</a></li>
<li>
<ul class="pane" style="list-style-type: none;">
<li>Basic</li>
<li>
<ul class="pane" style="list-style-type:none;">
<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>
</ul>
</li>
<li>Utilities</li>
<ul class="pane" style="list-style-type:none;">
<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>
</ul>
<li>Production</li>
<ul class="pane" style="list-style-type:none;">
<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>
</ul>
</ul>
</li>
<li><a style="color:#ff79c6" href="#conclusion"><i class="fa fa-book" aria-hidden="true"></i>Conclusion</a></li>
</ul>
<h3 id="intro"><i class="fa fa-pencil" aria-hidden="true"></i>Introduction</h3>
<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>
<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>
<li>Gigabyte RTX 3060 Ti</li>
<li><a href="https://www.klevv.com/ken/products_details/memory/Klevv_CrasXRGB">Klevv CrasXRGB 32GB DDR4-3600</a></li>
<li>512GB + 1TB SSDs</li>
</ul>
<p>These are my peripherals:</p>
<ul>
<li><a href="https://www.tecware.co/phantom">Tecware Phantom 104</a> (modded with Akko CS Lavender Purple switches)</li>
<li><a href="https://www.tecware.co/exo">Tecware Exo L</a></li>
<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>
<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>
<li>Intel Core i7-1355U</li>
<li>32GB DDR5</li>
<li>512GB SSD</li>
</ul>
<h3 id="phone"><i class="fa fa-mobile" aria-hidden="true"></i>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>
<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>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>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>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>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>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>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>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>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>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>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>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><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><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>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><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 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>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>
<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>
<p style="text-align:center;"><a href="../minimal-design/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../terminal/">First Post</a> <i style="color:#bd93f9" class="fa fa-repeat" aria-hidden="true"></i></p>
<p style="text-align:center;"><a href="../fp/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../terminal/">First Post</a> <i style="color:#bd93f9" class="fa fa-repeat" aria-hidden="true"></i></p>
<hr/>
<footer>
<p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>

Loading…
Cancel
Save