new post + definitions categorisation

main
TitanE 1 year ago
parent ff40eaf6de
commit f9822c3519

@ -34,8 +34,7 @@
<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>
<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="../do-it-yourself/" style="color:#bd93f9"><i class="fa fa-angle-double-left" aria-hidden="true"></i>Previous Post</a></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="../do-it-yourself/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../switching-to-ffmpeg/">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>

@ -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="../"><video autoplay loop muted playsinline class="homepage-title"><source src="../images/sufyaan.webm" type="video/webm"/></video></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="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">
<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="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">01/06/23</code> - <a style="color:#bd93f9" href="switching-to-ffmpeg/"><i class="fa fa-video-camera" aria-hidden="true"></i>Switching To FFmpeg</a></li>
<li><code class="code-posts">27/05/23</code> - <a style="color:#bd93f9" href="dont-use-github/"><i class="fa fa-github" aria-hidden="true"></i>Don't Use GitHub</a></li>
<li><code class="code-posts">19/05/23</code> - <a style="color:#bd93f9" href="do-it-yourself/"><i class="fa fa-plus" aria-hidden="true"></i>Do It Yourself</a></li>
<li><code class="code-posts">13/05/23</code> - <a style="color:#bd93f9" href="tfa-guide/"><i class="fa fa-lock" aria-hidden="true"></i>Start Using 2FA Properly</a></li>

@ -1,5 +1,6 @@
<!DOCTYPE html><html lang="en"><head><title>(SOFTWARE) Sufyaan's Webpage</title><link rel="icon" type="image/x-icon" href="../../images/favicon.webp"><link rel='stylesheet' type='text/css' href="../../style.css"><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="../../"><video autoplay loop muted playsinline class="homepage-title"><source src="../../images/sufyaan.webm" type="video/webm"/></video></a><hr/><p><a href="../../">sf.cu</a> > <a style="color:#bd93f9" href="../">Blog</a> > <a style="color:#ff79c6" href="."><i class="fa fa-laptop" aria-hidden="true"></i>Software</a></p>
<h1 class="homepage-heading"><i class="fa fa-laptop" aria-hidden="true"></i></a>Software</h1><p class="homepage-body">In this category, I post new software I find, information about current software or tricks that can be utilised in current software.</p> <ul class="posts">
<li><code class="code-posts">01/06/23</code> - <a style="color:#bd93f9" href="../switching-to-ffmpeg/"><i class="fa fa-video-camera" aria-hidden="true"></i>Switching To FFmpeg</a></li>
<li><code class="code-posts">27/05/23</code> - <a style="color:#bd93f9" href="../dont-use-github/"><i class="fa fa-github" aria-hidden="true"></i>Don't Use GitHub</a></li>
<li><code class="code-posts">19/05/23</code> - <a style="color:#bd93f9" href="../do-it-yourself/"><i class="fa fa-plus" aria-hidden="true"></i>Do It Yourself</a></li>
<li><code class="code-posts">13/05/23</code> - <a style="color:#bd93f9" href="../tfa-guide/"><i class="fa fa-lock" aria-hidden="true"></i>Start Using 2FA Properly</a></li>

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>(POST) Switching To FFmpeg</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="../../"><video autoplay loop muted playsinline class="homepage-title"><source src="../../images/sufyaan.webm" type="video/webm" /></video></a>
<hr/>
<h1><i class="fa fa-video-camera" aria-hidden="true"></i>Switching To FFmpeg</h1>
<p style="font-size:110%"><strong>Posted on 1 June 2023</strong></p><p><strong>Categories: </strong><a style="color:#ff79c6" href="../software/"><i class="fa fa-laptop" aria-hidden="true"></i>Software</a></p>
<p>I just started using <a href="https://ffmpeg.org/">FFmpeg</a>... and it is <strong>AMAZING!</strong> When I mean amazing, I really mean amazing.</p>
<p>For those of you who do not know what FFmpeg is, it is basically a command-line application that can be installed on all platforms that is basically the Swiss army knife of videos, audio files and images. It merges almost every single codec, encoders and decoders, filters and more in a single application allowing for fast access and modularity.</p>
<p>FFmpeg is one of those tools which have impacted your life without you realising it. Whenever you watch a movie, show or any piece of edited or converted content, there is an extremely high change that FFmpeg was involved.</p>
<p>You may say:</p><p><em>"Bu.. But I use a video editor and online file converters! Those are not FFmpeg!"</em></p>
<p>Most file converters and video editors use at least some FFmpeg. Many websites like YouTube and WhatsApp use FFmpeg directly when they need to compress a video.</p>
<h2><i class="fa fa-question" aria-hidden="true"></i>Why?</h2>
<p>The reason I switched is because of its versatility. You can create a single command to record your screen in lossless quality, save the original file in '.mov', the audio in '.mp3' format in another folder, encode a '.mp4' file, transcode it to be played on Android and trim a specific part of the video and send it to a server that you own.</p>
<p>FFmpeg is a difficult program to learn but the rewards are worth it. I currently have a command that records my screen, converts the audio in the recording from mono to stereo and finally encode it in <a style="color:#50fa7b" href="../../definitions/h264">H.264</a> for ultimate compatibility.</p>
<h2><i class="fa fa-book" aria-hidden="true"></i>To Close The File...</h2>
<p>All in all, you should learn FFmpeg if you do even a little amount of multimedia manipulation. It will help you out immensely.</p>
<p><a href="mailto:sufyaan@counterhawks.com?subject=Switching%20To%20FFmpeg">>>> Reply To Me</a></p>
<p style="text-align:center;"><a href="../dont-use-github/" style="color:#bd93f9"><i class="fa fa-angle-double-left" aria-hidden="true"></i>Previous Post</a></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>
<p class="footer-text" style="font-size:80%; margin-bottom:-0.1%; padding-top:1%">XMR <a href="../../images/xmr.png">(QR)</a>:</p>
<code style="font-size:65%">8A8HeXwULYKWtbujMkGiBYKQPahJCT3ye2N6wCAdEv1L6ipoJjDmfVLKa7XnmE77nGLFmu5dGrL8U4zVGrkDncKEDfkpDEj</code>
<p class="footer-text" style="font-size:80%; margin-bottom:-0.1%;">BTC <a href="../../images/btc.png">(QR)</a>:</p>
<code style="font-size:65%">bc1qj0zdajhrg5uxac036u2t5empuc7xwrds5dde98</code>
</footer>

