diff --git a/INTRO.md b/INTRO.md new file mode 100644 index 0000000..adeef58 --- /dev/null +++ b/INTRO.md @@ -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. diff --git a/README.md b/README.md index a780e2b..cee121f 100644 --- a/README.md +++ b/README.md @@ -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. diff --git a/about/files/sufyaan.gpg b/about/files/sufyaan.gpg new file mode 100644 index 0000000..36ca18d --- /dev/null +++ b/about/files/sufyaan.gpg @@ -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----- diff --git a/about/index.html b/about/index.html new file mode 100644 index 0000000..9054546 --- /dev/null +++ b/about/index.html @@ -0,0 +1 @@ +(ABOUT) Sufyaan's Webpage

sf.cu > About

Contact

If you would like to contact me, please keep reading.

Email

My preferred way of communication is email. However, it is incredibly insecure. Therefore, I request you to encrypt your emails with me.

My email is sufyaan@counterhawks.com [public key].

Fingerprint: 7CC9 2B65 FEC5 5C3F CC35 2891 6635 5EDD F4E5 B3EC

Please note that all emails (both encrypted & plaintext) from me will be signed with my public key.

Websites

I am not active on most social media platforms. Please read this post to find out why. Below are the only social media platforms I am on:

As aforementioned, I am not active on these platforms. I post rarely. This is the only website on which I post regularly.

I post branding and design related content on these websites.


diff --git a/blog/backups/index.html b/blog/backups/index.html new file mode 100644 index 0000000..88236d0 --- /dev/null +++ b/blog/backups/index.html @@ -0,0 +1,26 @@ + + + + + (POST) Sufyaan's Webpage + + + + + + + + + +
+

Taking Proper Backups

+

This post will be posted soon!

+
+ diff --git a/blog/browser-setup/index.html b/blog/browser-setup/index.html new file mode 100644 index 0000000..3e950a1 --- /dev/null +++ b/blog/browser-setup/index.html @@ -0,0 +1 @@ +(POST) Sufyaan's Webpage

sf.cu > Blog > My New Browser Setup

My New Browser Setup

Posted on 17 March 2023

Categories: Software

I have a new browser setup on my desktop to increase my privacy and convenience. It is divided into two profiles that perform differently based on what I need to do in the moment.

What is it?

I use Librewolf as my browser. It is a fork of Firefox that is enhanced for privacy without heavily impacting user experience. I divided it into two profiles:

  1. Accounts (instances in which I need to login)
  2. Browsing (general website browsing)

Let me walk through how each profile is setup.

Profile Setup

Firstly, let me talk about common settings between both profiles.

Common In Both

On both profiles, I have my settings to optimize my privacy. On Firefox-based browsers, it is very easy to use these settings because most of them have little impact on convenience. I use Brave Search as my search engine and will switch to my own SearX instance when I get a good server. In terms of extensions, I have the 'uBlock Origin' extension installed setup to block JavaScript and remote fonts by default. I have the default lists along all the others unchecked by default apart from language lists. I block every single domain from Google, Facebook, Microsoft and other websites which are known for tracking. If a website breaks, I whitelist that website in particular.

Accounts Profile

My accounts profile is optimized to work well with day-to-day logins and important websites. I use this profile for all websites where I can login like Google or Microsoft.

I use the following extensions:

  1. Cookie AutoDelete
  2. Containers

Browsing Profile

My browsing profile runs in permanent private browsing mode so my cookies, cache and browsing history are automatically deleted when I close my browser. I use it for general web browsing like watching videos, viewing articles and more. I have most of the content I like in an RSS feed but this profile is useful for some websites which either do not have an RSS feed or I only need to use once.

For this profile, I use these extensions:

  1. Dark Reader
  2. LibRedirect

Conclusion

This setup has been serving me extremely well. I will continue using this setup and building on it if any specific need arises.

>>> Reply To Me

Previous Post - Next Post


diff --git a/blog/crypto-exchanges/index.html b/blog/crypto-exchanges/index.html new file mode 100644 index 0000000..0eb615f --- /dev/null +++ b/blog/crypto-exchanges/index.html @@ -0,0 +1,2 @@ +(POST) Sufyaan's Webpage

sf.cu > Blog > Keep Crypto Off Exchanges

Keep Crypto Off Exchanges

Posted on 14 March 2023

Categories: Software && Technology

+

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.

Lack of Ownership

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, if they shut down, you will lose your crypto. 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.

No Regulation

Currently, the whole crypto exchange industry has a severe lack of regulation. The fact that exchanges have your private keys means that they can freeze your account which would cut off your access to your own crypto. Governments can request such freezes. This may seem improbable but it happened in South Korea.

Hacking

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.

Conclusion

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.

>>> Reply To Me

Previous Post - Next Post


diff --git a/blog/discord-account/index.html b/blog/discord-account/index.html new file mode 100644 index 0000000..5e62590 --- /dev/null +++ b/blog/discord-account/index.html @@ -0,0 +1 @@ +(POST) Sufyaan's Webpage

sf.cu > Blog > Delete Your Discord Account

Delete Your Discord Account

Posted on 22 March 2023

Categories: Software && Guides

As mentioned in the title, I have deleted my Discord account. This was obviously not without a reason. There are two reasons due to which I deleted my Discord account:

The most prominent reason is privacy but lack of use compelled me to actually take the plunge and delete my Discord account.

Privacy

Introduction

Discord is a hellhole for your privacy. Avoid it at all costs. In this section, I will show you the various things that Discord tracks.

DISCORD'S HISTORY

OpenFeint was a mobile social network for gaming. The Founder of OpenFeint was Jason Citron, the current CEO of Discord. OpenFeint received a class-action lawsuit for storing data like:

OpenFeint then revealed all of this data to any mobile game developer who asked for it and advertising networks.

Well, if they collected all of this data, you must have agreed to it, right?

No. The company never asked for your consent. This data collection involved over 100M mobile devices.

PRIVACY ISSUES

So, when you have the CEO of a company that did all of this data collection become the CEO of another company, what do you think he is going to do? The answer is obvious. Of course he will do the same thing.

Let us go over what privacy issues there currently are with Discord.

  1. All messages, including direct messages are unencrypted.
    • Do not share any sensitive information on it. It can be detrimental if you store a password on their servers as any Discord employee can view it.
  2. Discord collects every single thing you do.
    • Do not be surprised if they log the amount of times you breathe while using Discord. It is stored with your User ID, an event ID, a timestamp and a detailed explanation of everything you do.
  3. Discord collects information about game executables.
    • After scanning your game executables, Discord basically will have a tally of what games you play. If they are doing it for game executables, there is no doubt that they are doing it for other apps as well.
  4. Government agencies, gather round!
    • Discord's privacy policy states that your data will be given to any government organisation that asks for it.
  5. The privacy toggles in the Discord app do nothing.
    • All they do is tell the server to delete the data as soon as it receives it. There is no verification, let alone an audit to verify this.
  6. Your messages are with us... and everyone else.
    • When you delete your Discord account, your messages are still kept and your profile will simply be replaced by “Deleted Account”. If you used Discord for even more than a few days to talk with friends, your messages are more than enough to deanonymize you.
  7. Oh, and don't do it yourself.
    • You will get banned for using tools to delete messages on Discord.

ALL IN ALL...

... this is not all that Discord does. If we know that Discord does all of this, there is obviously more that they are doing that we do not know. You should always assume closed-source pieces of software are tracking you and sending your information to a third-party.

Lack of Use

I was not using Discord anymore so I deleted it. The reason is that my previous account got banned for botting when I did not do anything. I made a new account, chatted with three or four of my friends. Afterwards, the CounterHawks Discord server got banned. Due to this, I realized there is no use for my account and that there is no reason for me to support Discord.

Conclusion

I do not use Discord anymore and probably never will. Previously, it was difficult to delete my Discord account but Discord themselves have done all the hard work for me.

>>> Reply To Me

Previous Post - Next Post


