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.
59 lines
3.8 KiB
HTML
59 lines
3.8 KiB
HTML
1 year ago
|
<!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">
|
||
|
<link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="all">
|
||
|
</head>
|
||
|
<body>
|
||
|
<div style="text-align:center;margin-bottom:-10px"><img src="images/sufyaan.webp"></div>
|
||
|
<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 Qatar. 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>
|
||
|
|
||
|
|
||
|
|
||
|
<div class="row">
|
||
|
<div class="column">
|
||
|
<h2 class="pane">Useful Pages</h2>
|
||
|
<ul class="pane">
|
||
|
<li><a style="color:#bd93f9" href="blog/">Blog Articles</a> [ <a style="color:#bd93f9" href="rss.xml">RSS</a> ]</li>
|
||
|
<li><a style="color:#ffb86c" href="about/">About Me</a> [ <a style="color:#ffb86c" href="about#contact">contact</a> & <a style="color:#ffb86c" href="about#donate">donate</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="fp/"><i class="fa fa-pencil" aria-hidden="true"></i>Writing With Fountain Pens</a></li>
|
||
|
<li><a style="color:#bd93f9" href="minimal-design/"><i class="fa fa-circle-thin" aria-hidden="true"></i>Minimal Design</a></li>
|
||
|
<li><a style="color:#bd93f9" href="vimwiki/"><i class="fa fa-sticky-note" aria-hidden="true"></i>VimWiki Is Terrific</a></li>
|
||
|
<li><a style="color:#bd93f9" href="plaintext/"><i class="fa fa-file-text" aria-hidden="true"></i>Use Plaintext</a></li>
|
||
|
<li><a style="color:#bd93f9" href="torrent/"><i class="fa fa-download" aria-hidden="true"></i>Why You Should Torrent</a></li>
|
||
|
<li><a style="color:#bd93f9" href="blog/"><i class="fa fa-arrow-right" aria-hidden="true"></i>View More</a></li>
|
||
|
</ul>
|
||
|
</div>
|
||
|
<div class="column">
|
||
|
<h2 class="pane">Interesting Stuff</h2>
|
||
|
<ul class="pane">
|
||
|
<li><a style="color:#bd93f9" href="uses/"><i class="fa fa-briefcase" aria-hidden="true"></i>Tools I Use</a></li>
|
||
|
<li><a style="color:#bd93f9" href="browser/"><i class="fa fa-firefox" aria-hidden="true"></i>Browser Setup</a></li>
|
||
|
<li><a style="color:#bd93f9" href="kpst/"><i class="fa fa-key" aria-hidden="true"></i>Password Manager Setup</a></li>
|
||
|
<li><a style="color:#bd93f9" href="vimwiki/"><i class="fa fa-sticky-note" aria-hidden="true"></i>Notes Setup</a></li>
|
||
|
<li><a style="color:#bd93f9" href="sm/"><i class="fa fa-clock-o" aria-hidden="true"></i>Quit Social Media</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.cyou</a></p>
|
||
|
<p class="footer-text" style="font-size:65%"><a style="color:#aaaaaa" href="sitemap">Site Map</a></p>
|
||
|
</footer>
|
||
|
|