@ -14,7 +14,7 @@
<a href="../../"><video autoplay loop muted playsinline class="homepage-title"><source src="../../images/sufyaan.webm" type="video/webm" /></video></a>
<hr/>
<p><a href="../../">sf.cu</a> > <a style="color:#50fa7b" href="../">Definitions</a> > <a style="color:#50fa7b" href=".">Arch Linux</a></p>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Arch Linux</h1>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Arch Linux</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><i class="fa fa-code" aria-hidden="true"></i>Software</a></p>
<div style="text-align:center;"><img src="arch-linux.webp" alt="Arch Linux Logo"><figcaption>Arch Linux</figcaption></div>
<p>Arch Linux is a barebones <a style="color:#50fa7b" href="../linux-distribution/">Linux Distribution.</a> It is often referred to as a 'do it yourself' distribution due to the fact that it has the absolute essential packages and nothing else. Everything else, you install yourself. It is also known for the AUR or the Arch User Repository. It is a community-driven repository that has a plethora of packages. It has so many packages that many people switch to Arch Linux because of the AUR. There is no need to add extra repositories like Debian-based distros or RHEL-based distros because almost every package you can think of is on the AUR.</p>
<p>Arch Linux has become a meme in the Linux community. This is because there are many people who say that they use Arch. Due to this, the phrase 'i use arch btw' became famous.</p>

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>(DEFINITIONS) File Extensions</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="../../"><video autoplay loop muted playsinline class="homepage-title"><source src="../../images/sufyaan.webm" type="video/webm" /></video></a>
<hr/>
<p><a href="../../">sf.cu</a> > <a style="color:#50fa7b" href="../">Definitions</a> > <a style="color:#50fa7b" href=".">File Extensions</a></p><h1 style="text-align:center;margin-right:8vw;margin-top:20px;">File Extensions</h1>
<p>These are file extensions that I use in my blog posts.</p>
<h1>H</h1>
<ul><li><a style="color:#50fa7b" href="../h264/">H.264</a></li></ul>
<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>
<p class="footer-text" style="font-size:80%; margin-bottom:-0.1%; padding-top:1%">XMR <a href="../../images/xmr.png">(QR)</a>:</p>
<code style="font-size:65%">8A8HeXwULYKWtbujMkGiBYKQPahJCT3ye2N6wCAdEv1L6ipoJjDmfVLKa7XnmE77nGLFmu5dGrL8U4zVGrkDncKEDfkpDEj</code>
<p class="footer-text" style="font-size:80%; margin-bottom:-0.1%;">BTC <a href="../../images/btc.png">(QR)</a>:</p>
<code style="font-size:65%">bc1qj0zdajhrg5uxac036u2t5empuc7xwrds5dde98</code>
</footer>

