You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

107 lines
5.4 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title>(HOMEPAGE) Sufyaan's Webpage</title>
<link rel="icon" type="image/x-icon" href="images/favicon.webp">
<link rel='stylesheet' type='text/css' href="style.css">
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="og:title" property="og:title" content="Sufyaan's Website">
<meta property="og:site_name" content="Sufyaan's Website">
<meta name="author" content="Sufyaan A.">
<meta name="twitter:domain" property="twitter:domain" content="https://sufyaan.me">
<meta property="og:url" content="https://sufyaan.me"/>
<meta name="description" content="Sufyaan's Personal Website">
<meta property="og:description" content="Sufyaan's Personal Website">
<meta name="twitter:description" property="twitter:description" content="Sufyaan's Personal Website">
<meta name="keywords" content="Sufyaan, Personal, Website">
<meta name="og:image" itemprop="image" content="images/favicons/home.webp">
<meta property="twitter:card" content="images/favicons/home.webp">
<meta name="twitter:image:src" property="twitter:image:src" content="images/favicons/home.webp">
<meta name="twitter:image" property="twitter:image" content="images/favicons/home.webp">
<meta name="og:image:alt" property="og:image:alt" content="Home icon">
<meta property="og:type" content="website">
</head>
<body>
<a style="text-decoration: none;" href=".">
<pre class="main-header">
_______ _ _ _______ __ __ _______ _______ __ _
|______ | | |______ \_/ |_____| |_____| | \ |
______| |_____| | | | | | | | \_|
</pre>
</a>
<hr/>
<p>sf@titan [~/sf.cu]$<code> cat INTRO.md</code></p>
<h1>Greetings, everyone!</h1>
<p>My name is Sufyaan. I am a programmer and brand designer living in <a style="color:#ff5555" href="https://visitqatar.com/">Qatar</a>. I know Python and am learning C, JavaScript and shell scripting. I love creating <a style="color:#50fa7b" href="definitions/free-software/">free software</a>. In both programming and designing, I prefer minimalism, following the <a style="color:#50fa7b" href="definitions/unix-philosophy">UNIX Philosophy</a> in software and creating <a style="color:#bd93f9" href="minimal-design/">minimal designs</a>. <strong>My goal is to impact the lives of as many people as possible through design and software.</strong></p>
<p>On this website, I post about anything I find interesting. It may be related to technology, design or even trivial and philosophical things. If I find it interesting, you may find it interesting as well!</p>
<div class="row">
<div class="column">
<h2 class="pane">Useful Pages</h2>
<ul class="pane">
<li>
<a style="color:#bd93f9" href="blog/">Blog</a>
[ <a style="color:#bd93f9" href="rss.xml">RSS</a> ]
</li>
<li>
<a style="color:#ffb86c" href="about/">About Me</a>
</li>
<li>
<a style="color:#ff5555" href="links/">
Links To Useful Websites
</a>
</li>
<li>
<a style="color:#50fa7b" href="definitions/">Definitions To Technical Terms
</a>
</li>
</ul>
</div>
<div class="column">
<h2 class="pane">Latest Posts</h2>
<ul class="pane">
<li><a style="color:#bd93f9" href="subs/">The Subscription Trap</a> </li>
<li><a style="color:#bd93f9" href="icons/">Why I Removed All Icons</a></li>
<li><a style="color:#bd93f9" href="electric/">Electric Cars Won't Take Over</a></li>
<li><a style="color:#bd93f9" href="palestine/">Boycott These Israeli Companies</a></li>
<li><a style="color:#bd93f9" href="domain/">Domain, Email & PGP Keys Changed</a></li>
<li><a style="color:#bd93f9" href="blog/">View More</a></li>
</ul>
</div>
<div class="column">
<h2 class="pane">Interesting Stuff</h2>
<ul class="pane">
<li>
12 months ago
<a style="color:#bd93f9" href="photos/">Photos
</a>
</li>
11 months ago
<li>
<a style="color:#bd93f9" href="library/">Library
</a>
</li>
<li>
<a style="color:#bd93f9" href="uses/">Tools I Use
</a>
</li>
<li>
<a style="color:#bd93f9" href="browser/">Browser Setup
</a>
</li>
<li>
<a style="color:#bd93f9" href="kpst/">Password Manager Setup
</a>
</li>
<li>
<a style="color:#bd93f9" href="vimwiki/">Notes Setup
</a>
</li>
</ul>
</div>
</div>
<hr/>
<footer>
<p class="footer-text"><a style="color:#bd93f9" href="blog">blog</a> - <a style="color:#ffb86c" href="about">about</a> - <a style="color:#f1fa8c" href="portfolio">portfolio</a> - <a style="color:#ff5555" href="links">links</a></p>
<p class="footer-text" style="font-size:80%"><a href=".">sufyaan.me</a></p>
<p class="footer-text" style="font-size:65%"><a style="color:#aaaaaa" href="sitemap">Site Map</a></p>
</footer>