<!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" >
< / 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/" >
< svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" viewBox = "0 0 24 24" >
< path fill = "currentColor" fill-rule = "evenodd" d = "M2 6a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V6zm5 1a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H7zm1 4V9h2v2H8zm7-4a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2h-2zm0 4a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2h-2zm-8 4a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2H7z" clip-rule = "evenodd" / >
< / svg > Blog< / a >
[ < a style = "color:#bd93f9" href = "rss.xml" > RSS< / a > ]
< / li >
< li >
< a style = "color:#ffb86c" href = "about/" >
< svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" viewBox = "0 0 24 24" >
< path fill = "currentColor" d = "M12 4a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4m0 10c4.42 0 8 1.79 8 4v2H4v-2c0-2.21 3.58-4 8-4Z" / >
< / svg > About Me< / a >
< / li >
< li >
< a style = "color:#ff5555" href = "links/" >
< svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" viewBox = "0 0 24 24" >
< path fill = "currentColor" d = "m13.06 8.11l1.415 1.415a7 7 0 0 1 0 9.9l-.354.353a7 7 0 1 1-9.9-9.9l1.415 1.415a5 5 0 0 0 7.07 7.07l.354-.353a5 5 0 0 0 0-7.07l-1.414-1.415L13.06 8.11Zm6.718 6.011l-1.414-1.414a5 5 0 0 0-7.071-7.071l-.354.353a5 5 0 0 0 0 7.071l1.414 1.415l-1.414 1.414l-1.414-1.414a7 7 0 0 1 0-9.9l.353-.353a7 7 0 0 1 9.9 9.9Z" / >
< / svg > Links To Useful Websites
< / a >
< / li >
< li >
< a style = "color:#50fa7b" href = "definitions/" >
< svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" viewBox = "0 0 24 24" >
< path fill = "currentColor" d = "M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 4h5v8l-2.5-1.5L6 12V4z" / >
< / svg > 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 = "students/" > < svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" viewBox = "0 0 24 24" > < path fill = "currentColor" d = "M2 5.27L3.28 4L20 20.72L18.73 22l-6-6H9v-2l.79-.94L2 5.27M23 12h-6v-2l3.39-4H17V4h6v2l-3.38 4H23v2M9.82 8H15v2l-1.46 1.72L9.82 8M7 20H1v-2l3.39-4H1v-2h6v2l-3.38 4H7v2Z" / > < / svg > A Student's Nightmare < / a > < / li >
< li > < a style = "color:#bd93f9" href = "ask/" > < svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" viewBox = "0 0 24 24" > < g fill = "none" > < path d = "M24 0v24H0V0h24ZM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018Zm.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022Zm-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01l-.184-.092Z" / > < path fill = "currentColor" d = "M20 4a2 2 0 0 1 1.995 1.85L22 6v12a2 2 0 0 1-1.85 1.995L20 20H4a2 2 0 0 1-1.995-1.85L2 18V6a2 2 0 0 1 1.85-1.995L4 4h16Zm-3 11H7a1 1 0 0 0-.117 1.993L7 17h10a1 1 0 0 0 .117-1.993L17 15Zm-4.5-4h-1a1 1 0 0 0-.117 1.993L11.5 13h1a1 1 0 0 0 .117-1.993L12.5 11ZM8 11H7a1 1 0 1 0 0 2h1a1 1 0 1 0 0-2Zm9 0h-1a1 1 0 1 0 0 2h1a1 1 0 1 0 0-2Zm0-4h-1a1 1 0 0 0-.117 1.993L16 9h1a1 1 0 0 0 .117-1.993L17 7Zm-4.5 0h-1a1 1 0 1 0 0 2h1a1 1 0 1 0 0-2ZM8 7H7a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2Z" / > < / g > < / svg > Use AnySoftKeyboard< / a > < / li >
< li > < a style = "color:#bd93f9" href = "forget/" > < svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" viewBox = "0 0 24 24" > < path fill = "currentColor" d = "M11 2.535A4 4 0 0 0 5 6v1.774c-.851.342-1.549.874-2.059 1.575C2.292 10.242 2 11.335 2 12.5c0 1.561.795 2.936 2 3.742V17.5a4.5 4.5 0 0 0 7 3.742V17.5c0-1.333-.33-2.185-.86-2.76c-.543-.587-1.424-1.024-2.804-1.254l.328-1.972c1.302.216 2.442.623 3.336 1.313V2.535Zm2 0v10.292c.894-.69 2.034-1.097 3.336-1.313l.328 1.972c-1.38.23-2.261.667-2.804 1.255c-.53.574-.86 1.426-.86 2.759v3.742a4.5 4.5 0 0 0 7-3.742v-1.258c1.205-.806 2-2.18 2-3.742c0-1.165-.292-2.258-.941-3.15c-.51-.702-1.208-1.234-2.059-1.576V6a4 4 0 0 0-6-3.465Z" / > < / svg > Forget Your Passwords< / a > < / li >
< li > < a style = "color:#bd93f9" href = "pgp/" > < svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" viewBox = "0 0 24 24" > < path fill = "currentColor" d = "M9 5.82L7.36 4.16A4.987 4.987 0 0 1 12 1c2.76 0 5 2.24 5 5v2h1a2 2 0 0 1 2 2v6.8L11.2 8H15V6c0-1.66-1.34-3-3-3c-1.59 0-2.89 1.25-3 2.82m13.11 15.64l-1.27 1.27l-1.38-1.38c-.36.4-.88.65-1.46.65H6c-1.11 0-2-.89-2-2V10a2 2 0 0 1 2-2h.11l-5-5l1.28-1.27l19.72 19.73m-8.26-5.72l-2.59-2.59C10.5 13.44 10 14.16 10 15a2 2 0 0 0 2 2c.84 0 1.56-.5 1.85-1.26Z" / > < / svg > PGP KEYS CHANGED!< / a > < / li >
< li > < a style = "color:#bd93f9" href = "svg/" > < svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" viewBox = "0 0 20 20" > < path fill = "currentColor" d = "M12 4h4.27a2 2 0 1 1 0 2h-2.14a9 9 0 0 1 4.84 7.25a2 2 0 1 1-2 .04a7 7 0 0 0-4.97-6V8H8v-.71a7 7 0 0 0-4.96 6a2 2 0 1 1-2-.04A9 9 0 0 1 5.86 6H3.73a2 2 0 1 1 0-2H8V3h4v1z" / > < / svg > Switching To SVGs< / a > < / li >
< li > < a style = "color:#bd93f9" href = "blog/" > < svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" viewBox = "0 0 32 32" > < path fill = "currentColor" d = "M11.166 23.963L22.36 17.5c1.43-.824 1.43-2.175 0-3L11.165 8.037c-1.43-.826-2.598-.15-2.598 1.5v12.926c0 1.65 1.17 2.326 2.598 1.5z" / > < / svg > 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/" >
< svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" viewBox = "0 0 512 512" >
< path fill = "none" d = "M336 80H176a16 16 0 0 0-16 16v16h192V96a16 16 0 0 0-16-16Z" / >
< path fill = "currentColor" d = "M496 176a64.07 64.07 0 0 0-64-64h-48V96a48.05 48.05 0 0 0-48-48H176a48.05 48.05 0 0 0-48 48v16H80a64.07 64.07 0 0 0-64 64v48h480Zm-144-64H160V96a16 16 0 0 1 16-16h160a16 16 0 0 1 16 16Zm-16 152a24 24 0 0 1-24 24H200a24 24 0 0 1-24-24v-4a4 4 0 0 0-4-4H16v144a64 64 0 0 0 64 64h352a64 64 0 0 0 64-64V256H340a4 4 0 0 0-4 4Z" / >
< / svg > Tools I Use
< / a >
< / li >
< li >
< a style = "color:#bd93f9" href = "browser/" >
< svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" viewBox = "0 0 24 24" >
< path fill = "currentColor" d = "M12.001 2c5.523 0 10 4.477 10 10s-4.477 10-10 10s-10-4.477-10-10c0-1.463.314-2.854.88-4.106c.466-.939 1.233-1.874 1.85-2.194c-.653 1.283-.973 2.54-1.04 3.383c.454-1.5 1.315-2.757 2.52-3.644c2.066-1.519 4.848-1.587 5.956-.62c-2.056.707-4.296 3.548-3.803 6.876c.08.55.245 1.083.489 1.582c-.384-1.01-.418-2.433.202-3.358c.692-1.03 1.678-1.248 2.206-1.136c-.208-.044-.668.836-.736.991a2.97 2.97 0 0 0-.251 1.25a3.394 3.394 0 0 0 1.03 2.38c1.922 1.871 5.023 1.135 6.411-1.002c.954-1.471 1.07-3.968-.154-5.952a6.916 6.916 0 0 0-1.084-1.32c-1.85-1.766-4.48-2.57-6.982-2.205c-1.106.177-2.047.496-2.824.956C7.756 2.798 9.912 2 12 2Z" / >
< / svg > Browser Setup
< / a >
< / li >
< li >
< a style = "color:#bd93f9" href = "kpst/" >
< svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" viewBox = "0 0 24 24" >
< path fill = "currentColor" fill-rule = "evenodd" d = "M22 8.293c0 3.476-2.83 6.294-6.32 6.294c-.636 0-2.086-.146-2.791-.732l-.882.878c-.519.517-.379.669-.148.919c.096.105.208.226.295.399c0 0 .735 1.024 0 2.049c-.441.585-1.676 1.404-3.086 0l-.294.292s.881 1.025.147 2.05c-.441.585-1.617 1.17-2.646.146l-1.028 1.024c-.706.703-1.568.293-1.91 0l-.883-.878c-.823-.82-.343-1.708 0-2.05l7.642-7.61s-.735-1.17-.735-2.78c0-3.476 2.83-6.294 6.32-6.294S22 4.818 22 8.293Zm-6.319 2.196a2.2 2.2 0 0 0 2.204-2.195a2.2 2.2 0 0 0-2.204-2.196a2.2 2.2 0 0 0-2.204 2.196a2.2 2.2 0 0 0 2.204 2.195Z" clip-rule = "evenodd" / >
< / svg > Password Manager Setup
< / a >
< / li >
< li >
< a style = "color:#bd93f9" href = "vimwiki/" >
< svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" viewBox = "0 0 24 24" >
< path fill = "currentColor" d = "M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8l8-8V5a2 2 0 0 0-2-2zm-7 16v-7h7l-7 7z" / >
< / svg > Notes Setup
< / a >
< / li >
< li >
< a style = "color:#bd93f9" href = "sm/" >
< svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" viewBox = "0 0 24 24" >
< g fill = "none" stroke-linecap = "round" stroke-linejoin = "round" stroke-width = "2" >
< path d = "M0 0h24v24H0z" / >
< path fill = "currentColor" d = "M17 3.34a10 10 0 1 1-14.995 8.984L2 12l.005-.324A10 10 0 0 1 17 3.34zM12 6a1 1 0 0 0-.993.883L11 7v5l.009.131a1 1 0 0 0 .197.477l.087.1l3 3l.094.082a1 1 0 0 0 1.226 0l.094-.083l.083-.094a1 1 0 0 0 0-1.226l-.083-.094L13 11.585V7l-.007-.117A1 1 0 0 0 12 6z" / >
< / g >
< / svg > 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.me< / a > < / p >
< p class = "footer-text" style = "font-size:65%" > < a style = "color:#aaaaaa" href = "sitemap" > Site Map< / a > < / p >
< / footer >