diff --git a/blog/do-it-yourself/index.html b/blog/do-it-yourself/index.html new file mode 100644 index 0000000..23765c6 --- /dev/null +++ b/blog/do-it-yourself/index.html @@ -0,0 +1,37 @@ + + + + + (POST) Sufyaan's Webpage + + + + + + + + + +
+

sf.cu > Blog > Do It Yourself

+

Do It Yourself

+

Posted on 19 May 2023

Categories: Software

+

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. +

+

As an example, a plethora of technology enthusiasts still buy ThinkPads to this day. When others look at ThinkPads, they think whoever buys them is not making a good decision. They think ThinkPads look ugly. They do not focus on the usability of a device. ThinkPads 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.

+

Instead of buying ThinkPads that function amazingly, people go for looks that impress 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.

+

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 pre-built computer, I would have never known what was inside my computer. This is tedious on smartphones since they are becoming more and more locked down. Linux phones are alternatives but they are not great as of 2023. I hope they become mainstream soon because I want to buy one.

+

Doing it yourself also helps in terms of software. I used to flash custom ROMs on my old phone and used LineageOS extensively. Now, I use Arch Linux on my computer, which is a Linux distribution that is basically barebones. It has only the packages required to boot up. Everything else is done by you. The advantage of an operating system 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.

+

Conclusion

+

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.

+

>>> Reply To Me

+

Previous Post

+
+ diff --git a/blog/doas-sudo/index.html b/blog/doas-sudo/index.html new file mode 100644 index 0000000..8031c68 --- /dev/null +++ b/blog/doas-sudo/index.html @@ -0,0 +1 @@ +(POST) Sufyaan's Webpage

sf.cu > Blog > Use Doas Instead Of Sudo

Use Doas Instead Of Sudo

Posted on 20 April 2023

Categories: Linux && Software && Guides

Sudo. It is often used by Linux users to perform commands with root privileges instead of being in a root shell all the time. However, there has recently been a vulnerability in sudo due to which people are switching to doas.

What is Doas?

OpenDoas or Doas is a portable version of the doas utility that is used on OpenBSD. OpenDoas can be installed on Unix-like system which includes Linux. It is designed to be more minimal and has less configuration options than sudo. If you are on a personal computer, then I highly recommend you switch to doas because it has a much smaller codebase which leaves less room for error.

However, if you are part of a professional environment with many individuals needing to use sudo, I recommend staying with sudo because it offers more configuration options to be used for groups and users.

Installing Doas

Doas is available on almost all major distributions. If your distribution is Debian-based (Ubuntu, Linux Mint, Zorin OS), simply type:

sudo apt install doas

If you run an Arch-based system (Artix, Arco, Endeavour, Manjaro), type:

sudo pacman -S opendoas

If you use RHEL-based systems (Fedora, CentOS), type:

sudo dnf install opendoas

Doas should now be installed but it will not work out of the box. There is one line that we need to add to the configuration file.

Configuring Doas

You have to configure doas as it is not included in most distributions by default but do not fret! One of its plus points is that its configuration is much better than sudo's.

To begin, edit the /etc/doas.conf file as root.

If you are the only user on your system and do not plan to allow other users to use your system, this line will suffice.

permit persist username as root

Many distributions have a group (wheel, sudoers) that are allowed to run sudo commands. If you would like to allow that group to send commands as root, type this:

permit persist :wheel as root

Using Doas

Using doas is incredibly simple. Just type doas instead of sudo. For example, if you usually type:

sudo pacman -Syu

then just type:

doas pacman -Syu

I also recommend aliasing doas to 'doas --' since it causes issues sometimes if you just use doas. Apart from that, this is it for the setup.

Conclusion

If you are the only person on your Linux machine, you should switch to doas. It is much more lightweight and is similar to sudo. It has a smaller codebase which, in my opinion, prevents exploits from popping up as often as sudo.

However, if you are in a professional environment, you should stick with sudo.

>>> Reply To Me

Previous Post - Next Post


diff --git a/blog/eid-mubarak-2023/index.html b/blog/eid-mubarak-2023/index.html new file mode 100644 index 0000000..08e7120 --- /dev/null +++ b/blog/eid-mubarak-2023/index.html @@ -0,0 +1 @@ +(POST) Sufyaan's Webpage

sf.cu > Blog > Eid Mubarak!

Eid Mubarak!

Posted on 21 April 2023

Categories: Other

I would like to wish an 🌙 AUSPICIOUS EID 🌙 to you and your family!

>>> Reply To Me

Previous Post - Next Post


diff --git a/blog/email-encrypt/index.html b/blog/email-encrypt/index.html new file mode 100644 index 0000000..500df34 --- /dev/null +++ b/blog/email-encrypt/index.html @@ -0,0 +1 @@ +(POST) Sufyaan's Webpage

sf.cu > Blog > How To Encrypt Emails

How To Encrypt Emails

Posted on 14 March 2023

Categories: Software && Guides

In this article, I will show you how to encrypt emails. You can encrypt emails on almost any device. In this article, however, I will be focusing on Gmail, Outlook, Yahoo. I will also be focusing on making ProtonMail encrypt emails with Gmail.

Myths

Firstly, let us dispell a few myths. The first myth is a big one.

Gmail's Confidential mode does not encrypt your emails

Yes, you heard that right. Gmail's confidential mode does not encrypt your emails. Whenever I speak about email encryption, I hear something along the lines of:

“Why are you making things so complicated? Just use Gmail's confidential mode! It encrypts your emails for you!”

No, Gmail's confidential mode does not encrypt emails. It simply puts a password on your email.

ProtonMail does not encrypt emails sent to non-ProtonMail users

This is also a huge myth. ProtonMail encrypts emails sent to other ProtonMail users. However, they do not encrypt emails sent to or received from non-ProtonMail users. It collects less data about you and it stores your emails with encryption on their servers but the email itself is not encrypted on the other person's end.

Encryption for non-ProtonMail users works on a user-to-user basis. You have to have the encryption keys of the other person if they are a non-ProtonMail user and they also have to encrypt their emails manually. We will learn how to do this in this guide.

Online Email

Encrypting your emails online is a simple process.

Step 1: Get the Mailvelope extension

Mailvelope is a free, libre and open-source browser extension which allows you to not only encrypt emails using public keys but also has a keyserver which has a list of other people who use Mailvelope. Emails sent to other people using Mailvelope will automatically be encrypted.

Step 2: Set it up

Open the extension and generate your keypair if you do not have a keypair or import your keypair if you do have one.

Mailvelope Setup Screen

Step 3: Import other people's keys

Encourage all of your friends to get the Mailvelope extension. Afterwards, you can import their public keys. Henceforth, all emails will be encrypted. Many websites also give their own public key along with their emails so that you can encrypt them as well. If you have friends who use ProtonMail, go to the ProtonMail import section of this post.

Step 4: Send encrypted emails!

Whenever you go to compose an email, there will be a button like the image below. Just click on it and there will be a popup to compose your encrypted email. Just fill in the info and send your email!

Mailvelope Icon to send encrypted emails

Smartphones

Firstly, I would like to give a disclaimer. There is no way to use PGP encryption on iOS. Most encryption that is used on iOS is either paid or unavailable. On Android, you cannot encrypt emails using the native applications for Gmail, Outlook or Yahoo. Even if there is such a feature, you should not use their official clients due to their invasive tracking. To encrypt emails, we will use an email app called K-9 Mail. I believe that everyone should use K-9 Mail even if they are not encrypting their emails. It is a fantastic app.

K-9 Mail is a free and open-source email app that has a lot of features. I believe that no one should be writing emails on their phones but it is a great app to have just to make sure there is nothing urgent in your inbox.

Step 1: Get the app

K-9 Mail is on the Play Store, but do not get it from there. Get F-Droid and make it a habit to download apps you use and the alternatives to them through F-Droid. K-9 Mail is available on F-Droid and is a popular app there.

Step 2: Set it up