@ -14,7 +14,8 @@
<a href="../../"><video autoplay loop muted playsinline class="homepage-title"><source src="../../images/sufyaan.webm" type="video/webm" /></video></a>
<hr/>
<p><a href="../../">sf.cu</a> > <a style="color:#50fa7b" href="../">Definitions</a> > <a style="color:#50fa7b" href=".">Free Software</a></p>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Free Software</h1>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Free Software</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><i class="fa fa-code" aria-hidden="true"></i>Software</a></p>
<div style="text-align:center;">
<img src="free-software.webp" alt="Free Software Foundation">
<figcaption>Free Software Foundation</figcaption>

@ -14,7 +14,8 @@
<a href="../../"><video autoplay loop muted playsinline class="homepage-title"><source src="../../images/sufyaan.webm" type="video/webm" /></video></a>
<hr/>
<p><a href="../../">sf.cu</a> > <a style="color:#50fa7b" href="../">Definitions</a> > <a style="color:#50fa7b" href=".">Git</a></p>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Git</h1>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Git</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><i class="fa fa-code" aria-hidden="true"></i>Software</a></p>
<div style="text-align:center;">
<img src="git.webp" alt="Git">
<figcaption>Git</figcaption>

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>(DEFN) H.264</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="../../"><video autoplay loop muted playsinline class="homepage-title"><source src="../../images/sufyaan.webm" type="video/webm" /></video></a>
<hr/>
<p><a href="../../">sf.cu</a> > <a style="color:#50fa7b" href="../">Definitions</a> > <a style="color:#50fa7b" href=".">H.264</a></p>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">H.264</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../file-extensions/"><i class="fa fa-file" aria-hidden="true"></i>File Extensions</a></p>
<div style="text-align:center;">
<img src="h264.webp" alt="H.264">
<figcaption>H.264</figcaption>
</div>
<p>H.264 is one of the world's most famous video codec. It is an industry standard for video compression. It is also known as <strong>Advanced Video Coding (AVC)</strong> or <strong>MPEG-4 Part 10.</strong></p>
<p>If you casually watch videos online or ones which people send you, you are watching videos encoded in H.264 most of the time.</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>
<p class="footer-text" style="font-size:80%; margin-bottom:-0.1%; padding-top:1%">XMR <a href="../../images/xmr.png">(QR)</a>:</p>
<code style="font-size:65%">8A8HeXwULYKWtbujMkGiBYKQPahJCT3ye2N6wCAdEv1L6ipoJjDmfVLKa7XnmE77nGLFmu5dGrL8U4zVGrkDncKEDfkpDEj</code>
<p class="footer-text" style="font-size:80%; margin-bottom:-0.1%;">BTC <a href="../../images/btc.png">(QR)</a>:</p>
<code style="font-size:65%">bc1qj0zdajhrg5uxac036u2t5empuc7xwrds5dde98</code>
</footer>

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>(DEFINITIONS) Hardware</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="../../"><video autoplay loop muted playsinline class="homepage-title"><source src="../../images/sufyaan.webm" type="video/webm" /></video></a>
<hr/>
<p><a href="../../">sf.cu</a> > <a style="color:#50fa7b" href="../">Definitions</a> > <a style="color:#50fa7b" href=".">Hardware</a></p><h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Hardware</h1>
<p>These definitions all include hardware like laptops and phones.</p>
<h1>L</h1>
<ul><li><a style="color:#50fa7b" href="../linux-phones/">Linux Phones</a></li></ul>
<h1>P</h1>
<ul><li><a style="color:#50fa7b" href="../pre-built-computers/">Pre-Built Computers</a></li></ul>
<h1>S</h1>
<ul><li><a style="color:#50fa7b" href="../security-key/">Security Key</a></li></ul>
<h1>T</h1>
<ul><li><a style="color:#50fa7b" href="../thinkpad/">ThinkPad</a></li></ul>
<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>
<p class="footer-text" style="font-size:80%; margin-bottom:-0.1%; padding-top:1%">XMR <a href="../../images/xmr.png">(QR)</a>:</p>
<code style="font-size:65%">8A8HeXwULYKWtbujMkGiBYKQPahJCT3ye2N6wCAdEv1L6ipoJjDmfVLKa7XnmE77nGLFmu5dGrL8U4zVGrkDncKEDfkpDEj</code>
<p class="footer-text" style="font-size:80%; margin-bottom:-0.1%;">BTC <a href="../../images/btc.png">(QR)</a>:</p>
<code style="font-size:65%">bc1qj0zdajhrg5uxac036u2t5empuc7xwrds5dde98</code>
</footer>

