<!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 >