Follow the guide to enter your email address and get it working through K-9 Mail. I have tried Gmail and it works flawlessly. Other email providers will work well but some may not work at all.

Step 3: Get the OpenKeychain app

OpenKeychain is an app that allows you to import and manage PGP keys. It is also available on F-Droid.

Step 4: Generate/Import your key

Generate your key by pressing the option to create a key or import the key file.

Step 5: Setup K-9 Mail

Go back to K-9 Mail, go to settings, go to your account that you added, go to end-to-end encryption and enable it. Select your key. Turn on autocrypt mutual mode. That is it! You should see a lock icon whenever you are sending an email to someone if you have their PGP public key. If you need to import more keys, just go to the OpenKeychain app and import them.

Composing an encrypted email in K-9 Mail

Exporting ProtonMail Keys

To export your ProtonMail public keys, follow these steps.

  1. Login to your ProtonMail account
  2. Go to the settings
  3. Go to the section labelled 'Encryption and keys'
  4. Scroll down to 'Email encryption keys' and click 'Export'.

The image below is how it looks like in 2023.

ProtonMail Key Export Dashboard

You can now send these keys to anyone to import into their PGP keychain. They will then be able to encrypt emails when sending them to your ProtonMail address!

Conclusion

That is it! You have setup encryption on your emails. This is a great step as email itself is very unsecure, so this will boost your privacy and security by a lot. Sharing passwords through email has never been safe but encryption allows you to do it with a good range of security.

>>> Reply To Me

Previous Post - Next Post


diff --git a/blog/email-encrypt/k9-encryption.webp b/blog/email-encrypt/k9-encryption.webp new file mode 100644 index 0000000..47165ac Binary files /dev/null and b/blog/email-encrypt/k9-encryption.webp differ diff --git a/blog/email-encrypt/mailvelope-1.webp b/blog/email-encrypt/mailvelope-1.webp new file mode 100644 index 0000000..6ee1645 Binary files /dev/null and b/blog/email-encrypt/mailvelope-1.webp differ diff --git a/blog/email-encrypt/mailvelope-2.webp b/blog/email-encrypt/mailvelope-2.webp new file mode 100644 index 0000000..f71264f Binary files /dev/null and b/blog/email-encrypt/mailvelope-2.webp differ diff --git a/blog/email-encrypt/protonmail-key-export.webp b/blog/email-encrypt/protonmail-key-export.webp new file mode 100644 index 0000000..46878b7 Binary files /dev/null and b/blog/email-encrypt/protonmail-key-export.webp differ diff --git a/blog/guides/index.html b/blog/guides/index.html new file mode 100644 index 0000000..5fcd688 --- /dev/null +++ b/blog/guides/index.html @@ -0,0 +1,10 @@ +(BLOG) Sufyaan's Webpage

sf.cu > Blog > Guides

+

Guides

In this category, I post guides about computing and technology.

+

You have read the last page!


diff --git a/blog/index.html b/blog/index.html new file mode 100644 index 0000000..c420867 --- /dev/null +++ b/blog/index.html @@ -0,0 +1,16 @@ +(BLOG) Sufyaan's Webpage

sf.cu > Blog

+

Blog

Categories

Read my (mostly) computing-related articles here.

+

You have hit rock bottom!


diff --git a/blog/linux/index.html b/blog/linux/index.html new file mode 100644 index 0000000..245460d --- /dev/null +++ b/blog/linux/index.html @@ -0,0 +1,5 @@ +(BLOG) Sufyaan's Webpage

sf.cu > Blog > Linux

+

Linux

In this category, I post about tools and information related to Linux.

+

You reached the bottom of your screen!


diff --git a/blog/metal-usb/index.html b/blog/metal-usb/index.html new file mode 100644 index 0000000..3516138 --- /dev/null +++ b/blog/metal-usb/index.html @@ -0,0 +1,36 @@ + + + + + (POST) Sufyaan's Webpage + + + + + + + + + +
+

sf.cu > Blog > Buy Only Metal USBs

+

Buy Only Metal USBs

Posted on 6 May 2023

Categories: Technology +

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:

+ +

Here is what USBs are not good for:

+ +

For both use cases listed above, disks like hard drives and SSDs are much better.

+

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.

+

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.

+

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.

+

>>> Reply To Me

+

Previous Post - Next Post +


+ diff --git a/blog/other/index.html b/blog/other/index.html new file mode 100644 index 0000000..623c247 --- /dev/null +++ b/blog/other/index.html @@ -0,0 +1,5 @@ +(BLOG) Sufyaan's Webpage

sf.cu > Blog > Other

+

Other

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.

+

You have hit rock bottom!


diff --git a/blog/passwd-2023/index.html b/blog/passwd-2023/index.html new file mode 100644 index 0000000..2924887 --- /dev/null +++ b/blog/passwd-2023/index.html @@ -0,0 +1,87 @@ + + + + + (POST) Sufyaan's Webpage + + + + + + + + + +
+

sf.cu > Blog > Password Systems

+

Password Systems

Posted on 2 May 2023

Categories: Software && Guides

+ +

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.

+

Introduction

+

It goes without saying that passwords are incredibly important. It is undeniably important to make sure your passwords are:

+ +

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?

+

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.

+

The most common response I hear from people when I ask them to create a password system is:

+

"I think using the same password on all accounts is better because I don't have a good memory to use a password system."

+

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.

+

How to Create a Password System

+

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:

+ +

The main format and order of a password system is completely managed by you. First, let us go over creating a master password.

+

The Master Password

+

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.

+

Step 1: Think of a good sentence

+

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.

+

Example: I love eating 43 and a half coconuts a day, I am not going to lie!

+

Step 2: Shortening the sentence

+

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.

+

Example: Ile43aahcad,Iangtl!

+

Step 3: Make it stronger

+

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.

+

Do not use common substitutions like:

+ +

+

Example: I<3e43&1/2cad,IangtLIE!

+

Step 4: Make your muscles learn it

+

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.

+

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.

+

The Service Differentiator

+

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.

+

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.

+

nextcLOUD!999

+

microSOFT!999

+

googlE!666

+

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.

+

By this point, you can make your own service differentiator easily.

+

Creating Your Password System

+

It is finally time to integrate your master password into a password system. It is called a password system, which means that it is dynamic and changes for every website. A sample password system can be the following:

+

"3007AXB" + (SERVICE DIFFERENTIATOR) + (MASTER PASSWORD)

+

In my example's case, my Google account password would be:

+

3007AXBgooglE!666I<3e43&1/2cad,IangtLIE!

+

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.

+

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.

+

Conclusion

+

Congratulations! You now know how to create an extremely strong password that is different on each account.

+

>>> Reply To Me

Previous Post - Next Post +


+ diff --git a/blog/post-template/blog-template.html b/blog/post-template/blog-template.html new file mode 100644 index 0000000..e84eb3f --- /dev/null +++ b/blog/post-template/blog-template.html @@ -0,0 +1,29 @@ + + + + + (POST) Sufyaan's Webpage + + + + + + + + + +
+

Blog Post Template

+

Posted on XX XXXXX XXXX

Categories: Linux

+

Hey... you are not supposed to be here! Here, have an icon!

+

A keyboard icon!

+

>>> Reply To Me

+
+ diff --git a/blog/public-insta/index.html b/blog/public-insta/index.html new file mode 100644 index 0000000..d5b77db --- /dev/null +++ b/blog/public-insta/index.html @@ -0,0 +1,30 @@ + + + + + (POST) Sufyaan's Webpage + + + + + + + + + +
+

sf.cu > Blog > Instagram Deleted!

+

Instagram Deleted!

Posted on 7 May 2023

Categories: Software

+ +

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 this post for more information.

+

>>> Reply To Me

+

Previous Post - Next Post +


+ diff --git a/blog/social-media/index.html b/blog/social-media/index.html new file mode 100644 index 0000000..5ee78c0 --- /dev/null +++ b/blog/social-media/index.html @@ -0,0 +1 @@ +(POST) Sufyaan's Webpage