@ -13,8 +13,8 @@
<body>
<a href="../"><video autoplay loop muted playsinline class="homepage-title"><source src="../images/sufyaan.webm" type="video/webm" /></video></a>
<hr/>
<p><a href="../">sf.cu</a> > <a style="color:#50fa7b" href=".">Definitions</a></p>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Definitions</h1>
<p><a href="../">sf.cu</a> > <a style="color:#50fa7b" href=".">Definitions</a></p><h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Definitions</h1><h2>Categories:</h2><ul class="posts"><li><a href="hardware/" style="color:#ff79c6"><i class="fa fa-desktop" aria-hidden="true"></i>Hardware</a></li><li><a href="software/" style="color:#ff79c6"><i class="fa fa-code" aria-hidden="true"></i>Software</a></li><li><a href="file-extensions/" style="color:#ff79c6"><i class="fa fa-file" aria-hidden="true"></i>File Extensions</a></li></ul>
<p>These are all the definitions that I used in my blog posts.</p>
<h1>A</h1>
<ul><li><a style="color:#50fa7b" href="arch-linux/">Arch Linux</a></li></ul>

@ -14,7 +14,8 @@
<a href="../../"><video autoplay loop muted playsinline class="homepage-title"><source src="../../images/sufyaan.webm" type="video/webm" /></video></a>
<hr/>
<p><a href="../../">sf.cu</a> > <a style="color:#50fa7b" href="../">Definitions</a> > <a style="color:#50fa7b" href=".">LineageOS</a></p>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">LineageOS</h1>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">LineageOS</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><i class="fa fa-code" aria-hidden="true"></i>Software</a></p>
<div style="text-align:center;">
<img src="lineageos.webp" alt="LineageOS">
<figcaption>LineageOS</figcaption>

@ -14,7 +14,8 @@
<a href="../../"><video autoplay loop muted playsinline class="homepage-title"><source src="../../images/sufyaan.webm" type="video/webm" /></video></a>
<hr/>
<p><a href="../../">sf.cu</a> > <a style="color:#50fa7b" href="../">Definitions</a> > <a style="color:#50fa7b" href=".">Linux Distribution</a></p>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Linux Distribution</h1>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Linux Distribution</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><i class="fa fa-code" aria-hidden="true"></i>Software</a></p>
<div style="text-align:center;">
<img src="distro.webp" alt="Zorin OS, Fedora, Arch Linux">
<figcaption>Zorin OS, Fedora, Arch Linux</figcaption>

