init
@ -0,0 +1,16 @@
|
||||
# Greetings, everyone!
|
||||
|
||||
My name is Sufyaan and I welcome you to my **personal website!**
|
||||
|
||||
I am a brand designer but my interests are in computing. I love using [libre software](https://www.gnu.org/philosophy/free-sw.en.html) that follows the [UNIX philosophy.](https://hackaday.com/2018/09/10/doing-one-thing-well-the-unix-philosophy)
|
||||
|
||||
I like to spend my free time tinkering around with my computer and learning about new innovations in both the technology and design industries.
|
||||
|
||||
On this website, I post on my blog about a plethora of topics that I am interested in like:
|
||||
* Computing
|
||||
* GNU/Linux
|
||||
* Design
|
||||
* Announcements
|
||||
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.
|
||||
|
||||
If you would like to contribute to this website, please do so on [Codeberg](https://codeberg.org/TitanE/sufyaan-website). Any contribution, no matter how small, is appreciated.
|
@ -1,4 +1,19 @@
|
||||
# sufyaan-website
|
||||
# Sufyaan's Website (sufyaan.cyou)
|
||||
|
||||
|
||||
Backup repository of Sufyaan's personal website (sufyaan.cyou).
|
||||
## Greetings!
|
||||
|
||||
[`sufyaan.cyou`](https://sufyaan.cyou/) is a website that was created by `Sufyaan (TitanElectrons)`. I am interested in computing, [`free software`](https://sufyaan.cyou/definitions/free-software), design and the [`UNIX philosophy`](https://sufyaan.cyou/definitions/unix-philosophy). I post on this website's blog regularly, more than any other website. It includes the following pages:
|
||||
|
||||
* [`Blog`](https://sufyaan.cyou/blog)
|
||||
* [`About`](https://sufyaan.cyou/about)
|
||||
* [`Portfolio`](https://sufyaan.cyou/portfolio)
|
||||
* [`Links`](https://sufyaan.cyou/links)
|
||||
|
||||
## Technologies Used
|
||||
|
||||
* `HTML` - structure of website
|
||||
* `CSS` - style of website
|
||||
|
||||
### Why no JavaScript?
|
||||
|
||||
Nowadays, most websites are incredibly bloated. A website designed to show you information quickly is slowed down by `JavaScript`. Even more shockingly, the website does not need `JavaScript` but the developers of the website try to do everything else they can to make the website load faster. They try minifying `HTML` & `CSS` to save space, they try optimizing their cache policies to make their website faster and even use a CDN. However, they never think about stopping the use of *unnecessary* `JavaScript` (`JavaScript` should only be used when needed). This, in my opinion, is not good and we should go back to the olden days of the web when all websites used to load in a snap and also look just as good as today's websites.
|
||||
|
@ -0,0 +1,52 @@
|
||||
-----BEGIN PGP PUBLIC KEY BLOCK-----
|
||||
|
||||
mQINBGRJALwBEADPimudIbtAV1q+9DKZ0YlXzwtE3hHdniXTzSBm/KBgvHM8qXXw
|
||||
jTRSWCe2faa3kQBvLR+DU+Gz20V2NvzuT8S6eFn9y321EL5yZ3B9GyfTR36VgC4C
|
||||
FIHkgLc0WwOLioLmVpp1oXMz0Bs1bLw6GoEcmbJp3TJhC4mcYdsY0Vw5LpfWarSn
|
||||
XdCa/0/O8xTV1Oi8fa07yIlloESgxAYiTwc/LzUFEbvyU9vXq+gIQQ4hlvQ+nPh8
|
||||
+WUb400fF/iKIXQGEnKyaQSGLtUy2KGiFP5QmpGQXeUD7xET2rON9oC9FBV/PYR0
|
||||
2I+kINiUc50goK/vT8Ov2/GhgCj1fufTOLU31O0+4C5JN9FFz4vaL4AcvyK1qvNh
|
||||
YfFKfMpD3zfmMXDZ5q5tb04yNSDFN1DJ2NkKoT/c7mKdb7s3cGDqJk1uq3xBsDqf
|
||||
o76MVzBDtMHuFHG855nvOMi9cKiyD4YsXUuEP0UUDCluSOq4DqBqFKFc6N8SFlVo
|
||||
OJVvN0jqTE+UTASVu/FCIxgGwOaw6WBfGTc5oIovU73OQFf/sMtJ9aL/bJQkVZ/k
|
||||
YG0xUUszHxgKY+WO1Na0ypniXoyX1MTHypoiLu9N1VmGxNUSPZtRyh8/RD+kFMeH
|
||||
RnkvIXGeYpQXftyruc7XgspMOE1/JwZgN7Lz27AZUP2PnNEZfMu+8cTRkwARAQAB
|
||||
tDRTdWZ5YWFuIEEuIChQdWJsaWMgRW1haWwpIDxzdWZ5YWFuQGNvdW50ZXJoYXdr
|
||||
cy5jb20+iQJUBBMBCAA+FiEEfMkrZf7FXD/MNSiRZjVe3fTls+wFAmRJALwCGwMF
|
||||
CQHhM4AFCwkIBwIGFQoJCAsCBBYCAwECHgECF4AACgkQZjVe3fTls+z5xg/8Cbg/
|
||||
OGKvMRvvhXoPowY/RH7gj42w5/LkithRkFi8L5BByJCS1GDxXGp+LnzfIDb1PYWn
|
||||
5eHF6o6DhvWqS8qsHvpQL7OXWCDZRz3NVvLfWO2Ybi3kN7PY6BAuM7n5xZIwkA4N
|
||||
M93j/ulbZ65hO/7hotJ2TtnzEEh/eV/rP0XeCHOnNBPOJg1NgofAsjDjRyI+2qzA
|
||||
Muk+dQBwwSs5HgMNouQJiPi0Gmr8Fs1IK5HD1hKZBf8euG4QTGBHATVRB+PBqVes
|
||||
QbuojZN/KLgjwoGPop2rbNMfCOLSrCBcDopIc5KPLC7qrj4chQi6xPFRZpdz4NVd
|
||||
Nf2+6kRox8/xJ1XOCpN1gzsxDnIHrl/CG1aF8HxvxDpySj4qyMfv8rMi5dDsfthN
|
||||
zzmXnqanPgWvYo2V6lLOkyQwCBBIX13HVC23fGFvWZZU9OcogCfz7KPxsbJ4Ydrh
|
||||
BAus5/cEHKEfssLWQ195CdcBXEa9YMjcgKPp86EmcRbl1gegVHmy79plHbNuX8oC
|
||||
73Bf7UdmSPfufjQougxFJPdEGvS/vd9Sj1LSbMsjSnLho++SkKvUTkV3Qf4kQSbP
|
||||
ICumGVFnJni4v/C/HqdgshDOgmAoY0xYlaC1LD7reUAs7YsTBwj9/ZncfQ5C2PTd
|
||||
/xpPvDS/XXZWsktjMZUJMOOBtxjOPoykVTLE4BS5Ag0EZEkAvAEQANMN3IKHDdmd
|
||||
aBQ2lYGArwJiRrQMzybgV06rkfHGgfk4ECwI8CEDG9TD80U1IqK7yf1j09tiHp4W
|
||||
nY34sQRdHiSqcGJsA0wLRUGaL4tV2/8axJKV/CfkvpBy5DONtK+HdGNr+rTnoIfT
|
||||
/2g1CpcJWAOf5yHtOitaFD/uH6ws0nVH6VaoDn1QY8n4bjp1NRPJwCFLI6oAHwwl
|
||||
UpVk0LMDIGk+9Eoq3o/+0B0lF9mdMMxGjk39k8B3S2CqwWf0CCKhu0goIIUEGHx2
|
||||
a7sNBB/yklrP3LzK+ovJLeg0yVVB4m5/GoevInzQsA8Z0TgT0Np1hiQoTmB5hZIz
|
||||
+m2Dg57dFD5/2ulfKmwm0ZO8X5fgAagINGR6ZX/d/IImwr/m54tl1NAWmhShTe/w
|
||||
dwd9JQQZ/gdYBtNLCpSZBaqHLVjUpbaVmRkDzDqb4FHkEVyaSIJmNESIOM3Mg5Dq
|
||||
4Jo6/RgtArU6gjfnN30uTG8jqX2HrZL/9B1GuEpeXZyds/ZzDHn3Wz4ZM4jcTNGF
|
||||
qc3fYWqHVWGy3adVwrQH19ale23cGb4kH0/bHIEkUdIrNILaaC+HKXUjC+OyZuHy
|
||||
Mc/t56qPbfn2XatQm3BqskfU192+kevhoXBtuBtUKgVDxEIg5PziPEfNXwZkuuxj
|
||||
cn1A4gn0nr70h2PYLkR6W+9IdOIOov/pABEBAAGJAjwEGAEIACYWIQR8yStl/sVc
|
||||
P8w1KJFmNV7d9OWz7AUCZEkAvAIbDAUJAeEzgAAKCRBmNV7d9OWz7LO+D/9oUemb
|
||||
P3fqHGIculroyUoU16ZMbUXc568gsV4WWYyWqXq1OdQXNQmAmOQ6yhHJTEUrz4Dy
|
||||
5Ty9GHI8lyYbmz5x14VA50U/aX0ICLqB3WJOCWddsDXmiSfwBCY2G8wLbWuOk5Bx
|
||||
FhOQ7qEgUC/j+LRER/gEcfbCEnv3YMpm1f4Bxis9j/7mqecTKgkA6I3q8p7lG+t3
|
||||
HWigs0KUeqPd2fpPfrch1+MITi4Y6SbBE+26a0EAb3ByADr4wjjwGRqohh9HD0xP
|
||||
T6HQaoEbOoydTYUZr6I5kZAEV6Q007HrD6+NaPr3qsiQZ1+68VQbN5nddiNArtWW
|
||||
Mdtvufdc5gjLYHIRcv8intJm2aguFHtyb15GQEbD2vQWeCDFo4nyfWzk7L2647/3
|
||||
Tc6vNjfP6rQIcnP+VSsu7LHnS+YA3+Cq3eJNf9UrVdeo+euPRUwNy7ZhYhxy0CdV
|
||||
kjRCvfbxfOxup8mqWX8BADdchfSY/t7jUmp81Xru3cpeaEgpsGJBLorx/xX52AI3
|
||||
ElxiZDw/pAuNlcHtAKl1gBy/JsCM6m6lWKE8cJNDWupFlT27sVmxl36KFoU1oWw9
|
||||
AF9c32Q1eg9Wvv3QNSc3k5sIyso7L94ehIt7JUbPEX+I9KTnd7hQL/Z2CAAeV16v
|
||||
ubG710e7Weyn/GeBMfWOx3Pe3em6t+zFje0r+A==
|
||||
=TyY2
|
||||
-----END PGP PUBLIC KEY BLOCK-----
|
@ -0,0 +1 @@
|
||||
<!DOCTYPE html><html lang="en"><head><title>(ABOUT) 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:#ffb86c" href=".">About</a></p><h1><i class="fa fa-user" aria-hidden="true"></i>Contact</h1><p>If you would like to contact me, please keep reading.</p><h2>Email</h2><p>My preferred way of communication is email. However, it is incredibly insecure. Therefore, I request you to <a href="../blog/email-encrypt">encrypt your emails</a> with me.</p><p>My email is <code><a style="color:#ffb86c" href="mailto:sufyaan@counterhawks.com">sufyaan@counterhawks.com</a> <a href="files/sufyaan.gpg">[public key]</a>.</code></p><p>Fingerprint: <code>7CC9 2B65 FEC5 5C3F CC35 2891 6635 5EDD F4E5 B3EC</code></p><p>Please note that <strong>all emails (both encrypted & plaintext)</strong> from me will be signed with my public key.</p><h2>Websites</h2><p>I am not active on most social media platforms. Please read <a href="../blog/social-media">this post</a> to find out why. Below are the only social media platforms I am on:</p><ul><li><a href="https://www.youtube.com/c/TitanElectrons">YouTube</a></li><li><a href="https://www.behance.net/titanelectrons">Behance</a></li><li><a href="https://www.linkedin.com/in/titanelectrons">LinkedIn</a></li></ul><p>As aforementioned, I am not active on these platforms. I post rarely. This is the only website on which I post regularly.</p><p>I post branding and design related content on these websites.</p><hr/><footer><p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href=".">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,26 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>(POST) 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/>
|
||||
<h1><i class="fa fa-cloud-upload" aria-hidden="true"></i>Taking Proper Backups</h1>
|
||||
<p>This post will be posted soon!</p>
|
||||
<hr/>
|
||||
<footer>
|
||||
<p class="footer-text"><a href="../../blog">blog</a> - <a href="../../contact">contact</a> - <a href="../../portfolio">portfolio</a> - <a 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: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,2 @@
|
||||
<!DOCTYPE html><html lang="en"><head><title>(POST) 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:#bd93f9" href=".">Keep Crypto Off Exchanges</a></p><h1><i class="fa fa-btc" aria-hidden="true"></i>Keep Crypto Off Exchanges</h1><p style="font-size:110%"><strong>Posted on 14 March 2023</strong></p><strong><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><i class="fa fa-laptop" aria-hidden="true"></i>Software</a> && <a style="color:#ff79c6" href="../technology/"><i class="fa fa-code" aria-hidden="true"></i>Technology</a></p/>
|
||||
<p>In this article, we will discover why it is horrible to keep cryptocurrency on exchanges. If you do not have time to read this article, please stop keeping your cryptocurrencies on exchanges. If you do, your crypto may get stolen or lost. If you are interested in the details, please keep reading.</p><h2><i class="fa fa-credit-card-alt" aria-hidden="true"></i>Lack of Ownership</h2><p>When you keep cryptocurrencies on exchanges like Coinbase, they have your private keys. Anyone who has your private keys can manage your wallet as if it is their own. They can send, receive and do whatever they want with your wallet. Even if the exchange you are trading on is trusted, <a href="https://www.investopedia.com/terms/m/mt-gox.asp">if they shut down, you will lose your crypto.</a> This happened a few times before and thousands of people lost all of their crypto. This is why exchanges should be used for what they are good at; purchasing crypto. Keep exchanges only for one purpose.</p><h2><i class="fa fa-gavel" aria-hidden="true"></i>No Regulation</h2><p>Currently, the whole crypto exchange industry has a severe lack of regulation. The fact that exchanges have your private keys means that <strong>they can freeze your account which would cut off your access to your own crypto.</strong> Governments can request such freezes. This may seem improbable but <a href="https://www.ccn.com/south-koreas-biggest-cryptocurrency-exchange-investigated-by-local-police-market-drops/">it happened in South Korea.</a></p><h2><i class="fa fa-laptop" aria-hidden="true"></i>Hacking</h2><p>Even if the exchange you are trading on is secure, they may store your private keys in plaintext. This happens much more than people think. If this happens, hackers can easily take control of people's wallets and send all the crypto to themselves. If a hack like this happens through Bitcoin, it can at least be tracked. However, many hackers convert their crypto to Monero which cannot be tracked. If this happens, you will never get your money back unless the hacker decides to return the money.</p><h2><i class="fa fa-book" aria-hidden="true"></i>Conclusion</h2><p>To sum it up, you should never store your crypto on exchanges because you do not own your own crypto. There is little regulation and your account or the exchange can also be hacked. All of these pose serious risks to your crypto. Just get a wallet like Electrum or Monero and start using it.</p><p><a href="mailto:sufyaan@counterhawks.com?subject=Keep%20Crypto%20Off%20Exchanges">>>> Reply To Me</a></p><p style="text-align:center;"><a href="../terminal-apps/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../email-encrypt/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i><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,37 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>(POST) 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:#bd93f9" href=".">Do It Yourself</a></p>
|
||||
<h1><i class="fa fa-plus" aria-hidden="true"></i>Do It Yourself</h1>
|
||||
<p style="font-size:110%"><strong>Posted on 19 May 2023</strong></p><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><i class="fa fa-laptop" aria-hidden="true"></i>Software</a></p>
|
||||
<p>With regards to technology, the average person would rather buy a new computer when their WiFi stops working instead of taking it to a repair shop or fixing it themselves. They would rather buy a new smartphone when their screen cracks than repair it. They would also rather buy a device because of its looks and arbitrary specifications than one specific to their use case and their interests. They focus on the marketing of a company and become 'fanboys' of a specific company, buying nothing but their products, stating that the company in question makes the best products in the world. Self-servicing and repairability are not even factors in their decision to buy a device.
|
||||
</p>
|
||||
<p>As an example, a plethora of technology enthusiasts still buy <a style="color:#50fa7b" href="../../definitions/thinkpad">ThinkPads</a> to this day. When others look at <a style="color:#50fa7b" href="../../definitions/thinkpad">ThinkPads</a>, they think whoever buys them is not making a good decision. They think <a style="color:#50fa7b" href="../../definitions/thinkpad">ThinkPads</a> look ugly. They do not focus on the usability of a device. <a style="color:#50fa7b" href="../../definitions/thinkpad">ThinkPads</a> are used because of their durability, repairability, fast performance, and more. The fact that they are made for businesses means that there is no profit for Lenovo in letting a ThinkPad break early. Instead, they earn money by selling long-lasting and durable devices that last individuals for years on end.</p>
|
||||
<p>Instead of buying ThinkPads that <em>function</em> amazingly, people go for looks that <em>impress</em> amazingly. A computer is a device designed to perform computation. If you are shelling out a lot of money, you should have a device that performs fast and can be repaired by you.</p>
|
||||
<p>What I have realized is that you should 'do it yourself' as much as possible. This is why my computer is custom-built. Had I bought a <a style="color:#50fa7b" href="../../definitions/pre-built-computers/">pre-built computer,</a> I would have never known what was inside my computer. This is tedious on smartphones since they are becoming more and more locked down. <a style="color:#50fa7b" href="../../definitions/linux-phones">Linux phones</a> are alternatives but they are not great as of 2023. I hope they become mainstream soon because I want to buy one.</p>
|
||||
<p>Doing it yourself also helps in terms of software. I used to flash custom ROMs on my old phone and used <a style="color:#50fa7b" href="../../definitions/lineageos">LineageOS</a> extensively. Now, I use <a style="color:#50fa7b" href="../../definitions/arch-linux">Arch Linux</a> on my computer, which is a <a style="color:#50fa7b" href="../../definitions/linux-distribution">Linux distribution</a> that is basically barebones. It has only the packages required to boot up. Everything else is done by you. The advantage of an <a style="color:#50fa7b" href="../../definitions/operating-system">operating system</a> like this is that you know what runs on your system and there is minimal resource usage. If there is an issue, you can easily find out which program it is from and fix it immediately after gaining knowledge.</p>
|
||||
<h2><i class="fa fa-book" aria-hidden="true"></i>Conclusion</h2>
|
||||
<p>You should try to 'do it yourself'. Take control of your hardware and software and know what you are running. It will not only be cheaper, but it will make it easier to fix issues and learn about computing and technology in the long run.</p>
|
||||
<p><a href="mailto:sufyaan@counterhawks.com?subject=Do%20It%20Yourself">>>> Reply To Me</a></p>
|
||||
<p style="text-align:center;"><a href="../tfa-guide/" 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>
|
@ -0,0 +1 @@
|
||||
<!DOCTYPE html><html lang="en"><head><title>(POST) 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:#bd93f9" href=".">Eid Mubarak!</a></p><h1><i class="fa fa-moon-o" aria-hidden="true"></i>Eid Mubarak!</h1><p style="font-size:110%"><strong>Posted on 21 April 2023</strong></p><strong><p>Categories: </strong><a style="color:#ff79c6" href="../other/"><i class="fa fa-plus" aria-hidden="true"></i>Other</a></p><p>I would like to wish an 🌙 <strong>AUSPICIOUS EID</strong> 🌙 to you and your family!</p><p><a href="mailto:sufyaan@counterhawks.com?subject=Eid%20Mubarak!">>>> Reply To Me</a></p><p style="text-align:center;"><a href="../doas-sudo/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../passwd-2023/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i><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>
|
After Width: | Height: | Size: 8.5 KiB |
After Width: | Height: | Size: 21 KiB |
After Width: | Height: | Size: 870 B |
After Width: | Height: | Size: 4.8 KiB |
@ -0,0 +1,10 @@
|
||||
<!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> > <a style="color:#ff79c6" href="."><i class="fa fa-book" aria-hidden="true"></i>Guides</a></p>
|
||||
<h1 class="homepage-heading"><i class="fa fa-book" aria-hidden="true"></i></a>Guides</h1><p class="homepage-body">In this category, I post guides about computing and technology.</p><ul class="posts">
|
||||
<li><code class="code-posts">13/05/23</code> - <a style="color:#bd93f9" href="../tfa-guide/"><i class="fa fa-lock" aria-hidden="true"></i>Start Using 2FA Properly</a></li>
|
||||
<li><code class="code-posts">02/05/23</code> - <a style="color:#bd93f9" href="../passwd-2023"><i class="fa fa-unlock" aria-hidden="true"></i>Password Systems</a></li>
|
||||
<li><code class="code-posts">20/04/23</code> - <a style="color:#bd93f9" href="../doas-sudo"><i class="fa fa-key" aria-hidden="true"></i>Use Doas Instead Of Sudo</a></li>
|
||||
<li><code class="code-posts">20/04/23</code> - <a style="color:#bd93f9" href="../social-media"><i class="fa fa-clock-o" aria-hidden="true"></i>Stop Using Social Media</a></li>
|
||||
<li><code class="code-posts">22/03/23</code> - <a style="color:#bd93f9" href="../discord-account"><i class="fa fa-times-circle" aria-hidden="true"></i>Delete Your Discord Account</a></li>
|
||||
<li><code class="code-posts">14/03/23</code> - <a style="color:#bd93f9" href="../email-encrypt"><i class="fa fa-lock" aria-hidden="true"></i>How To Encrypt Emails</a></li>
|
||||
</ul>
|
||||
<p class="homepage-body">You have read the last page!</p><hr/><footer><p class="footer-text"><a style="color:#bd93f9" href=".">blog</a> - <a style="color:#ffb86c" href="../../about">about</a> - <a style="color:#f1fa8c" href="../../portfolio">portfolio</a> - <a style="color:#ff5555" href="../../links">links</a></p><p class="footer-text" style="font-size:80%"><a href="../../">sufyaan.cyou</a></p><p class="footer-text" style="font-size:65%"><a style="color:#aaaaaa" href="../../sitemap">Site Map</a></p><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,16 @@
|
||||
<!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">
|
||||
<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>
|
||||
<li><code class="code-posts">07/05/23</code> - <a style="color:#bd93f9" href="public-insta/"><i class="fa fa-instagram" aria-hidden="true"></i>Instagram Deleted!</a></li>
|
||||
<li><code class="code-posts">06/05/23</code> - <a style="color:#bd93f9" href="metal-usb/"><i class="fa fa-usb" aria-hidden="true"></i>Buy Only Metal USBs</a></li>
|
||||
<li><code class="code-posts">02/05/23</code> - <a style="color:#bd93f9" href="passwd-2023"><i class="fa fa-unlock" aria-hidden="true"></i>Password Systems</a></li>
|
||||
<li><code class="code-posts">21/04/23</code> - <a style="color:#bd93f9" href="eid-mubarak-2023"><i class="fa fa-moon-o" aria-hidden="true"></i>Eid Mubarak!</a></li>
|
||||
<li><code class="code-posts">20/04/23</code> - <a style="color:#bd93f9" href="doas-sudo"><i class="fa fa-key" aria-hidden="true"></i>Use Doas Instead Of Sudo</a></li>
|
||||
<li><code class="code-posts">20/04/23</code> - <a style="color:#bd93f9" href="social-media"><i class="fa fa-clock-o" aria-hidden="true"></i>Stop Using Social Media</a></li>
|
||||
<li><code class="code-posts">22/03/23</code> - <a style="color:#bd93f9" href="discord-account"><i class="fa fa-times-circle" aria-hidden="true"></i>Delete Your Discord Account</a></li>
|
||||
<li><code class="code-posts">17/03/23</code> - <a style="color:#bd93f9" href="browser-setup"><i class="fa fa-firefox" aria-hidden="true"></i>My New Browser Setup</a></li>
|
||||
<li><code class="code-posts">14/03/23</code> - <a style="color:#bd93f9" href="email-encrypt"><i class="fa fa-lock" aria-hidden="true"></i>How To Encrypt Emails</a></li>
|
||||
<li><code class="code-posts">14/03/23</code> - <a style="color:#bd93f9" href="crypto-exchanges"><i class="fa fa-btc" aria-hidden="true"></i>Keep Crypto Off Exchanges</a></li>
|
||||
<li><code class="code-posts">13/03/23</code> - <a style="color:#bd93f9" href="terminal-apps"><i class="fa fa-terminal" aria-hidden="true"></i>Why I Use Terminal Apps</a></li></ul>
|
||||
<p class="homepage-body">You have hit rock bottom!</p><hr/><footer><p class="footer-text"><a style="color:#bd93f9" href=".">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p><p class="footer-text" style="font-size:80%"><a href="../">sufyaan.cyou</a></p><p class="footer-text" style="font-size:65%"><a style="color:#aaaaaa" href="../sitemap">Site Map</a></p><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,5 @@
|
||||
<!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> > <a style="color:#ff79c6" href="."><i class="fa fa-terminal" aria-hidden="true"></i>Linux</a></p>
|
||||
<h1 class="homepage-heading"><i class="fa fa-terminal" aria-hidden="true"></i></a>Linux</h1><p class="homepage-body">In this category, I post about tools and information related to Linux.</p><ul class="posts">
|
||||
<li><code class="code-posts">20/04/23</code> - <a style="color:#bd93f9" href="../doas-sudo"><i class="fa fa-key" aria-hidden="true"></i>Use Doas Instead Of Sudo</a></li>
|
||||
<li><code class="code-posts">13/03/23</code> - <a style="color:#bd93f9" href="../terminal-apps"><i class="fa fa-terminal" aria-hidden="true"></i>Why I Use Terminal Apps</a></li></ul>
|
||||
<p class="homepage-body">You reached the bottom of your screen!</p><hr/><footer><p class="footer-text"><a style="color:#bd93f9" href=".">blog</a> - <a style="color:#ffb86c" href="../../about">about</a> - <a style="color:#f1fa8c" href="../../portfolio">portfolio</a> - <a style="color:#ff5555" href="../../links">links</a></p><p class="footer-text" style="font-size:80%"><a href="../../">sufyaan.cyou</a></p><p class="footer-text" style="font-size:65%"><a style="color:#aaaaaa" href="../../sitemap">Site Map</a></p><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,36 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>(POST) 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:#bd93f9" href=".">Buy Only Metal USBs</a></p>
|
||||
<h1><i class="fa fa-usb" aria-hidden="true"></i>Buy Only Metal USBs</h1><p style="font-size:110%"><strong>Posted on 6 May 2023</strong></p><strong><p>Categories: </strong><a style="color:#ff79c6" href="../technology/"><i class="fa fa-code" aria-hidden="true"></i>Technology</a>
|
||||
<p>You should only buy metal USBs because they last longer. Metal USBs should be used for everything that a USB is used for. First, let me clarify what USBs are supposed to be used for:</p>
|
||||
<ul><li>Data Transfer</li><li>Flashing Opearting Systems</li><li>Ultra-Portable Emergency Drive (like one on a keychain)</li></ul>
|
||||
<p>Here is what USBs are not good for:</p>
|
||||
<ul><li>Long-term storage</li><li>As a secondary drive for your PC</li></ul>
|
||||
<p>For both use cases listed above, disks like hard drives and SSDs are much better.</p>
|
||||
<p>Metal USBs are durable. They are not slower than their plastic counterparts and can flash operating systems just as well. However, the real difference appears in its build quality.</p>
|
||||
<p>Metal is a superior material to plastic. It lasts much longer and breaks less easily. This is especially important for data transfer and having an emergency drive ready-to-go. If it dies or breaks at an unfortunate time, it can wreak havoc on both you and your sanity. This is why everyone should use metal USBs. They last longer and eventually break even with the price you paid for them.</p>
|
||||
<p>You should try to buy thinner metal USBs. This is because a thin USB can dissipate heat better than a thick one. Metal is a conductor of heat. Because of this, you should try to buy a USB that is able to reduce the heat's effect.</p>
|
||||
<p><a href="mailto:sufyaan@counterhawks.com?subject=Buy%20Only%20Metal%20USBs">>>> Reply To Me</a></p>
|
||||
<p style="text-align:center;"><a href="../passwd-2023/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../public-insta/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i>
|
||||
<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,5 @@
|
||||
<!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> > <a style="color:#ff79c6" href="."><i class="fa fa-plus" aria-hidden="true"></i>Other</a></p>
|
||||
<h1 class="homepage-heading"><i class="fa fa-plus" aria-hidden="true"></i></a>Other</h1><p class="homepage-body">In this category, I post about miscellaneous things. These posts may be information related to me or general things which do not apply to my regular posts.</p><ul class="posts">
|
||||
<li><code class="code-posts">20/04/23</code> - <a style="color:#bd93f9" href="../eid-mubarak-2023/"><i class="fa fa-key" aria-hidden="true"></i>Eid Mubarak!</a></li>
|
||||
</ul>
|
||||
<p class="homepage-body">You have hit rock bottom!</p><hr/><footer><p class="footer-text"><a style="color:#bd93f9" href=".">blog</a> - <a style="color:#ffb86c" href="../../about">about</a> - <a style="color:#f1fa8c" href="../../portfolio">portfolio</a> - <a style="color:#ff5555" href="../../links">links</a></p><p class="footer-text" style="font-size:80%"><a href="../../">sufyaan.cyou</a></p><p class="footer-text" style="font-size:65%"><a style="color:#aaaaaa" href="../../sitemap">Site Map</a></p><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,87 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>(POST) 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:#bd93f9" href=".">Password Systems</a></p>
|
||||
<h1><i class="fa fa-unlock" aria-hidden="true"></i>Password Systems</h1><p style="font-size:110%"><strong>Posted on 2 May 2023</strong></p><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><i class="fa fa-laptop" aria-hidden="true"></i>Software</a> && <a style="color:#ff79c6" href="../guides/"><i class="fa fa-book" aria-hidden="true"></i>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>
|
||||
<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>
|
||||
<li>Hard to guess</li>
|
||||
<li>Different on every single account</li>
|
||||
</ul>
|
||||
<p>However, it seems futile to try using different passwords on every website. It is incredibly hard to remember just one; how can I remember more than 10?</p>
|
||||
<p>The solution to this undeniably rampant issue is to use a password system. A password system is a set of rules and guidelines that you make and follow to create your passwords. Using a password system, you need not remember your passwords. All you have to do is string together available pieces of data, and you can remember your password immediately.</p>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<p>Example: <code>I love eating 43 and a half coconuts a day, I am not going to lie!</code></p>
|
||||
<h3>Step 2: Shortening the sentence</h3>
|
||||
<p>Take the first letter of each word in the sentence and write it as is. Do not change any characters to uppercase or lowercase or use a symbol to represent it.</p>
|
||||
<p>Example: <code>Ile43aahcad,Iangtl!</code></p>
|
||||
<h3>Step 3: Make it stronger</h3>
|
||||
<p>Take the password you have in the last step and make it stronger in a way that you will remember. This step is the one you have to be the most careful in because making it too strong will make it difficult to recollect in the future.</p>
|
||||
<p>Do not use common substitutions like:</p>
|
||||
<ul>
|
||||
<li>I --> 1</li>
|
||||
<li>A --> @</li>
|
||||
<li>T --> 7</li>
|
||||
<li>S --> $</li>
|
||||
</ul>
|
||||
<p></p>
|
||||
<p>Example: <code>I<3e43&1/2cad,IangtLIE!</code></p>
|
||||
<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. 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>
|
||||
<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>
|
||||
<p><code>microSOFT!999</code></p>
|
||||
<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>
|
||||
<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>"3007AXB" + (SERVICE DIFFERENTIATOR) + (MASTER PASSWORD)</code></p>
|
||||
<p>In my example's case, my Google account password would be:</p>
|
||||
<p><code>3007AXBgooglE!666I<3e43&1/2cad,IangtLIE!</code></p>
|
||||
<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>
|
||||
<h2><i class="fa fa-book" aria-hidden="true"></i>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></p><p style="text-align:center;"><a href="../eid-mubarak-2023/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../metal-usb/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i>
|
||||
<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,29 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>(POST) 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/>
|
||||
<h1><i class="fa fa-keyboard-o" aria-hidden="true"></i>Blog Post Template</h1>
|
||||
<p style="font-size:110%"><strong>Posted on XX XXXXX XXXX</strong></p><p><strong>Categories: </strong><a style="color:#ff79c6" href="../linux"><i class="fa fa-terminal" aria-hidden="true"></i>Linux</a></p>
|
||||
<p>Hey... you are not supposed to be here! Here, have an icon!</p>
|
||||
<h2><i class="fa fa-keyboard-o" aria-hidden="true"></i>A keyboard icon!</h2>
|
||||
<p><a href="mailto:sufyaan@counterhawks.com?subject=Do%20It%20Yourself">>>> Reply To Me</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: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,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>(POST) 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:#bd93f9" href=".">Instagram Deleted!</a></p>
|
||||
<h1><i class="fa fa-instagram" aria-hidden="true"></i>Instagram Deleted!</h1><p style="font-size:110%"><strong>Posted on 7 May 2023</strong></p><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><i class="fa fa-laptop" aria-hidden="true"></i>Software</a></p>
|
||||
|
||||
<p>This post is to inform you that the grace period for the deletion of my public Instagram account has been completed. My Instagram account has been deleted... forever. I highly recommend you do it too. Read <a href="../social-media">this post</a> for more information.</p>
|
||||
<p><a href="mailto:sufyaan@counterhawks.com?subject=Instagram%20Deleted!">>>> Reply To Me</a></p>
|
||||
<p style="text-align:center;"><a href="../metal-usb/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../tfa-guide/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i>
|
||||
<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,14 @@
|
||||
<!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> > <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">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>
|
||||
<li><code class="code-posts">07/05/23</code> - <a style="color:#bd93f9" href="../public-insta/"><i class="fa fa-instagram" aria-hidden="true"></i>Instagram Deleted!</a></li>
|
||||
<li><code class="code-posts">02/05/23</code> - <a style="color:#bd93f9" href="../passwd-2023"><i class="fa fa-unlock" aria-hidden="true"></i>Password Systems</a></li>
|
||||
<li><code class="code-posts">20/04/23</code> - <a style="color:#bd93f9" href="../doas-sudo"><i class="fa fa-key" aria-hidden="true"></i>Use Doas Instead Of Sudo</a></li>
|
||||
<li><code class="code-posts">20/04/23</code> - <a style="color:#bd93f9" href="../social-media"><i class="fa fa-clock-o" aria-hidden="true"></i>Stop Using Social Media</a></li>
|
||||
<li><code class="code-posts">22/03/23</code> - <a style="color:#bd93f9" href="../discord-account"><i class="fa fa-times-circle" aria-hidden="true"></i>Delete Your Discord Account</a></li>
|
||||
<li><code class="code-posts">17/03/23</code> - <a style="color:#bd93f9" href="../browser-setup"><i class="fa fa-firefox" aria-hidden="true"></i>My New Browser Setup</a></li>
|
||||
<li><code class="code-posts">14/03/23</code> - <a style="color:#bd93f9" href="../email-encrypt"><i class="fa fa-lock" aria-hidden="true"></i>How To Encrypt Emails</a></li>
|
||||
<li><code class="code-posts">14/03/23</code> - <a style="color:#bd93f9" href="../crypto-exchanges"><i class="fa fa-btc" aria-hidden="true"></i>Keep Crypto Off Exchanges</a></li>
|
||||
<li><code class="code-posts">13/03/23</code> - <a style="color:#bd93f9" href="../terminal-apps"><i class="fa fa-terminal" aria-hidden="true"></i>Why I Use Terminal Apps</a></li></ul>
|
||||
<p class="homepage-body">ERROR: Cannot show more posts (EOFError)</p><hr/><footer><p class="footer-text"><a style="color:#bd93f9" href=".">blog</a> - <a style="color:#ffb86c" href="../../about">about</a> - <a style="color:#f1fa8c" href="../../portfolio">portfolio</a> - <a style="color:#ff5555" href="../../links">links</a></p><p class="footer-text" style="font-size:80%"><a href="../../">sufyaan.cyou</a></p><p class="footer-text" style="font-size:65%"><a style="color:#aaaaaa" href="../../sitemap">Site Map</a></p><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,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> > <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">06/05/23</code> - <a style="color:#bd93f9" href="../metal-usb/"><i class="fa fa-usb" aria-hidden="true"></i>Buy Only Metal USBs</a></li>
|
||||
<li><code class="code-posts">14/03/23</code> - <a style="color:#bd93f9" href="../crypto-exchanges"><i class="fa fa-btc" aria-hidden="true"></i>Keep Crypto Off Exchanges</a></li>
|
||||
</ul>
|
||||
<p class="homepage-body">You have hit rock bottom!</p><hr/><footer><p class="footer-text"><a style="color:#bd93f9" href=".">blog</a> - <a style="color:#ffb86c" href="../../about">about</a> - <a style="color:#f1fa8c" href="../../portfolio">portfolio</a> - <a style="color:#ff5555" href="../../links">links</a></p><p class="footer-text" style="font-size:80%"><a href="../../">sufyaan.cyou</a></p><p class="footer-text" style="font-size:65%"><a style="color:#aaaaaa" href="../../sitemap">Site Map</a></p><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,46 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>(POST) 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:#bd93f9" href=".">Start Using 2FA Properly</a></p>
|
||||
<h1><i class="fa fa-lock" aria-hidden="true"></i>Start Using 2FA Properly</h1><p style="font-size:110%"><strong>Posted on 13 May 2023</strong></p><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><i class="fa fa-laptop" aria-hidden="true"></i>Software</a> && <a style="color:#ff79c6" href="../guides/"><i class="fa fa-book" aria-hidden="true"></i>Guides</a></p>
|
||||
|
||||
<p>If you use any online account, you should use 2FA keys. It does not matter if it is your Google account that has all of your personal information or if it is some random account you use once in a while. You should at least have 2FA enabled in an authenticator app or preferably a 2FA key. Do not use SMS.</p>
|
||||
<p>Why buy a 2FA key when you can use 2FA codes or SMS for free? Let us start with SMS.</p>
|
||||
<h2><i class="fa fa-commenting" aria-hidden="true"></i>SMS</h2>
|
||||
<p>SMS is inherently insecure. It is not encrypted, and your SIM card is always susceptible to SIM swap attacks. A SIM swap attack is a type of identity theft where a cybercriminal pretends to be you and asks for your number to be switched to a SIM card in their possession. They do this by claiming that their phone was lost or stolen. Most employees working for mobile networks speak with hundreds of people a day. They cannot differentiate people's voices. Even with a small amount of voice modulation, almost anyone can trick them into thinking it's you.
|
||||
</p>
|
||||
<p>After gaining possession of your SIM card, the cybercriminal goes to your online accounts and tries to reset your passwords. If they already have your passwords, they may try to login using your phone number and the 2FA code received through SMS. This may seem rare, and it may also seem like it does not work on most people. However, in 2019, <a href="https://www.nytimes.com/2019/09/05/technology/sim-swap-jack-dorsey-hack.html">Jack Dorsey's (the former CEO of Twitter) account got hacked using this exact method.</a>
|
||||
<p>As commonly said by many privacy and security professionals, you are only as secure as your weakest link. Make sure your weakest link is not SMS.
|
||||
<h2><i class="fa fa-mobile" aria-hidden="true"></i>Authenticator Apps</h2>
|
||||
<p>An authenticator app is much better than SMS-based 2FA. This is because authenticator apps usually follow the TOTP or HOTP standard, which is very secure. It basically uses a secret key along with the current time to create a unique code that changes every thirty seconds.</p>
|
||||
<p>One thing that you should absolutely not do is use Google Authenticator, Microsoft Authenticator, Authy or anything as such. This is because the clients are close-sourced, which means that the code is not public. This means that they could be doing anything with your 2FA secret keys. Authy syncs your codes which is convenient but it does not allow you to export your keys, just like other properietary authentication apps. This is unethical as you should have complete control over what is required to access your own accounts. If your Authy account gets disabled, you will no longer be able to log in to most accounts. A much better alternative is:</p>
|
||||
<ul><li><a href="https://getaegis.app/">Aegis</a> (Android)</li><li><a href="https://raivo-otp.com/">Raivo</a> (iOS)</li><li><a href="https://www.tofuauth.com/">Tofu</a> (iOS)</li><li><a href="https://www.passwordstore.org/">password store</a> with <a href="https://github.com/tadfisher/pass-otp">pass-otp</a> (UNIX-based systems)</a></li><li><a href="https://keepass.info/download.html">Keepass Password Manager</a> (Linux/Windows/MacOS/Android/iOS)</a></li></ul>
|
||||
<p>You should also be taking frequent <strong>encrypted backups</strong> of not only your 2FA codes, but all data that is important to you. Read <a href="../backups">this post</a> to learn how to take encrypted backups properly. Remember, you should keep your backups as far away from other people's hands as possible. If they have your secret keys, they have your 2FA codes.</p>
|
||||
<h2><i class="fa fa-key" aria-hidden="true"></i>Security Keys</h2>
|
||||
<p>Security keys are the best form of two-factor authentication. They are physical keys which need to be plugged in to your computer or smartphone in order to be used. They use NFC, USB-C, USB-A and also the Lightning port. This 2FA method makes it so that it does not matter which person gets your credentials because they need access to your key physically in order to login. One drawback of this method is that, if you lose your key, you cannot login to your accounts. This is why people buy 2 or 3 as a backup. It should be noted that, although other methods can be used alongside <a style="color:#50fa7b" href="../../definitions/security-key">security keys</a>, it is not recommended as it is still possible to just use the other insecure methods for a cybercriminal and bypass your <a style="color:#50fa7b" href="../../definitions/security-key">security key</a>.</p>
|
||||
<p>I recommend <a href="https://www.yubico.com/">Yubico</a> and <a href="https://shop.nitrokey.com/shop/product/nkfi2-nitrokey-fido2-55">NitroKey</a> <a style="color:#50fa7b" href="../../definitions/security-key">security keys</a>.</p>
|
||||
<h2><i class="fa fa-book" aria-hidden="true"></i>Conclusion</h2>
|
||||
<p>If there is one thing you take away from this post, it is to make 2FA your baseline security protocol. Use 2FA for <strong>every account that has it.</strong> Do not use SMS, use authenticator apps. If possible, spend money on three <a style="color:#50fa7b" href="../../definitions/security-key">security keys</a>.</p>
|
||||
<p><a href="mailto:sufyaan@counterhawks.com?subject=Start%20Using%202FA%20Properly">>>> Reply To Me</a></p>
|
||||
<p style="text-align:center;"><a href="../public-insta/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../do-it-yourself/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i>
|
||||
<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>
|
After Width: | Height: | Size: 3.8 KiB |
@ -0,0 +1,29 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>(DEFINITION) 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:#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>
|
||||
<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>
|
||||
<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>
|
After Width: | Height: | Size: 9.3 KiB |
@ -0,0 +1,38 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>(DEFINITION) 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:#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>
|
||||
<div style="text-align:center;">
|
||||
<img src="free-software.webp" alt="Free Software Foundation">
|
||||
<figcaption>Free Software Foundation</figcaption>
|
||||
</div>
|
||||
<p>Free software is used to describe software that gives users the freedom to run, copy, distribute, study, change and improve the software. It is often referred to as 'libre' software, borrowing the French or Spanish word.</p>
|
||||
<p>Free software has the following four essential freedoms.</p>
|
||||
<p><strong>Freedom 0: </strong>The freedom to run the program as you wish, for any purpose.</p>
|
||||
<p><strong>Freedom 1: </strong>The freedom to study how the program works, and change it so it does your computing as you wish. Access to the source code is a precondition for this.</p>
|
||||
<p><strong>Freedom 2: </strong>The freedom to redistribute copies so you can help others.</p>
|
||||
<p><strong>Freedom 3: </strong>The freedom to distribute copies of your modified versions to others. By doing this you can give the whole community a chance to benefit from your changes. Access to the source code is a precondition for this.</p>
|
||||
<p>A lot of free software uses the <a href="https://www.gnu.org/licenses/gpl-3.0.en.html">GNU General Public License (GPL)</a>. By using it, you support the free software movement and empower people through software.</p>
|
||||
<p>This is just the tip of the iceberg. To read more about free software, start with the <a href="https://www.gnu.org/philosophy/free-sw.en.html">"What is Free Software?"</a> page on <a href="https://www.gnu.org/">GNU's website.</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>
|
@ -0,0 +1,47 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>(DEFINITIONS) 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:#50fa7b" href=".">Definitions</a></p>
|
||||
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Definitions</h1>
|
||||
<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>
|
||||
<h1>F</h1>
|
||||
<ul><li><a style="color:#50fa7b" href="free-software/">Free Software</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>
|
||||
<ul><li><a style="color:#50fa7b" href="linux-phones/">Linux Phones</a></li></ul>
|
||||
<h1>M</h1>
|
||||
<ul><li><a style="color:#50fa7b" href="malware/">Malicious Software [malware]</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="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>
|
||||
<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>
|
@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>(DEFINITION) 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:#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>
|
||||
<div style="text-align:center;">
|
||||
<img src="lineageos.webp" alt="LineageOS">
|
||||
<figcaption>LineageOS</figcaption>
|
||||
</div>
|
||||
<p>LineageOS is an Android-based custom ROM for smartphones and tablets. It has mostly free and open-source software. It is a degoogled custom ROM, which means that all Google services are removed, including Google Play Services. This makes it nearly impossible to access Google services through their apps. However, most individuals using LineageOS use it for privacy and use alternatives to Google's apps. Many of these alternatives perform and function better than Google's counterpart.</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>
|
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 6.7 KiB |
@ -0,0 +1,47 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>(DEFINITION) 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:#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>
|
||||
<div style="text-align:center;">
|
||||
<img src="distro.webp" alt="Zorin OS, Fedora, Arch Linux">
|
||||
<figcaption>Zorin OS, Fedora, Arch Linux</figcaption>
|
||||
</div>
|
||||
<p>A Linux Distribution is an <a style="color:#50fa7b" href="../operating-system">operating system</a> made from a software collection that includes the Linux kernel, GNU shell utilities, the X or Wayland server, a package manager and optionally, the desktop environment and other services.</p>
|
||||
<p>Linux is a kernel, not an <a style="color:#50fa7b" href="../operating-system">operating system</a>. When people say Linux in terms of <a style="color:#50fa7b" href="../operating-system">operating systems</a>, they really mean Linux distributions, not the kernel itself.</p>
|
||||
<p>If you are just starting out with Linux, you should try one of the following distributions.</p>
|
||||
<ul>
|
||||
<li>Linux Mint</li>
|
||||
<li>Zorin OS</li>
|
||||
<li>Elementary OS</li>
|
||||
</ul>
|
||||
<p>Just don't use Ubuntu when starting out. It has degraded since the last few years.</p>
|
||||
<p>After some experience, try these:</p>
|
||||
<ul>
|
||||
<li>Fedora</li>
|
||||
<li>Arch Linux</li>
|
||||
<li>Gentoo</li>
|
||||
<li>openSUSE</li>
|
||||
</ul>
|
||||
<p>These distributions are all solid and should last you a long 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,39 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>(DEFINITION) 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:#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>
|
||||
<div style="text-align:center;">
|
||||
<img src="pinephone-pro.webp" alt="PinePhone Pro by Pine64">
|
||||
<figcaption>PinePhone Pro by Pine64</figcaption>
|
||||
</div>
|
||||
<p>Linux phones are smartphones which run Linux distributions, most of which are versions of famous Linux distributions modified to run well on a mobile device. Linux phones are not mainstream. However, many people speculate that they will as popular as Android phones in a few years.</p>
|
||||
<p>Linux phones have numerous advantages. Firstly, they are privacy friendly. They run Linux distributions which are known for reduced tracking. Next, they allow people to flash any operating system they like and have complete customizability unlike Android and iOS.</p>
|
||||
<p>Some famous Linux phones are:</p>
|
||||
<ul>
|
||||
<li><a href="https://puri.sm/products/librem-5/">Librem 5 [Purism] ($1299)</a></li>
|
||||
<li><a href="https://www.pine64.org/pinephonepro/">Pinephone Pro [Pine64] ($399)</a></li>
|
||||
<li><a href="https://www.pine64.org/pinephone/">Pinephone [Pine64] ($149)</a></li>
|
||||
</ul>
|
||||
<p>All of these phones have kill-switches, which are physical switches that you can turn on or off that toggle the cameras, microphone, Wi-Fi, modems and more to prevent tracking.</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>
|
After Width: | Height: | Size: 24 KiB |
@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>(DEFINITION) 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:#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>
|
||||
<div style="text-align:center;">
|
||||
<img src="wannacry.webp" alt="WannaCry Ransomware">
|
||||
<figcaption>WannaCry Ransomware</figcaption>
|
||||
</div>
|
||||
<p>Malware is used to describe any type of malicious software that is designed to exploit, harm or take control of a device or a network. It is of many types:</p>
|
||||
<ul>
|
||||
<li><strong>Viruses</strong><ul class="nested-list"><li>spreads between devices and causes damage</li></ul>
|
||||
<li><strong>Spyware</strong><ul class="nested-list"><li>collects information about user and sends to attacker</li></ul>
|
||||
<li><strong>Worms</strong><ul class="nested-list"><li>can propagate or self-replicate without human interaction</li></ul>
|
||||
<li><strong>Trojan Horse</strong><ul class="nested-list"><li>disguises itself as a standard program to take control of device</li></ul>
|
||||
<li><strong>Ransomware</strong><ul class="nested-list"><li>encrypts your data and blackmails you, asking you to pay in cryptocurrency (mostly)</li></ul>
|
||||
<li><strong>Rootkit</strong><ul class="nested-list"><li>collection of malware used by cybercriminals to exploit and gain control of a computer or network</li></ul>
|
||||
<li><strong>Backdoor</strong><ul class="nested-list"><li>malware backdoors (not non-malware backdoors) allow remote control of a website or computer</li></ul>
|
||||
</ul>
|
||||
<p>To stay safe from malware, you should get a good anti-malware. <a href="https://www.clamav.net/">ClamAV</a> is one of the few open-source anti-malware software. It is available on Linux, MacOS and of course, Windows. I believe that your anti-malware should be <a style="color:#50fa7b" href="../free-software/">free software</a> as it is an application that scans all files on your PC and checks them against a database.</p>
|
||||
<p>As for smartphones, Android has many options. One of them is the free and open-source app <a href="https://github.com/Divested-Mobile/Hypatia">Hypatia</a>, which is available on <a href="https://f-droid.org/packages/us.spotco.malwarescanner/">F-Droid</a>. It has 7 different lists that will be scanned for viruses. On the other hand, iOS does not have any open-source anti-malware or antivirus applications. It does have closed-source ones, but they are not super good. You have to rely on iOS' security.</p>
|
||||
</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>
|
After Width: | Height: | Size: 40 KiB |
@ -0,0 +1,40 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>(DEFINITION) 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:#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>
|
||||
<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>
|
||||
</div>
|
||||
<p>An operating system (often shortened to OS) is a collection of software responsible for managing hardware resources and booting the system. It provides resources for common services like computation and storage. It acts as an interface between the software and the hardware of the computer. <strong>It is so important that, without an operating system, a computer is useless.</strong> It is responsible for the following tasks:</p>
|
||||
<ul>
|
||||
<li>Resource Management (allocates CPU, memory, GPU and more to services)</li>
|
||||
<li>Memory Management (manages memory and optimizes memory usage)</li>
|
||||
<li>Device Management (manages hardware devices like keyboard and mouse and computer parts like mounting hard drives)</li>
|
||||
<li>Security (prevents <a style="color:#50fa7b" href="../malware">malicious software</a>)</li>
|
||||
<li>File Management (organizing system and user files)</li>
|
||||
<li>Networking (connecting to networks and handling network protocols)</li>
|
||||
</ul>
|
||||
<p>This is just the tip of the iceberg. Operating systems are responsible for practically everything you do on a computer.</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>
|
After Width: | Height: | Size: 8.0 KiB |
@ -0,0 +1,36 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>(DEFINITION) 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:#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>
|
||||
<div style="text-align:center;">
|
||||
<img src="prebuilt.webp" alt="Gaming & Workstation Pre-Built Computers">
|
||||
<figcaption>Gaming & Workstation Pre-Built Computers</figcaption>
|
||||
</div>
|
||||
<p>A pre-built computer is a computer that is sold without the need for assembly. This is different from building your own PC by buying each part and assembling it yourself. Pre-built computers have merits and demerits.</p>
|
||||
<p><strong>Advantages:</strong></p>
|
||||
<ul><li>Comes assembled</li><li>Can be used immediately</li></ul>
|
||||
<p><strong>Disadvantages:</strong></p>
|
||||
<ul><li>May not be worth the price</li><li>Most pre-built computers use cheap parts</li></ul>
|
||||
<p>Basically, if you use a computer for more than just watching videos or browsing the web, you should build a PC or get someone to build it for you.</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>
|
After Width: | Height: | Size: 20 KiB |
@ -0,0 +1,40 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>(DEFINITION) 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:#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>
|
||||
<div style="text-align:center;">
|
||||
<img src="yubico.webp" alt="Yubico C Bio">
|
||||
<figcaption>Yubico C Bio</figcaption>
|
||||
</div>
|
||||
<p>A security key is a multi-factor authentication device that allows access to an account or a system. It is incredibly secure as it is physical. Anyone trying to log into your account needs your security key in order to do so.</p>
|
||||
<p>It works by using cryptographic algorithms to generate unique codes that are difficult to guess, intercept or steal. Most websites and browsers support it and it is considered essential if you want to take your online security and privacy to the next level.</p>
|
||||
<p>Security keys are often used along with TOTP as a backup. However, this is not recommended as an attacker who has your TOTP codes can simply use it. There is no need for them to try and get your security key.</p>
|
||||
<p>A few trusted security key companies are:</p>
|
||||
<ul>
|
||||
<li><a href="https://www.yubico.com/">Yubico</a></li>
|
||||
<li><a href="https://www.nitrokey.com/">NitroKey</a></li>
|
||||
<li><a href="https://www.ftsafe.com/">FEITIAN</a></li>
|
||||
</ul>
|
||||
<p>Security keys are expensive. They start from $20 and can go up to $100+. However, they are a worthwhile purchase for your security. You should always purchase two. This is because, if one is lost, the other can still be used to login. If you do not do this, you may lose access to your accounts.</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>
|
After Width: | Height: | Size: 26 KiB |
@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>(DEFINITION) 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/>
|
||||
<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Sample</h1>
|
||||
<div style="text-align:center;">
|
||||
<img src="thinkpad.webp" alt="ThinkPad T500">
|
||||
<figcaption>ThinkPad T500</figcaption>
|
||||
</div>
|
||||
<p>OK... so here goes the definition... wait what! Why are you here?</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,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>(DEFINITION) 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:#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>
|
||||
<div style="text-align:center;">
|
||||
<img src="thinkpad.webp" alt="ThinkPad T500">
|
||||
<figcaption>ThinkPad T500</figcaption>
|
||||
</div>
|
||||
<p>ThinkPad is a series of business-oriented laptops manufactured and sold by Lenovo. ThinkPad was created by IBM and then sold to Lenovo in 2005. Many technology enthusiasts and Linux users use ThinkPads as their primary machines due to its:<ul><li>Repairability<ul class="nested-list"><li>ThinkPads are made for businesses. As a result, it is trivial to find and buy parts for most ThinkPad models.</li></ul></li><li>Fast performance<ul class="nested-list"><li>ThinkPads are meant for businesses. As a result, they profit by making long-lasting and reliable laptops instead of making expensive and slow laptops.</li></ul></li><li>Linux Support<ul class="nested-list"><li>ThinkPads have full <a href="https://certification.ubuntu.com/desktop/models/?category=Laptop&vendors=Lenovo">Ubuntu Certification</a> and RedHat Certification.</li></ul></li></ul></p>
|
||||
<p>ThinkPads have numerous features. Over the years, the number of features has gone down. However, they are still going strong. For example, the ThinkPad T500 (listed above) had lights that would blink green based on status of different parts like Wi-Fi.</p>
|
||||
<p>Because of the long-lasting property of ThinkPads, it is easy to find a cheap, used ThinkPad that performs faster than it ever did by installing Linux. This is how many people get laptops to test out or for personal usage.</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>
|
After Width: | Height: | Size: 36 KiB |
@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>(DEFINITION) 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:#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>
|
||||
<div style="text-align:center;">
|
||||
<img src="unix-philosophy.webp" alt="UNIX Philosophy (simplified)">
|
||||
<figcaption>UNIX Philosophy (simplified)</figcaption>
|
||||
</div>
|
||||
<p>The UNIX philosophy is a set of norms and methods for minimalist and modular software development. It was created by the lead developers of the UNIX operating system. To summarize it, it basically says that a program should not be ridden with features. A program should have one feature and do it well. It is much better to have multiple programs that do one thing well each instead of a single program that tries to do many things. This leads to a smaller codebase which is easier to maintain and develop.</p>
|
||||
<p>The UNIX philosophy is followed by many people to this day. There are many programs which follow it. For example, <a href="https://pwmt.org/projects/zathura/">Zathura</a>, a simple PDF viewer for Linux views PDFs and a few other file formats similar to it extremely well. It is extremely rapid and has a small memory footprint. It also has features that are extremely useful instead of gimmicks that no one would use. It is also easier to maintain as a result of the simple usecase.</p>
|
||||
<p>The UNIX philosophy is vast. To read more about it, check out <a href="https://en.wikipedia.org/wiki/Unix_philosophy">this Wikipedia page</a> for more information. It is worth a read. If you would like a shorter read, check out <a href="https://hackaday.com/2018/09/10/doing-one-thing-well-the-unix-philosophy/">this post on Hackaday.</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>
|
After Width: | Height: | Size: 11 KiB |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 394 B |
After Width: | Height: | Size: 152 KiB |
After Width: | Height: | Size: 7.4 KiB |
@ -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><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://gitea.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>
|
@ -0,0 +1,40 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>(LINKS) 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:#ff5555" href=".">Links</a></p>
|
||||
<h1><i class="fa fa-chain" aria-hidden="true"></i>Links</h1>
|
||||
<p>This page includes links to websites where you can find me and other people's websites online. I include links to websites which I browse regularly. The reason this page exists is because using search engines to find new websites is futile nowadays. Please note that linking a website here does not mean endorsement for everything they post and do.</p>
|
||||
|
||||
<h2>My Websites:</h2>
|
||||
<ul>
|
||||
<li><a href="https://www.youtube.com/c/TitanElectrons">YouTube</a> - Going to migrate to PeerTube and Odysee</li>
|
||||
<li><a href="https://www.behance.net/titanelectrons">Behance</a> - Going to delete and use this website (<a style="color:#f1fa8c" href="../portfolio">portfolio</a>)</li>
|
||||
</ul>
|
||||
|
||||
<h2>Blogs I read:</h2>
|
||||
<ul>
|
||||
<li><a href="https://lukesmith.xyz/">Luke Smith</a> - Posts about computing and technology</li>
|
||||
<li><a href="https://pc.net/tips/">PC.net PC Tips</a> - Monthly computing tips</li>
|
||||
<li><a href="https://denshi.org/">Denshi's Website</a> - General technology posts</li>
|
||||
</ul>
|
||||
<hr/>
|
||||
<footer>
|
||||
<p><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href=".">links</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 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 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,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>(CREDITS) 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="https://sufyaan.cyou/"><img src="../images/titan-header.webp" alt="TitanElectrons" class="center" style="padding-bottom:3vw;padding-top:3vw;"></a>
|
||||
<hr/>
|
||||
<h1><i class="fa fa-list" aria-hidden="true"></i>Credits</h1>
|
||||
<p>I would like to heavily thank these people for allowing public access to the pictures that they own and I am currently using. If any of the pictures below are yours and you want a different one used, please contact me and I will remove it immediately.</p>
|
||||
<h2>Industria:</h2>
|
||||
<ul><li><a href="https://unsplash.com/photos/T5nXYXCf50I">Background Image (by Maarten Deckers)</a></li></ul>
|
||||
<h2>Bitguard:</h2>
|
||||
<ul><li><a href="https://unsplash.com/photos/Pyjp2zmxuLk">Background Image (by Kevin Horvat)</a></li></ul>
|
||||
<h2>WM Tours:</h2>
|
||||
<ul><li><a href="https://unsplash.com/photos/FwdZYz0yc9g">Background Image (by Leio McLaren)</a></li></ul>
|
||||
<h2>Sihu: </h2>
|
||||
<ul><li><a href="https://unsplash.com/photos/r5x_wnC1qi4">Background Image (by Josiah Farrow)</a></li></ul>
|
||||
<p>I mainly find images through Unsplash as the quality of images there are very good.</p>
|
||||
<hr/>
|
||||
<footer>
|
||||
<p class="footer-text"><a href="../../">personal website</a> - <a href="../../about/">about</a> - <a href="../">portfolio</a></a></p>
|
||||
</footer>
|
After Width: | Height: | Size: 2.1 KiB |
After Width: | Height: | Size: 9.3 KiB |
After Width: | Height: | Size: 678 B |
After Width: | Height: | Size: 32 KiB |
After Width: | Height: | Size: 7.9 KiB |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 41 KiB |
After Width: | Height: | Size: 4.9 KiB |
@ -0,0 +1,27 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>(PORTFOLIO) 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:#f1fa8c" href=".">Portfolio [PLACEHOLDER]</a></p>
|
||||
<h1><i class="fa fa-lock" aria-hidden="true"></i>Under Construction!</h1>
|
||||
<p>Please view this page later.</p>
|
||||
<hr/>
|
||||
<footer>
|
||||
<p><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>
|
||||
<p 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 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 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>
|
After Width: | Height: | Size: 4.7 KiB |
After Width: | Height: | Size: 20 KiB |
After Width: | Height: | Size: 4.0 KiB |
After Width: | Height: | Size: 4.6 KiB |
After Width: | Height: | Size: 14 KiB |
After Width: | Height: | Size: 4.4 KiB |
After Width: | Height: | Size: 8.1 KiB |
After Width: | Height: | Size: 4.0 KiB |
After Width: | Height: | Size: 29 KiB |
After Width: | Height: | Size: 5.6 MiB |
After Width: | Height: | Size: 13 KiB |
@ -0,0 +1 @@
|
||||
b,ol,p,ul{font-family:jetbrains}body,h1{color:#121212}.posts,h1,h2,h3,ol,p,ul{margin-left:8vw}.nested-list,.posts,h1,ol,ul{margin-top:1vw;margin-bottom:1vw}.responsive,div.desc,footer{text-align:center}@font-face{font-family:jetbrains;font-weight:400;font-display:swap;src:url("fonts/woff2/futura-woff2.woff2") format('woff2'),url(fonts/woff/futura-woff.woff) format('woff')}@font-face{font-family:jetbrains;font-weight:700;font-display: swap;src:url("fonts/woff2/integral-woff2.woff2") format('woff2'), url(fonts/woff/integral-woff.woff)}body{background:#efefef}p{margin-right:8vw;font-weight:400}.center{display:block;margin-left:auto;margin-right:auto;width:50%;}img{width:40vw}b{font-weight:700}ol,ul{font-weight:400}code,h1,h2,h3{font-weight:700;font-family:jetbrains}hr{width:87%;color:#6067ff}code{color:#50fa7b;overflow-wrap:break-word}a{color:#000bef}footer{padding:3px}h1{font-size:200%}h2{font-size:150%;margin-top:1.5vw;margin-bottom:1.5vw}h3{font-size:110%}i{margin-right:10px}.posts{font-family:jetbrains;list-style-type:none}.code-posts{font-family:jetbrains;color:#6272a4;font-size:80%}.homepage-title{display:block;padding-top:3.25vw;padding-bottom:3vw;margin-left:auto;margin-right:auto;width:30%;max-width:35%;height:7.5%}.footer-text{font-family:jetbrains}.nested-list{margin-left:-2vw}div.gallery{border:1px solid #6272a4}div.gallery:hover{border:1px solid #8be9fd}div.gallery img{width:100%;height:auto}div.desc{padding:15px}*{box-sizing:border-box}.main{margin-left:10vw;margin-right:7vw;width:90vw;margin-bottom:4vw}.responsive{font-family:jetbrains;padding:0 6px;margin:auto;display:block;float:left;width:22%}.clearfix:after{content:"";display:table;clear:both}@media screen and (max-width:600px){.posts,h1,h2,h3,ol,p,ul{margin-left:20px;margin-right:20px;margin-top:30px}hr{width:93%}.posts{font-size:90%;padding:0}.code-posts{font-size:75%}.homepage-title{width:50%;max-width:75%;height:12.5%}.nested-list{margin-left:-6vw;margin-top:4vw;margin-bottom:4vw}.responsive{width:100%;padding-bottom:4vw}div.gallery{border:1px solid #121212}div.gallery:hover{border:1px solid #000bef}.main{width:75vw;margin-top:7vw;padding:8px}}@media screen and (max-width:1150px){img{width:75vw}}
|
@ -0,0 +1,22 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>(PROJECT) TitanElectrons</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="https://sufyaan.cyou/"><img src="../images/industria-header.webp" alt="TitanElectrons" class="center" style="padding-bottom:3vw;padding-top:3vw;"></a>
|
||||
<hr/>
|
||||
<h1 style="font-size:10vw;text-align:center;">Industria</h1>
|
||||
<p>Industria is an architectural design firm that aspires to make the most beautiful construction projects.</p>
|
||||
<hr/>
|
||||
<footer>
|
||||
<p class="footer-text"><a href="../../index.html">personal website</a> - <a href="../../about/index.html">about</a> - <a href="../../portfolio/index.html">portfolio</a></a></p>
|
||||
<p class="footer-text">project designed by <a href="../index.html">Sufyaan (TitanElectrons)</a></p>
|
||||
</footer>
|
@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>(PROJECT) 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="../"><img src="../images/titan-header.webp" alt="TitanElectrons" class="center" style="padding-bottom:3vw;padding-top:3vw;"></a>
|
||||
<hr/>
|
||||
<h1><i class="fa fa-pencil" aria-hidden="true"></i>Project Name</h1>
|
||||
<p>Project info</p>
|
||||
<hr/>
|
||||
<footer>
|
||||
<p class="footer-text"><a href="../..">personal website</a> - <a href="../../about">about</a> - <a href="../../portfolio">portfolio</a></a></p>
|
||||
</footer>
|
@ -0,0 +1,60 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>(PORTFOLIO) 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="."><img src="images/titan-header.webp" alt="TitanElectrons" class="center" style="padding-bottom:3vw;padding-top:3vw;"></a>
|
||||
<hr/>
|
||||
<h1><i class="fa fa-pencil" aria-hidden="true"></i>Portfolio</h1>
|
||||
<p class="homepage-body" style="margin-bottom:3vw">I have worked on numerous design projects over the years. This page is a collection of all my best works for reference.</p>
|
||||
|
||||
|
||||
<div class="main">
|
||||
<div class="responsive">
|
||||
<div class="gallery">
|
||||
<a href="industria">
|
||||
<img src="images/industria.webp" alt="Industria" width="600" height="400">
|
||||
</a>
|
||||
<div class="desc">Industria</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="responsive">
|
||||
<div class="gallery">
|
||||
<a href="bitguard">
|
||||
<img src="images/bitguard.webp" alt="BitGuard" width="600" height="400">
|
||||
</a>
|
||||
<div class="desc">BitGuard</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="responsive">
|
||||
<div class="gallery">
|
||||
<a href="wm-tours">
|
||||
<img src="images/wm-tours.webp" alt="WM Tours" width="600" height="400">
|
||||
</a>
|
||||
<div class="desc">WM Tours</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="responsive">
|
||||
<div class="gallery">
|
||||
<a href="sihu">
|
||||
<img src="images/sihu.webp" alt="Sihu" width="600" height="400">
|
||||
</a>
|
||||
<div class="desc">Sihu</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
<p>All logos shown in this portfolio are mine. However, some of the images used for aesthetic purposes in my portfolio are not mine. Please visit <a href="credits">this page</a> to view the original images and download them.</p>
|
||||
<p>If you love my work and want to hire me for work, please visit the contact page for more information. Please note that <em>prices are based on product value.</em> My prices are not fixed and will change depending on the type of logo or brand you want me to design.</p>
|
||||
<hr/>
|
||||
<footer>
|
||||
<p class="footer-text"><a href="../">personal website</a> - <a href="../about">about</a> - <a href="../portfolio">portfolio</a></a></p>
|
||||
</footer>
|
@ -0,0 +1,88 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>(SITE MAP) 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:#cccccc" href=".">Site Map</a></p>
|
||||
<h1>Site Map</h1>
|
||||
<p>Links to different sections and pages within the website.</p>
|
||||
<h2><a href="../">Home</a></h2>
|
||||
<ul class="posts">
|
||||
<li><a style="color:#bd93f9" href="../blog">Blog</a></li>
|
||||
<li><a style="color:#ffb86c" href="../about">About</a></li>
|
||||
<li><a style="color:#f1fa8c" href="../portfolio">Portfolio</a></li>
|
||||
<li><a style="color:#ff5555" href="../links">Links</a></li>
|
||||
<li><a style="color:#50fa7b" href="../definitions">Definitions</a></li>
|
||||
<li><a style="color:#cccccc" href="../sitemap/">Site Map</a></li>
|
||||
</ul>
|
||||
<h2><a style="color:#bd93f9" href="../blog">Blog</a></h2>
|
||||
<h3>Categories</h3>
|
||||
<ul class="posts">
|
||||
<li><a style="color:#ff79c6" href="../blog/linux/">Linux</a></li>
|
||||
<li><a style="color:#ff79c6" href="../blog/software/">Software</a></li>
|
||||
<li><a style="color:#ff79c6" href="../blog/technology/">Technology</a></li>
|
||||
<li><a style="color:#ff79c6" href="../blog/guides/">Guides</a></li>
|
||||
<li><a style="color:#ff79c6" href="../blog/other/">Other</a></li>
|
||||
</ul>
|
||||
<h3>Posts</h3>
|
||||
<ul class="posts">
|
||||
<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>
|
||||
<li><a style="color:#bd93f9" href="../blog/public-insta/">Instagram Deleted!</a></li>
|
||||
<li><a style="color:#bd93f9" href="../blog/metal-usb/">Buy Only Metal USBs</a></li>
|
||||
<li><a style="color:#bd93f9" href="../blog/passwd-2023/">Password Systems</a></li>
|
||||
<li><a style="color:#bd93f9" href="../blog/eid-mubarak-2023/">Eid Mubarak!</a></li>
|
||||
<li><a style="color:#bd93f9" href="../blog/doas-sudo/">Use Doas Instead Of Sudo</a></li>
|
||||
<li><a style="color:#bd93f9" href="../blog/social-media/">Stop Using Social Media</a></li>
|
||||
<li><a style="color:#bd93f9" href="../blog/discord-account/">Delete Your Discord Account</a></li>
|
||||
<li><a style="color:#bd93f9" href="../blog/browser-setup/">My New Browser Setup</a></li>
|
||||
<li><a style="color:#bd93f9" href="../blog/email-encrypt/">How To Encrypt Emails</a></li>
|
||||
<li><a style="color:#bd93f9" href="../blog/crypto-exchanges/">Keep Crypto Off Exchanges</a></li>
|
||||
<li><a style="color:#bd93f9" href="../blog/terminal-apps/">Why I Use Terminal Apps</a></li>
|
||||
</ul>
|
||||
<h2><a style="color:#ffb86c" href="../about/">About</a></h2>
|
||||
<ul class="posts" style="color:#ffb86c">
|
||||
<li><a style="color:#ffb86c" href="../about/files/sufyaan.gpg">Sufyaan's PGP Key</a></li>
|
||||
</ul>
|
||||
<h2><a style="color:#50fa7b" href="../definitions/">Definitions</a></h2>
|
||||
<ul class="posts">
|
||||
<li>A</li>
|
||||
<li><a style="color:#50fa7b" href="../definitions/arch-linux/">Arch Linux</a></li>
|
||||
<li>F</li>
|
||||
<li><a style="color:#50fa7b" href="../definitions/free-software/">Free Software</a></li>
|
||||
<li>L</li>
|
||||
<li><a style="color:#50fa7b" href="../definitions/lineageos/">LineageOS</a></li>
|
||||
<li><a style="color:#50fa7b" href="../definitions/linux-distribution/">Linux Distribution</a></li>
|
||||
<li><a style="color:#50fa7b" href="../definitions/linux-phones/">Linux Phones</a></li>
|
||||
<li>M</li>
|
||||
<li><a style="color:#50fa7b" href="../definitions/malware/">Malicious Software [malware]</a></li>
|
||||
<li>O</li>
|
||||
<li><a style="color:#50fa7b" href="../definitions/operating-system/">Operating System</a></li>
|
||||
<li>P</li>
|
||||
<li><a style="color:#50fa7b" href="../definitions/pre-built-computers/">Pre-Built Computers</a></li>
|
||||
<li>S</li>
|
||||
<li><a style="color:#50fa7b" href="../definitions/security-key/">Security Key</a></li>
|
||||
<li>T</li>
|
||||
<li><a style="color:#50fa7b" href="../definitions/thinkpad/">ThinkPad</a></li>
|
||||
<li>U</li>
|
||||
<li><a style="color:#50fa7b" href="../definitions/unix-philosophy/">UNIX Philosophy</a></li>
|
||||
</ul>
|
||||
<hr/>
|
||||
<footer>
|
||||
<p><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about/">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>
|
||||
<p style="font-size:80%"><a href="../../">sufyaan.cyou</a></p>
|
||||
<p 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 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,2 @@
|
||||
b,ol,p,ul,figcaption{font-family:jetbrains}body,h1{color:#f8f8f2}figcaption{font-weight:bold;font-size:90%;color:#50fa7b}.posts,h1,h2,h3,ol,p,ul{margin-left:8vw}.nested-list,.posts,h1,ol,ul{margin-top:1vw;margin-bottom:1vw}.responsive,div.desc,footer{text-align:center}@font-face{font-family:jetbrains;font-weight:400;font-display:swap;src:url("fonts/woff2/jetbrains-light-woff2.woff2") format('woff2'),url(fonts/woff/jetbrains-light-woff.woff) format('woff')}@font-face{font-family:jetbrains;font-weight:700;font-display: swap;src:url("fonts/woff2/jetbrains-bold-woff2.woff2") format('woff2'), url(fonts/woff/jetbrains-bold-woff.woff)}body{background:#282b35}p{margin-right:8vw;font-weight:400}img{width:40vw}b{font-weight:700}ol,ul{font-weight:400}code,h1,h2,h3{font-weight:700;font-family:jetbrains}hr{width:87%;color:#6272a4}code{color:#50fa7b;overflow-wrap:break-word}a{color:#8be9fd}footer{padding:3px}h1{font-size:200%}h2{font-size:150%;margin-top:1.5vw;margin-bottom:1.5vw}h3{font-size:110%}i{margin-right:10px}.posts{font-family:jetbrains;list-style-type:none}.code-posts{font-family:jetbrains;color:#6272a4;font-size:80%}.homepage-title{display:block;padding-top:3.25vw;padding-bottom:3vw;margin-left:auto;margin-right:auto;width:30%;max-width:35%;height:7.5%}.footer-text{font-family:jetbrains}.nested-list{margin-left:-2vw;margin-right:3vw}div.gallery{border:1px solid #6272a4}div.gallery:hover{border:1px solid #8be9fd}div.gallery img{width:100%;height:auto}div.desc{padding:15px}*{box-sizing:border-box}.main{margin-left:10vw;margin-right:7vw;width:90vw;margin-bottom:4vw}.responsive{font-family:jetbrains;padding:0 6px;margin:auto;display:block;float:left;width:22%}.clearfix:after{content:"";display:table;clear:both}@media screen and (max-width:600px){.posts,h1,h2,h3,ol,p,ul{margin-left:20px;margin-right:20px;margin-top:30px}hr{width:93%}.posts{font-size:90%;padding:0}.code-posts{font-size:75%}.homepage-title{width:50%;max-width:75%;height:12.5%}.nested-list{margin-left:-6vw;margin-top:4vw;margin-bottom:4vw}.responsive{width:100%;padding-bottom:4vw}div.gallery{border:1px solid #282b35}div.gallery:hover{border:1px solid #8be9fd}.main{width:75vw;margin-top:7vw;padding:8px}}@media screen and (max-width:1150px){img{width:75vw}}
|
||||
|