sf.cu > Blog > Stop Using Social Media

Stop Using Social Media

Posted on 20 April 2023

Categories: Software && Guides

I know how you felt reading the title. If you are a heavy social media user, you probably said:

"What? Who in their right mind would delete their social media accounts? How are they supposed to live life and talk to their friends?"

Don't worry. That was me last year. I understand your feelings. However, the disadvantages of social media and the perks of deleting it far outweigh its benefits. In this post, I will go over the reasons why you should delete all of your social media.

Cons of Social Media

Time-Consuming

A study counted 5 billion internet users and it was concluded that, on average, an internet user spends 6 hours and 53 minutes online per day. 6. HOURS. AND. 53. MINUTES. That is almost a whole third of people's daily lives. Another study concluded that people spend more time on social media in their whole lifetime than grooming, socialising (social media !=socialising) and doing the laundry combined.

It is not as if any of the time spent is valuable. Sure, you may learn one or two 'fun facts, which will make you think that you need social media. You may talk with your friends a lot, which will make you think that your account is required to socialise with people. However, these are all nonsensical excuses that your brain makes to justify getting cheap dopamine. Imagine how much work you can get done, how many actual connections you can make with people, and how many good habits can be formed that will make you happier in the long term than social media.

Affects Your Mental Health

Whenever people hear that social media affects your mental health, they agree but say that it does not affect them specifically. The most common argument I hear is:

"Yeah, I know that it affects other people. However, I am fine with it. I feel normal and do not feel depressed at all.

All I can say is not to trust what your brain tells you whenever you are dealing with any addiction, not just social media. Think about it. The same brain that is telling you that you should keep using social media for meaningless reasons is the one telling you that it is not affecting you.

Social media is a constant source of comparison. You open it up, view a few triggering posts, find out that your favourite actor has passed away, and see your friends perfect lives. Before closing the app, you apply filters to yourself and edit the picture as much as possible for your stories to make yourself look artificially good.

You see, not only is social media fake, it also has an absurd effect on your mental health. It has been proven that many social media platforms track you to show you personalised content. They use human psychology to hook you onto their platforms.

There are two chemicals in your brain that are responsible for happiness:

In many cases, the effect of dopamine is much greater than the effect of endorphins. Recall back to a young age when you realised you were about to receive a toy that you had been waiting for for a few days. The feeling you got when you realised you would get it soon was more intense than the actual feeling of getting the toy.

The same trick applies on social media. Many social media platforms show you content that is completely different from the content that you like just before showing you content that you really like. This results in more dopamine being released, with a good amount of endorphin being released as well. To your brain, it has just achieved something great when, in reality, you have not.

Constantly high dopamine and endorphin releases raise your base happiness levels. This is why things that you used to love now seem boring to you. It is not 'growing up'. It is your social media addiction.

Social media metrics also contribute to this. It makes you think that likes and comments are proportional to your worth, which is simply not the case. When you get a like, it is a form of validation that you are valuable to someone. Someone not liking your post does not mean that you are not valuable.

FOMO (fear of missing out) plays a big role as well. The phrase:

"If everyone is using [insert anything here], why shouldn't I?"

is commonly said by an individual who experiences FOMO without the thing in question. There is a constant fear of missing out on information, which simply will not happen. You may miss some arbitrary information that you would not care about otherwise, but this is not a reason at all to continue using social media.

To hook you into their addiction, social media companies hire "attention designers" who take references and inspiration from casinos to keep you hooked.

Before ending this unexpectedly long section, I would like you to read this quote.

"You're either on, and you're connected and distracted all the time, or you're off, but then you're wondering, Am I missing something important? In other words, you're either distracted or you have a fear of missing out."

Tristan Harris, Former Design Ethicist at Google

Privacy

If you post everything you do on social media, there is no longer any privacy. Anything you do is public information. If you have a 'private' account, your friends know everything you do. There is no privacy at all if you keep posting everything on social media.

Then there is the elephant in the room. Digital Privacy.

It is well-known that apps like Instagram, Facebook, Twitter, and some Google apps collect your data like their lives depend on it (technically, they do). Everything from your name to your IP address and phone number to even the amount of network requests you make or the model of your phone. Not to mention, literally everything you do on the app. This all goes to their servers and is used for more advertisements.

It is pretty safe to say that your digital footprint, as it is called, can be nearly eliminated by deleting your accounts. There are more steps that you have to take to take care of your privacy, but preventing data collection from big corporations is a huge step.

Fake News

Fake news. It's everywhere. Even the worst social media addict cannot deny it. You see parody pages that copy the design of famous news channels perfectly and post random news. You see people edit images to exaggerate or divert the subject of an article. There is not much that I need to say. You know what I mean.

Much Worse Sleep

The blue-light from your phone tricks your brain into thinking it's daytime. So, when you use your phone late into the night scrolling on your social media feed, it makes you feel less sleepy.

When this happens, do you know what most people do? They pick up their phones again since they cannot sleep, thinking that they will sleep in 30 minutes when they are sleepy. This cycle goes on. Many individuals of Generation Z do not sleep the whole night for many days on end and instead take naps in the afternoon. Does this sound healthy to you?

And no, using a blue-light filter does not fix the issue. It only slightly reduces its effect.

Decline In Physical Health

When you spend hours and hours a day sitting down with no exercise or action apart from flicking your thumb, what do you think will happen? You may experience the following effects:

  1. Weight Gain
  2. Back Pain
  3. Bad Posture
  4. Neck Pain
  5. Eye Strain
  6. Increased Risk of Heart Disease

Many individuals who use social media are experiencing these problems, which are usually experienced by older people, at ages like 25.

Horrible Productivity

When you are working and are in the zone (a phase in which you do high-quality work without even thinking about it), any minor disturbance will move you out of that state. A notification about someone liking your post can shake you out of the zone. In the long-term, this will waste hours of your time.

Getting Rid of It

So, you are ready. You want to quit social media and break this horrible addiction. You realise the effects it has on your life. However, you do not know where to start. If this is the case, check out 'The AIR Method'. If you would like to read how I did it, please refer to the steps below. Referring to the steps I took may help you understand your weak points and how to combat them.

1. Alternative Contact Details

Make a list of all of your friends and cross out the ones that you know can be reached on other chat applications. Ask the rest for alternative contact methods. This may be through apps like Signal, Session, XMPP, Matrix, or WhatsApp. Just make sure that it is not another social media app.

2. Download Your Data

Download your data to refer to in the future. Most social media platforms include chats along with it so that you can refer back to the chats if needed. A website like JustGetMyData will allow you to quickly get to this section. Most websites place it in places which are difficult to access to prevent people from deleting their accounts.

3. Start Using Healthier Apps

Quitting social media 'cold-turkey' (abruptly) may work for the first few days but it will cause you to fail completely. It is better to slowly reduce your usage by using healthier apps.

If you haven't already, start using RSS feeds. There is nothing wrong with using old technology. RSS provides you with a similar feed to social media but with content you actually like and want to read. It is managed by you, not an algorithm. You read what you want and stop. There is no algorithm or endless feed that compells you to keep using the app.

I am going to make a post about RSS feeds soon. It will be updated here.

4. Announce

It is also important to announce that you are deleting your accounts. This may not be necessary if you have less than five friends you talk to on your accounts but it is important if you have many friends. This announcement will allow your friends to contact you and tell you their alternative forms of contact. It will also allow people to know that you are leaving for good.

5. Take The Plunge!

The moment you have been waiting for. Click on the delete button.

This is much easier said than done, however. Most social media accounts have a grace period during which if you login to your account, your account deletion will be cancelled. For Instagram, the grace period is 1 month. To combat this, I did the following:

  1. Removed all recovery options (phone number, 2FA) from my accounts and changed my email to one from TempMail to prevent password reset
  2. Generated a random 128-character password in Bitwarden (my password manager)
  3. Changed my account password to the new password
  4. Deleted my account
  5. Immediately delete all records of the password and restart your device to clear it from your clipboard

