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
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="change/">I Changed My Mind About Physical Books</a></li>
|
|
<li><a style="color:#bd93f9" href="nb/">Carrying a Pocket Notebook</a> </li>
|
|
<li><a style="color:#bd93f9" href="upgrades/">Why Smartphone Upgrades are Obsolete</a></li>
|
|
<li><a style="color:#bd93f9" href="p/">Prioritize Performance</a></li>
|
|
<li><a style="color:#bd93f9" href="secure/">Use Secure Messaging</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>
|
|
<a style="color:#bd93f9" href="photos/">Photos
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a style="color:#bd93f9" href="library/">Library
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a style="color:#bd93f9" href="ai/">AI Usage
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a style="color:#bd93f9" href="uses/">Tools I Use
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a style="color:#bd93f9" href="vimwiki/">Notes Setup
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a style="color:#bd93f9" href="kpst/">Password Manager 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>
|