@ -14,7 +14,7 @@
<a href="../../"><video autoplay loop muted playsinline class="homepage-title"><source src="../../images/sufyaan.webm" type="video/webm" /></video></a>
<hr/>
<p><a href="../../">sf.cu</a> > <a style="color:#50fa7b" href="../">Definitions</a> > <a style="color:#50fa7b" href=".">Linux Phones</a></p>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Linux Phones</h1>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Linux Phones</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../hardware/"><i class="fa fa-desktop" aria-hidden="true"></i>Hardware</a></p>
<div style="text-align:center;">
<img src="pinephone-pro.webp" alt="PinePhone Pro by Pine64">
<figcaption>PinePhone Pro by Pine64</figcaption>

@ -14,7 +14,8 @@
<a href="../../"><video autoplay loop muted playsinline class="homepage-title"><source src="../../images/sufyaan.webm" type="video/webm" /></video></a>
<hr/>
<p><a href="../../">sf.cu</a> > <a style="color:#50fa7b" href="../">Definitions</a> > <a style="color:#50fa7b" href=".">Malicious Software [malware]</a></p>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Malicious Software [malware]</h1>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Malicious Software [malware]</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><i class="fa fa-code" aria-hidden="true"></i>Software</a></p>
<div style="text-align:center;">
<img src="wannacry.webp" alt="WannaCry Ransomware">
<figcaption>WannaCry Ransomware</figcaption>

@ -14,7 +14,8 @@
<a href="../../"><video autoplay loop muted playsinline class="homepage-title"><source src="../../images/sufyaan.webm" type="video/webm" /></video></a>
<hr/>
<p><a href="../../">sf.cu</a> > <a style="color:#50fa7b" href="../">Definitions</a> > <a style="color:#50fa7b" href=".">Non-Free Software</a></p>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Non-Free Software</h1>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Non-Free Software</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><i class="fa fa-code" aria-hidden="true"></i>Software</a></p>
<div style="text-align:center;">
<img src="non-free.webp" alt="Non-Free Software">
<figcaption>Non-Free Software</figcaption>

@ -14,7 +14,8 @@
<a href="../../"><video autoplay loop muted playsinline class="homepage-title"><source src="../../images/sufyaan.webm" type="video/webm" /></video></a>
<hr/>
<p><a href="../../">sf.cu</a> > <a style="color:#50fa7b" href="../">Definitions</a> > <a style="color:#50fa7b" href=".">Operating System</a></p>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Operating System</h1>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Operating System</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><i class="fa fa-code" aria-hidden="true"></i>Software</a></p>
<div style="text-align:center;">
<img src="operating-system.webp" alt="The three major operating systems (left to right): Windows (by Microsoft), Linux-based opearting systems, MacOS (by Apple)">
<figcaption>Windows, Linux, MacOS</figcaption>

@ -14,7 +14,7 @@
<a href="../../"><video autoplay loop muted playsinline class="homepage-title"><source src="../../images/sufyaan.webm" type="video/webm" /></video></a>
<hr/>
<p><a href="../../">sf.cu</a> > <a style="color:#50fa7b" href="../">Definitions</a> > <a style="color:#50fa7b" href=".">Pre-Built Computer</a></p>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Pre-Built Computer</h1>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Pre-Built Computer</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../hardware/"><i class="fa fa-desktop" aria-hidden="true"></i>Hardware</a></p>
<div style="text-align:center;">
<img src="prebuilt.webp" alt="Gaming & Workstation Pre-Built Computers">
<figcaption>Gaming & Workstation Pre-Built Computers</figcaption>

@ -14,7 +14,8 @@
<a href="../../"><video autoplay loop muted playsinline class="homepage-title"><source src="../../images/sufyaan.webm" type="video/webm" /></video></a>
<hr/>
<p><a href="../../">sf.cu</a> > <a style="color:#50fa7b" href="../">Definitions</a> > <a style="color:#50fa7b" href=".">PRISM [NSA]</a></p>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">PRISM [NSA]</h1>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">PRISM [NSA]</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><i class="fa fa-code" aria-hidden="true"></i>Software</a></p>
<div style="text-align:center;">
<img src="prism.webp" alt="Providers & companies which joined the PRISM program.">
<figcaption>Providers & companies which joined the PRISM program.</figcaption>