These steps were drastic but they practically cemented the fact that my account was going to be deleted, no matter what.

Conclusion

There is not much left to say. I am much, much happier without social media. I have more time on my hands and I am still getting the information I want from RSS feeds without an algorithm trying to pull me in. Big corporations have much less data about me, I have a lot of time and have produced a lot of work. In terms of academics, my overall percentage in school has increased by over 20%. I find difficult subjects easier and easy subjects a piece of cake.

All in all, if you care about yourself, delete your social media. It is a hellhole that is getting worse by the day.

>>> Reply To Me

Previous Post - Next Post


diff --git a/blog/software/index.html b/blog/software/index.html new file mode 100644 index 0000000..23b54ee --- /dev/null +++ b/blog/software/index.html @@ -0,0 +1,14 @@ +(BLOG) Sufyaan's Webpage

sf.cu > Blog > Software

+

Software

In this category, I post new software I find, information about current software or tricks that can be utilised in current software.

+

ERROR: Cannot show more posts (EOFError)


diff --git a/blog/technology/index.html b/blog/technology/index.html new file mode 100644 index 0000000..6d09469 --- /dev/null +++ b/blog/technology/index.html @@ -0,0 +1,6 @@ +(BLOG) Sufyaan's Webpage

sf.cu > Blog > Technology

+

Technology

In this category, I post about tools and information related to Linux.

+

You have hit rock bottom!


diff --git a/blog/terminal-apps/index.html b/blog/terminal-apps/index.html new file mode 100644 index 0000000..6f502ab --- /dev/null +++ b/blog/terminal-apps/index.html @@ -0,0 +1 @@ +(POST) Sufyaan's Webpage

sf.cu > Blog > Why I Use Terminal Apps

Why I Use Terminal Apps

Posted on 13 March 2023

Categories: Linux && Software

“Ah, yes. Graphical-user interface (GUI) apps. They are so comfortable and easy to use. You just click some buttons and get your computer to do what you want.”

That was what I thought before I learned how spectacular terminal applications are. I do not use a calendar or email GUI app. I use its terminal equivalent. Specifically, I use Calcurse for my calendar/todo, neomutt for my email, sxiv for my image viewing, mpv for my video playing and even Joplin (CLI) for my notes. I am still actively looking for more apps like terminal file managers (lf, ranger, mc) and terminal versions of GUI apps I use (Bitwarden?). What compelled me to switch?

The Right Tool For The Right Job

Firstly, I realized that apps that allow me to use my keyboard and reduce mouse usage to as little as possible saved me a lot of time. By a lot of time, I don't mean a few minutes. I mean hours in the long run. Moving your hand to your mouse and clicking a button takes at least three seconds. Multiply that hundreds of times a day and 365 days an year. That leads to a lot of time wasted just moving your hand to your mouse.

Fast. Very Fast.

The speed of terminal apps have helped me get a lot more productive. Getting myself to start working immediately helped me a lot. I use Neovim for my text editor, and whenever I need to write text, its much faster to press a shortcut to open a blank file in Neovim than to open a GUI equivalent. It is also much faster to press a shortcut than to open my applications menu and search for my calendar app and wait a few seconds for the bloated app to open up. Terminal apps are just more lightweight. As a result, they operate faster and save me more than just a few seconds.

"Professionals Have Standards"

CLI apps are more standardized. With a GUI, the procedure for solving an issue or using the application's functionality is similar to this:

  1. Click 'button1' on the top right.
  2. Hover over 'dialogue2'
  3. Click on 'button3'
  4. Scroll down to 'setting4'
  5. Change the value to False.
  6. Click on Apply and OK.

This is the sole reason that you see the terminal being used so much in Linux. It's easier to say “Open your terminal and type this” than to blabber a long list of instructions that will become redundant if the application in question decides to change their UI in an update.

Run Them on a Potato!

Due to the lightweight nature of the command line, your tools can run on just about any computer. It does not matter if your computer has a Pentium processor or a 12th-generation i9. GUI tools have system requirements and if it is a robust tool with a fancy interface, chances are that the requirements just for the app to look good knocks that tool off your app list on your 10-year-old computer.

Exponential Learning Curve

While GUI apps are simple to use initially, your speed using the apps remains slow all the time. Sure, you may learn where every button is and be able to open any setting you want quickly, but that speed is nothing compared to one of a command line. With a command line, your speed is slower than a snail at first. However, after some time of using the program, you can do things at a similar speed as a GUI app.

If you daily-drive a terminal program, it takes only a few days for you to become faster at it than using a GUI program. After that, you will be able to understand your most used commands and use aliases to shorten them.

For example, if you view your free space regulary, instead of typing a 50-line command to print your free space, you can just alias that command to 'free-space'. Doing this will make it so that whenever you type 'free-space', it performs the aforementioned 50-line command and displays the output. This will save your more than just a few hours of time.

The Choices Never End!

With terminal apps, you have a plethora of choices. I can almost guarantee that an app with functionality you wish existed does exist in the form of a command line application. There are obscure apps with spectacular functionality which can change your computing experience that you will miss out on if you stay away from the terminal.

Bathe In Possibilities!

When it comes to GUI apps, you have to be honest. They do not have 100% functionality. It is simply implausible to fit every single function in a GUI app. Doing so would result in a lot of code to maintain, an extremely heavy app and a confusing layout. However, with a terminal app, all you have to do is type:

man command

or

command --help

and get the complete functionality of the app, all within less than 5% of the app size of its GUI equivalent.

Skip The Middlemen

All GUI apps are basically middlemen for the command line. They essentially use the command line for you. When you ditch the GUI and go straight for the terminal, you talk directly to the computer in a way in which the computer understands.

First Impressions Matter

When people first look at the terminal, it becomes set in their mind that it is difficult to use and that mentality stays for an extraordinarily long time. Due to this, they never experiment or even open the terminal application. If they run into an issue which requires the use of the terminal to fix, they decide to just live with the issue instead of using the terminal. However, if people use the terminal for a few weeks, they realize that it outpaces almost every other GUI app in almost everything.

Nothing is Perfect...

... including terminal applications. Terminal applications are amazing. They allow me to do so much. However, there are extremely rare cases in which I have no choice but to use a GUI. This is if the GUI application in question requires you to use only their app. There are also some specific use-cases in which GUI apps just make more sense. Video editing, advanced photo manipulation and 3D modelling are great examples.

To Sum It All Up...

...terminal applications should be used as much as possible. They are swift. They can be used quickly and also use less resources and space while running on just about anything. They are not as difficult as they look and can be used for uses which GUI apps do not have. They cannot be used all the time because there are rare exceptions in which GUI applications have to be used. However, these are so little that I do not mind keeping GUI apps just for these use cases.

>>> Reply To Me

Next Post


diff --git a/blog/tfa-guide/index.html b/blog/tfa-guide/index.html new file mode 100644 index 0000000..38ec552 --- /dev/null +++ b/blog/tfa-guide/index.html @@ -0,0 +1,46 @@ + + + + + (POST) Sufyaan's Webpage + + + + + + + + + +
+

sf.cu > Blog > Start Using 2FA Properly

+

Start Using 2FA Properly

Posted on 13 May 2023

Categories: Software && Guides

+ +

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.

+

Why buy a 2FA key when you can use 2FA codes or SMS for free? Let us start with SMS.

+

SMS

+

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. +

+

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, Jack Dorsey's (the former CEO of Twitter) account got hacked using this exact method. +

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. +

Authenticator Apps

+

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.

+

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:

+ +

You should also be taking frequent encrypted backups of not only your 2FA codes, but all data that is important to you. Read this post 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.

+

Security Keys

+

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 security keys, it is not recommended as it is still possible to just use the other insecure methods for a cybercriminal and bypass your security key.

+

I recommend Yubico and NitroKey security keys.

+

Conclusion

+

If there is one thing you take away from this post, it is to make 2FA your baseline security protocol. Use 2FA for every account that has it. Do not use SMS, use authenticator apps. If possible, spend money on three security keys.

+

>>> Reply To Me

+

Previous Post - Next Post +


+ diff --git a/definitions/arch-linux/arch-linux.webp b/definitions/arch-linux/arch-linux.webp new file mode 100644 index 0000000..8ba482a Binary files /dev/null and b/definitions/arch-linux/arch-linux.webp differ diff --git a/definitions/arch-linux/index.html b/definitions/arch-linux/index.html new file mode 100644 index 0000000..81b0628 --- /dev/null +++ b/definitions/arch-linux/index.html @@ -0,0 +1,29 @@ + + + + + (DEFINITION) Sufyaan's Webpage + + + + + + + + + +
+

sf.cu > Definitions > Arch Linux

+

Arch Linux

+
Arch Linux Logo
Arch Linux
+

Arch Linux is a barebones Linux Distribution. 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.

+

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.

+
+ diff --git a/definitions/free-software/free-software.webp b/definitions/free-software/free-software.webp new file mode 100644 index 0000000..bc30092 Binary files /dev/null and b/definitions/free-software/free-software.webp differ diff --git a/definitions/free-software/index.html b/definitions/free-software/index.html new file mode 100644 index 0000000..b0c7ffe --- /dev/null +++ b/definitions/free-software/index.html @@ -0,0 +1,38 @@ + + + + + (DEFINITION) Sufyaan's Webpage + + + + + + + + + +
+

sf.cu > Definitions > Free Software

+

Free Software

+
+ Free Software Foundation +
Free Software Foundation
+
+

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.

+

Free software has the following four essential freedoms.

+

Freedom 0: The freedom to run the program as you wish, for any purpose.

+

Freedom 1: 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.

+

Freedom 2: The freedom to redistribute copies so you can help others.

+

Freedom 3: 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.

+

A lot of free software uses the GNU General Public License (GPL). By using it, you support the free software movement and empower people through software.

+

This is just the tip of the iceberg. To read more about free software, start with the "What is Free Software?" page on GNU's website.

+
+ diff --git a/definitions/index.html b/definitions/index.html new file mode 100644 index 0000000..e588812 --- /dev/null +++ b/definitions/index.html @@ -0,0 +1,47 @@ + + + + + (DEFINITIONS) Sufyaan's Webpage + + + + + + + + + +
+

sf.cu > Definitions

+

Definitions

+

These are all the definitions that I used in my blog posts.

+

A

+ +

F

+ +

L

+ + + +

M

+ +

O

+ +

P

+ +

S

+ +

T

+ +

U

+ +
+ diff --git a/definitions/lineageos/index.html b/definitions/lineageos/index.html new file mode 100644 index 0000000..176ae97 --- /dev/null +++ b/definitions/lineageos/index.html @@ -0,0 +1,31 @@ + + + + + (DEFINITION) Sufyaan's Webpage + + + + + + + + + +
+

sf.cu > Definitions > LineageOS

+

LineageOS

+
+ LineageOS +
LineageOS
+
+

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.

+
+ diff --git a/definitions/lineageos/lineageos.webp b/definitions/lineageos/lineageos.webp new file mode 100644 index 0000000..ef1f033 Binary files /dev/null and b/definitions/lineageos/lineageos.webp differ diff --git a/definitions/linux-distribution/distro.webp b/definitions/linux-distribution/distro.webp new file mode 100644 index 0000000..c2d57c1 Binary files /dev/null and b/definitions/linux-distribution/distro.webp differ diff --git a/definitions/linux-distribution/index.html b/definitions/linux-distribution/index.html new file mode 100644 index 0000000..327b794 --- /dev/null +++ b/definitions/linux-distribution/index.html @@ -0,0 +1,47 @@ + + + + + (DEFINITION) Sufyaan's Webpage + + + + + + + + + +
+

sf.cu > Definitions > Linux Distribution

+

Linux Distribution

+
+ Zorin OS, Fedora, Arch Linux +
Zorin OS, Fedora, Arch Linux
+
+

A Linux Distribution is an operating system 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.

+

Linux is a kernel, not an operating system. When people say Linux in terms of operating systems, they really mean Linux distributions, not the kernel itself.

+

If you are just starting out with Linux, you should try one of the following distributions.

+ +

Just don't use Ubuntu when starting out. It has degraded since the last few years.

+

After some experience, try these:

+ +

These distributions are all solid and should last you a long time.

+
+ diff --git a/definitions/linux-phones/index.html b/definitions/linux-phones/index.html new file mode 100644 index 0000000..09f1184 --- /dev/null +++ b/definitions/linux-phones/index.html @@ -0,0 +1,39 @@ + + + + + (DEFINITION) Sufyaan's Webpage + + + + + + + + + +
+

sf.cu > Definitions > Linux Phones

+

Linux Phones

+
+ PinePhone Pro by Pine64 +
PinePhone Pro by Pine64
+
+

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.

+

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.

+

Some famous Linux phones are:

+ +

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.

+
+ diff --git a/definitions/linux-phones/pinephone-pro.webp b/definitions/linux-phones/pinephone-pro.webp new file mode 100644 index 0000000..b236876 Binary files /dev/null and b/definitions/linux-phones/pinephone-pro.webp differ diff --git a/definitions/malware/index.html b/definitions/malware/index.html new file mode 100644 index 0000000..88b3b20 --- /dev/null +++ b/definitions/malware/index.html @@ -0,0 +1,43 @@ + + + + + (DEFINITION) Sufyaan's Webpage + + + + + + + + + +
+

sf.cu > Definitions > Malicious Software [malware]

+

Malicious Software [malware]

+
+ WannaCry Ransomware +
WannaCry Ransomware
+
+

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:

+ +

To stay safe from malware, you should get a good anti-malware. ClamAV 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 free software as it is an application that scans all files on your PC and checks them against a database.

+

As for smartphones, Android has many options. One of them is the free and open-source app Hypatia, which is available on F-Droid. 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.

+ +
+ diff --git a/definitions/malware/wannacry.webp b/definitions/malware/wannacry.webp new file mode 100644 index 0000000..eb1a3bb Binary files /dev/null and b/definitions/malware/wannacry.webp differ diff --git a/definitions/operating-system/index.html b/definitions/operating-system/index.html new file mode 100644 index 0000000..41eaf23 --- /dev/null +++ b/definitions/operating-system/index.html @@ -0,0 +1,40 @@ + + + + + (DEFINITION) Sufyaan's Webpage + + + + + + + + + +
+

sf.cu > Definitions > Operating System

+

Operating System

+
+ The three major operating systems (left to right): Windows (by Microsoft), Linux-based opearting systems, MacOS (by Apple) +
Windows, Linux, MacOS
+
+

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. It is so important that, without an operating system, a computer is useless. It is responsible for the following tasks:

+ +

This is just the tip of the iceberg. Operating systems are responsible for practically everything you do on a computer.

+
+ diff --git a/definitions/operating-system/operating-system.webp b/definitions/operating-system/operating-system.webp new file mode 100644 index 0000000..ebf829b Binary files /dev/null and b/definitions/operating-system/operating-system.webp differ diff --git a/definitions/pre-built-computers/index.html b/definitions/pre-built-computers/index.html new file mode 100644 index 0000000..651f52f --- /dev/null +++ b/definitions/pre-built-computers/index.html @@ -0,0 +1,36 @@ + + + + + (DEFINITION) Sufyaan's Webpage + + + + + + + + + +
+

sf.cu > Definitions > Pre-Built Computer

+

Pre-Built Computer

+
+ Gaming & Workstation Pre-Built Computers +
Gaming & Workstation Pre-Built Computers
+
+

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.

+

Advantages:

+ +

Disadvantages:

+ +

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.