@ -14,7 +14,7 @@
<a href="../../"><video autoplay loop muted playsinline class="homepage-title"><source src="../../images/sufyaan.webm" type="video/webm" /></video></a>
<hr/>
<p><a href="../../">sf.cu</a> > <a style="color:#50fa7b" href="../">Definitions</a> > <a style="color:#50fa7b" href=".">Security Key</a></p>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Security Key</h1>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Security Key</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../hardware/"><i class="fa fa-desktop" aria-hidden="true"></i>Hardware</a></p>
<div style="text-align:center;">
<img src="yubico.webp" alt="Yubico C Bio">
<figcaption>Yubico C Bio</figcaption>

@ -14,7 +14,8 @@
<a href="../../"><video autoplay loop muted playsinline class="homepage-title"><source src="../../images/sufyaan.webm" type="video/webm" /></video></a>
<hr/>
<p><a href="../../">sf.cu</a> > <a style="color:#50fa7b" href="../">Definitions</a> > <a style="color:#50fa7b" href=".">Self-Host</a></p>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Self-Host</h1>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Self-Host</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><i class="fa fa-code" aria-hidden="true"></i>Software</a></p>
<div style="text-align:center;">
<img src="self-host.webp" alt="Raspberry Pi 4, a credit-card sized computer often used for self-hosting">
<figcaption>Raspberry Pi 4, a credit-card sized computer often used for self-hosting</figcaption>

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>(DEFINITIONS) Software</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="../../"><video autoplay loop muted playsinline class="homepage-title"><source src="../../images/sufyaan.webm" type="video/webm" /></video></a>
<hr/>
<p><a href="../../">sf.cu</a> > <a style="color:#50fa7b" href="../">Definitions</a> > <a style="color:#50fa7b" href=".">Software</a></p><h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Software</h1>
<p>These definitions are related to software like operating systems.</p>
<h1>A</h1>
<ul><li><a style="color:#50fa7b" href="../arch-linux/">Arch Linux</a></li></ul>
<h1>F</h1>
<ul><li><a style="color:#50fa7b" href="../free-software/">Free Software</a></li></ul>
<h1>G</h1>
<ul><li><a style="color:#50fa7b" href="../git/">Git</a></li></ul>
<h1>L</h1>
<ul><li><a style="color:#50fa7b" href="../lineageos/">LineageOS</a></li></ul>
<ul><li><a style="color:#50fa7b" href="../linux-distribution/">Linux Distribution</a></li></ul>
<h1>M</h1>
<ul><li><a style="color:#50fa7b" href="../malware/">Malicious Software [malware]</a></li></ul>
<h1>N</h1>
<ul><li><a style="color:#50fa7b" href="../non-free/">Non-Free Software</a></li></ul>
<h1>O</h1>
<ul><li><a style="color:#50fa7b" href="../operating-system/">Operating System</a></li></ul>
<h1>P</h1>
<ul><li><a style="color:#50fa7b" href="../prism/">PRISM (NSA)</a></li></ul>
<h1>S</h1>
<ul><li><a style="color:#50fa7b" href="../self-host/">Self-Host</a></li></ul>
<h1>U</h1>
<ul><li><a style="color:#50fa7b" href="../unix-philosophy/">UNIX Philosophy</a></li></ul>
<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>
<p class="footer-text" style="font-size:80%; margin-bottom:-0.1%; padding-top:1%">XMR <a href="../../images/xmr.png">(QR)</a>:</p>
<code style="font-size:65%">8A8HeXwULYKWtbujMkGiBYKQPahJCT3ye2N6wCAdEv1L6ipoJjDmfVLKa7XnmE77nGLFmu5dGrL8U4zVGrkDncKEDfkpDEj</code>
<p class="footer-text" style="font-size:80%; margin-bottom:-0.1%;">BTC <a href="../../images/btc.png">(QR)</a>:</p>
<code style="font-size:65%">bc1qj0zdajhrg5uxac036u2t5empuc7xwrds5dde98</code>
</footer>

@ -2,7 +2,7 @@
<html lang="en">
<head>
<title>(DEFINITION) Sufyaan's Webpage</title>
<title>(DEFN) 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">

@ -14,7 +14,7 @@
<a href="../../"><video autoplay loop muted playsinline class="homepage-title"><source src="../../images/sufyaan.webm" type="video/webm" /></video></a>
<hr/>
<p><a href="../../">sf.cu</a> > <a style="color:#50fa7b" href="../">Definitions</a> > <a style="color:#50fa7b" href=".">ThinkPad</a></p>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">ThinkPad</h1>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">ThinkPad</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../hardware/"><i class="fa fa-desktop" aria-hidden="true"></i>Hardware</a></p>
<div style="text-align:center;">
<img src="thinkpad.webp" alt="ThinkPad T500">
<figcaption>ThinkPad T500</figcaption>

@ -14,7 +14,8 @@
<a href="../../"><video autoplay loop muted playsinline class="homepage-title"><source src="../../images/sufyaan.webm" type="video/webm" /></video></a>
<hr/>
<p><a href="../../">sf.cu</a> > <a style="color:#50fa7b" href="../">Definitions</a> > <a style="color:#50fa7b" href=".">UNIX Philosophy</a></p>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">UNIX Philosophy</h1>
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">UNIX Philosophy</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><i class="fa fa-code" aria-hidden="true"></i>Software</a></p>
<div style="text-align:center;">
<img src="unix-philosophy.webp" alt="UNIX Philosophy (simplified)">
<figcaption>UNIX Philosophy (simplified)</figcaption>

@ -1 +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><a href="."><video autoplay loop muted playsinline class="homepage-title"><source src="images/sufyaan.webm" type="video/webm"/></video></a><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><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><p class="footer-text" style="font-size:80%; margin-bottom:-0.1%; padding-top:1%">XMR <a href="images/xmr.png">(QR)</a>:</p><code style="font-size:65%">8A8HeXwULYKWtbujMkGiBYKQPahJCT3ye2N6wCAdEv1L6ipoJjDmfVLKa7XnmE77nGLFmu5dGrL8U4zVGrkDncKEDfkpDEj</code><p class="footer-text" style="font-size:80%; margin-bottom:-0.1%;">BTC <a href="images/btc.png">(QR)</a>:</p><code style="font-size:65%">bc1qj0zdajhrg5uxac036u2t5empuc7xwrds5dde98</code></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"></head><body><a href="."><video autoplay loop muted playsinline class="homepage-title"><source src="images/sufyaan.webm" type="video/webm"/></video></a><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><p class="footer-text" style="font-size:80%; margin-bottom:-0.1%; padding-top:1%">XMR <a href="images/xmr.png">(QR)</a>:</p><code style="font-size:65%">8A8HeXwULYKWtbujMkGiBYKQPahJCT3ye2N6wCAdEv1L6ipoJjDmfVLKa7XnmE77nGLFmu5dGrL8U4zVGrkDncKEDfkpDEj</code><p class="footer-text" style="font-size:80%; margin-bottom:-0.1%;">BTC <a href="images/btc.png">(QR)</a>:</p><code style="font-size:65%">bc1qj0zdajhrg5uxac036u2t5empuc7xwrds5dde98</code></footer>

@ -36,6 +36,7 @@
</ul>
<h3>Posts</h3>
<ul class="posts">
<li><a style="color:#bd93f9" href="../blog/switching-to-ffmpeg/">Switching To FFmpeg</a></li>
<li><a style="color:#bd93f9" href="../blog/dont-use-github/">Don't Use GitHub</a></li>
<li><a style="color:#bd93f9" href="../blog/do-it-yourself/">Do It Yourself</a></li>
<li><a style="color:#bd93f9" href="../blog/tfa-guide/">Start Using 2FA Properly</a></li>

Loading…
Cancel
Save