+
+ diff --git a/definitions/pre-built-computers/prebuilt.webp b/definitions/pre-built-computers/prebuilt.webp new file mode 100644 index 0000000..ceba3ca Binary files /dev/null and b/definitions/pre-built-computers/prebuilt.webp differ diff --git a/definitions/security-key/index.html b/definitions/security-key/index.html new file mode 100644 index 0000000..c0977bc --- /dev/null +++ b/definitions/security-key/index.html @@ -0,0 +1,40 @@ + + + + + (DEFINITION) Sufyaan's Webpage + + + + + + + + + +
+

sf.cu > Definitions > Security Key

+

Security Key

+
+ Yubico C Bio +
Yubico C Bio
+
+

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.

+

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.

+

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.

+

A few trusted security key companies are:

+ +

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.

+
+ diff --git a/definitions/security-key/yubico.webp b/definitions/security-key/yubico.webp new file mode 100644 index 0000000..7647437 Binary files /dev/null and b/definitions/security-key/yubico.webp differ diff --git a/definitions/template/def-template.html b/definitions/template/def-template.html new file mode 100644 index 0000000..290f43a --- /dev/null +++ b/definitions/template/def-template.html @@ -0,0 +1,30 @@ + + + + + (DEFINITION) Sufyaan's Webpage + + + + + + + + + +
+

Sample

+
+ ThinkPad T500 +
ThinkPad T500
+
+

OK... so here goes the definition... wait what! Why are you here?

+
+ diff --git a/definitions/thinkpad/index.html b/definitions/thinkpad/index.html new file mode 100644 index 0000000..a987510 --- /dev/null +++ b/definitions/thinkpad/index.html @@ -0,0 +1,33 @@ + + + + + (DEFINITION) Sufyaan's Webpage + + + + + + + + + +
+

sf.cu > Definitions > ThinkPad

+

ThinkPad

+
+ ThinkPad T500 +
ThinkPad T500
+
+

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:

+

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.

+

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.

+
+ diff --git a/definitions/thinkpad/thinkpad.webp b/definitions/thinkpad/thinkpad.webp new file mode 100644 index 0000000..7bdf537 Binary files /dev/null and b/definitions/thinkpad/thinkpad.webp differ diff --git a/definitions/unix-philosophy/index.html b/definitions/unix-philosophy/index.html new file mode 100644 index 0000000..9d78a30 --- /dev/null +++ b/definitions/unix-philosophy/index.html @@ -0,0 +1,33 @@ + + + + + (DEFINITION) Sufyaan's Webpage + + + + + + + + + +
+

sf.cu > Definitions > UNIX Philosophy

+

UNIX Philosophy

+
+ UNIX Philosophy (simplified) +
UNIX Philosophy (simplified)
+
+

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.

+

The UNIX philosophy is followed by many people to this day. There are many programs which follow it. For example, Zathura, 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.

+

The UNIX philosophy is vast. To read more about it, check out this Wikipedia page for more information. It is worth a read. If you would like a shorter read, check out this post on Hackaday.

+
+ diff --git a/definitions/unix-philosophy/unix-philosophy.webp b/definitions/unix-philosophy/unix-philosophy.webp new file mode 100644 index 0000000..f939164 Binary files /dev/null and b/definitions/unix-philosophy/unix-philosophy.webp differ diff --git a/fonts/woff/jetbrains-bold-woff.woff b/fonts/woff/jetbrains-bold-woff.woff new file mode 100644 index 0000000..39f3edb Binary files /dev/null and b/fonts/woff/jetbrains-bold-woff.woff differ diff --git a/fonts/woff/jetbrains-italic-woff.woff b/fonts/woff/jetbrains-italic-woff.woff new file mode 100644 index 0000000..267ac0c Binary files /dev/null and b/fonts/woff/jetbrains-italic-woff.woff differ diff --git a/fonts/woff/jetbrains-light-woff.woff b/fonts/woff/jetbrains-light-woff.woff new file mode 100644 index 0000000..0445f89 Binary files /dev/null and b/fonts/woff/jetbrains-light-woff.woff differ diff --git a/fonts/woff/jetbrains-woff.woff b/fonts/woff/jetbrains-woff.woff new file mode 100644 index 0000000..1e4f735 Binary files /dev/null and b/fonts/woff/jetbrains-woff.woff differ diff --git a/fonts/woff2/jetbrains-bold-woff2.woff2 b/fonts/woff2/jetbrains-bold-woff2.woff2 new file mode 100644 index 0000000..199b149 Binary files /dev/null and b/fonts/woff2/jetbrains-bold-woff2.woff2 differ diff --git a/fonts/woff2/jetbrains-italic-woff2.woff2 b/fonts/woff2/jetbrains-italic-woff2.woff2 new file mode 100644 index 0000000..9a04fc2 Binary files /dev/null and b/fonts/woff2/jetbrains-italic-woff2.woff2 differ diff --git a/fonts/woff2/jetbrains-light-woff2.woff2 b/fonts/woff2/jetbrains-light-woff2.woff2 new file mode 100644 index 0000000..13ac448 Binary files /dev/null and b/fonts/woff2/jetbrains-light-woff2.woff2 differ diff --git a/fonts/woff2/jetbrains-woff2.woff2 b/fonts/woff2/jetbrains-woff2.woff2 new file mode 100644 index 0000000..ef65af6 Binary files /dev/null and b/fonts/woff2/jetbrains-woff2.woff2 differ diff --git a/images/btc.png b/images/btc.png new file mode 100644 index 0000000..e4924fe Binary files /dev/null and b/images/btc.png differ diff --git a/images/favicon.webp b/images/favicon.webp new file mode 100644 index 0000000..4b1af80 Binary files /dev/null and b/images/favicon.webp differ diff --git a/images/sufyaan.bak b/images/sufyaan.bak new file mode 100644 index 0000000..0523642 Binary files /dev/null and b/images/sufyaan.bak differ diff --git a/images/sufyaan.webm b/images/sufyaan.webm new file mode 100644 index 0000000..79a6fac Binary files /dev/null and b/images/sufyaan.webm differ diff --git a/images/website-logo.png b/images/website-logo.png new file mode 100644 index 0000000..663f022 Binary files /dev/null and b/images/website-logo.png differ diff --git a/images/xmr.png b/images/xmr.png new file mode 100644 index 0000000..183eea0 Binary files /dev/null and b/images/xmr.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..1a08185 --- /dev/null +++ b/index.html @@ -0,0 +1 @@ +(HOMEPAGE) Sufyaan's Webpage

sf@titan [~/sf.cu]$ cat INTRO.md

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 free (libre) software that follows 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:

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 it's Git repository. Any contribution, no matter how small, is appreciated.

Here are links to useful pages on this website:


diff --git a/links/index.html b/links/index.html new file mode 100644 index 0000000..f6a13fe --- /dev/null +++ b/links/index.html @@ -0,0 +1,40 @@ + + + + + (LINKS) Sufyaan's Webpage + + + + + + + + + +
+

sf.cu > Links

+

Links

+

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.

+ +

My Websites:

+ + +

Blogs I read:

+ +
+ diff --git a/portfolio/credits/index.html b/portfolio/credits/index.html new file mode 100644 index 0000000..318b45e --- /dev/null +++ b/portfolio/credits/index.html @@ -0,0 +1,30 @@ + + + + + (CREDITS) Sufyaan's Webpage + + + + + + + + + TitanElectrons +
+

Credits

+

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.

+

Industria:

+ +

Bitguard:

+ +

WM Tours:

+ +

Sihu:

+ +

I mainly find images through Unsplash as the quality of images there are very good.

+
+ diff --git a/portfolio/fonts/woff/futura-woff.woff b/portfolio/fonts/woff/futura-woff.woff new file mode 100644 index 0000000..5a35190 Binary files /dev/null and b/portfolio/fonts/woff/futura-woff.woff differ diff --git a/portfolio/fonts/woff/integral-woff.woff b/portfolio/fonts/woff/integral-woff.woff new file mode 100644 index 0000000..6d50d38 Binary files /dev/null and b/portfolio/fonts/woff/integral-woff.woff differ diff --git a/portfolio/fonts/woff2/futura-woff2.woff2 b/portfolio/fonts/woff2/futura-woff2.woff2 new file mode 100644 index 0000000..7dd8fdf Binary files /dev/null and b/portfolio/fonts/woff2/futura-woff2.woff2 differ diff --git a/portfolio/fonts/woff2/integral-woff2.woff2 b/portfolio/fonts/woff2/integral-woff2.woff2 new file mode 100644 index 0000000..bdf8480 Binary files /dev/null and b/portfolio/fonts/woff2/integral-woff2.woff2 differ diff --git a/portfolio/images/bitguard-header.webp b/portfolio/images/bitguard-header.webp new file mode 100644 index 0000000..da486f7 Binary files /dev/null and b/portfolio/images/bitguard-header.webp differ diff --git a/portfolio/images/bitguard.webp b/portfolio/images/bitguard.webp new file mode 100644 index 0000000..bd1e31f Binary files /dev/null and b/portfolio/images/bitguard.webp differ diff --git a/portfolio/images/favicon.webp b/portfolio/images/favicon.webp new file mode 100644 index 0000000..d32ccb1 Binary files /dev/null and b/portfolio/images/favicon.webp differ diff --git a/portfolio/images/sihu-header.webp b/portfolio/images/sihu-header.webp new file mode 100644 index 0000000..ca01caa Binary files /dev/null and b/portfolio/images/sihu-header.webp differ diff --git a/portfolio/images/sihu.webp b/portfolio/images/sihu.webp new file mode 100644 index 0000000..020517f Binary files /dev/null and b/portfolio/images/sihu.webp differ diff --git a/portfolio/images/titan-header.webp b/portfolio/images/titan-header.webp new file mode 100644 index 0000000..48fdfd5 Binary files /dev/null and b/portfolio/images/titan-header.webp differ diff --git a/portfolio/images/wm-tours-header.webp b/portfolio/images/wm-tours-header.webp new file mode 100644 index 0000000..19a2518 Binary files /dev/null and b/portfolio/images/wm-tours-header.webp differ diff --git a/portfolio/images/wm-tours.webp b/portfolio/images/wm-tours.webp new file mode 100644 index 0000000..58e0f42 Binary files /dev/null and b/portfolio/images/wm-tours.webp differ diff --git a/portfolio/index.html b/portfolio/index.html new file mode 100644 index 0000000..976abfa --- /dev/null +++ b/portfolio/index.html @@ -0,0 +1,27 @@ + + + + + (PORTFOLIO) Sufyaan's Webpage + + + + + + + + + +
+

sf.cu > Portfolio [PLACEHOLDER]

+

Under Construction!

+

Please view this page later.

+
+ diff --git a/portfolio/projects/industria/industria-billboard.webp b/portfolio/projects/industria/industria-billboard.webp new file mode 100644 index 0000000..5353138 Binary files /dev/null and b/portfolio/projects/industria/industria-billboard.webp differ diff --git a/portfolio/projects/industria/industria-cc.webp b/portfolio/projects/industria/industria-cc.webp new file mode 100644 index 0000000..74baa9c Binary files /dev/null and b/portfolio/projects/industria/industria-cc.webp differ diff --git a/portfolio/projects/industria/industria-colour.webp b/portfolio/projects/industria/industria-colour.webp new file mode 100644 index 0000000..a4ffb1e Binary files /dev/null and b/portfolio/projects/industria/industria-colour.webp differ diff --git a/portfolio/projects/industria/industria-guidelines.webp b/portfolio/projects/industria/industria-guidelines.webp new file mode 100644 index 0000000..8ae1d87 Binary files /dev/null and b/portfolio/projects/industria/industria-guidelines.webp differ diff --git a/portfolio/projects/industria/industria-header.webp b/portfolio/projects/industria/industria-header.webp new file mode 100644 index 0000000..4b9e806 Binary files /dev/null and b/portfolio/projects/industria/industria-header.webp differ diff --git a/portfolio/projects/industria/industria-intro.webp b/portfolio/projects/industria/industria-intro.webp new file mode 100644 index 0000000..ef7db35 Binary files /dev/null and b/portfolio/projects/industria/industria-intro.webp differ diff --git a/portfolio/projects/industria/industria-logo.webp b/portfolio/projects/industria/industria-logo.webp new file mode 100644 index 0000000..aafb5cc Binary files /dev/null and b/portfolio/projects/industria/industria-logo.webp differ diff --git a/portfolio/projects/industria/industria-mask.webp b/portfolio/projects/industria/industria-mask.webp new file mode 100644 index 0000000..d7458d1 Binary files /dev/null and b/portfolio/projects/industria/industria-mask.webp differ diff --git a/portfolio/projects/industria/industria-sign.webp b/portfolio/projects/industria/industria-sign.webp new file mode 100644 index 0000000..9ef6fc1 Binary files /dev/null and b/portfolio/projects/industria/industria-sign.webp differ diff --git a/portfolio/projects/industria/industria.gif b/portfolio/projects/industria/industria.gif new file mode 100644 index 0000000..0385f95 Binary files /dev/null and b/portfolio/projects/industria/industria.gif differ diff --git a/portfolio/projects/industria/industria.webp b/portfolio/projects/industria/industria.webp new file mode 100644 index 0000000..287a716 Binary files /dev/null and b/portfolio/projects/industria/industria.webp differ diff --git a/portfolio/style.css b/portfolio/style.css new file mode 100644 index 0000000..eea795d --- /dev/null +++ b/portfolio/style.css @@ -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}} diff --git a/portfolio/template/project/template.html b/portfolio/template/project/template.html new file mode 100644 index 0000000..02a9d90 --- /dev/null +++ b/portfolio/template/project/template.html @@ -0,0 +1,22 @@ + + + + + (PROJECT) TitanElectrons + + + + + + + + + TitanElectrons +
+

Industria

+

Industria is an architectural design firm that aspires to make the most beautiful construction projects.

+
+ diff --git a/portfolio/template/template.html b/portfolio/template/template.html new file mode 100644 index 0000000..414c83d --- /dev/null +++ b/portfolio/template/template.html @@ -0,0 +1,21 @@ + + + + + (PROJECT) Sufyaan's Webpage + + + + + + + + + TitanElectrons +
+

Project Name

+

Project info

+
+ diff --git a/portfolio/wip.html b/portfolio/wip.html new file mode 100644 index 0000000..5bc8442 --- /dev/null +++ b/portfolio/wip.html @@ -0,0 +1,60 @@ + + + + + (PORTFOLIO) Sufyaan's Webpage + + + + + + + + + TitanElectrons +
+

Portfolio

+

I have worked on numerous design projects over the years. This page is a collection of all my best works for reference.

+ + +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+

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 this page to view the original images and download them.

+

If you love my work and want to hire me for work, please visit the contact page for more information. Please note that prices are based on product value. My prices are not fixed and will change depending on the type of logo or brand you want me to design.

+
+ diff --git a/sitemap/index.html b/sitemap/index.html new file mode 100644 index 0000000..18bf74e --- /dev/null +++ b/sitemap/index.html @@ -0,0 +1,88 @@ + + + + + (SITE MAP) Sufyaan's Webpage + + + + + + + + + +
+

sf.cu > Site Map

+

Site Map

+

Links to different sections and pages within the website.

+

Home

+ +

Blog

+

Categories

+ +

Posts

+ +

About

+ +

Definitions

+ +
+ diff --git a/style.css b/style.css new file mode 100644 index 0000000..ec94771 --- /dev/null +++ b/style.css @@ -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}} + diff --git a/template/template.html b/template/template.html new file mode 100644 index 0000000..0ef5c73 --- /dev/null +++ b/template/template.html @@ -0,0 +1,27 @@ + + + + + (PAGE) Sufyaan's Webpage + + + + + + + + + +
+

sf.cu > Blog

+

Sample Heading

+

Sample Paragraph

+
+