@ -9,53 +9,164 @@
< / head >
< body >
< a style = "text-decoration: none;" href = "." >
< pre class = "main-header" >
< pre class = "main-header" >
_______ _ _ _______ __ __ _______ _______ __ _
|______ | | |______ \_/ |_____| |_____| | \ |
______| |_____| | | | | | | | \_|
< / pre >
< / a >
< / 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 Articles< / 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 > [ < 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/" > < 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 = "../svg/" > < svg width = "16" height = "16" xmlns = "http://www.w3.org/2000/svg" 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 = "font/" > < svg width = "16" height = "16" xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 24 24" > < path fill = "currentColor" d = "m11.307 4l-6 16h2.137l1.875-5h6.363l1.875 5h2.137l-6-16h-2.387zm-1.239 9L12.5 6.515L14.932 13h-4.864z" / > < / svg > Why I Switched Fonts< / a > < / li >
< 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 = "fp/" > < svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" viewBox = "0 0 256 256" > < path fill = "currentColor" d = "m227.31 73.37l-44.68-44.69a16 16 0 0 0-22.63 0L36.69 152A15.86 15.86 0 0 0 32 163.31V208a16 16 0 0 0 16 16h44.69a15.86 15.86 0 0 0 11.31-4.69L227.31 96a16 16 0 0 0 0-22.63ZM51.31 160l90.35-90.35l16.68 16.69L68 176.68ZM48 179.31L76.69 208H48Zm48 25.38L79.31 188l90.35-90.35l16.68 16.69Z" / > < / svg > Writing With Fountain Pens< / a > < / li >
< li > < a style = "color:#bd93f9" href = "minimal-design/" > < svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" viewBox = "0 0 24 24" > < path fill = "currentColor" d = "M12 22q-2.075 0-3.9-.788t-3.175-2.137q-1.35-1.35-2.137-3.175T2 12q0-2.075.788-3.9t2.137-3.175q1.35-1.35 3.175-2.137T12 2q2.075 0 3.9.788t3.175 2.137q1.35 1.35 2.138 3.175T22 12q0 2.075-.788 3.9t-2.137 3.175q-1.35 1.35-3.175 2.138T12 22Zm0-2q3.35 0 5.675-2.325T20 12q0-3.35-2.325-5.675T12 4Q8.65 4 6.325 6.325T4 12q0 3.35 2.325 5.675T12 20Zm0-8Z" / > < / svg > Minimal Design< / 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 >
< 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 Articles
< / 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 >
[ < 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/" >
< 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 = "../svg/" >
< svg width = "16" height = "16" xmlns = "http://www.w3.org/2000/svg" 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 = "font/" >
< svg width = "16" height = "16" xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 24 24" >
< path fill = "currentColor" d = "m11.307 4l-6 16h2.137l1.875-5h6.363l1.875 5h2.137l-6-16h-2.387zm-1.239 9L12.5 6.515L14.932 13h-4.864z" / >
< / svg >
Why I Switched Fonts
< / a >
< / li >
< 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 = "fp/" >
< svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" viewBox = "0 0 256 256" >
< path fill = "currentColor" d = "m227.31 73.37l-44.68-44.69a16 16 0 0 0-22.63 0L36.69 152A15.86 15.86 0 0 0 32 163.31V208a16 16 0 0 0 16 16h44.69a15.86 15.86 0 0 0 11.31-4.69L227.31 96a16 16 0 0 0 0-22.63ZM51.31 160l90.35-90.35l16.68 16.69L68 176.68ZM48 179.31L76.69 208H48Zm48 25.38L79.31 188l90.35-90.35l16.68 16.69Z" / >
< / svg >
Writing With Fountain Pens
< / a >
< / li >
< li >
< a style = "color:#bd93f9" href = "minimal-design/" >
< svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" viewBox = "0 0 24 24" >
< path fill = "currentColor" d = "M12 22q-2.075 0-3.9-.788t-3.175-2.137q-1.35-1.35-2.137-3.175T2 12q0-2.075.788-3.9t2.137-3.175q1.35-1.35 3.175-2.137T12 2q2.075 0 3.9.788t3.175 2.137q1.35 1.35 2.138 3.175T22 12q0 2.075-.788 3.9t-2.137 3.175q-1.35 1.35-3.175 2.138T12 22Zm0-2q3.35 0 5.675-2.325T20 12q0-3.35-2.325-5.675T12 4Q8.65 4 6.325 6.325T4 12q0 3.35 2.325 5.675T12 20Zm0-8Z" / >
< / svg >
Minimal Design
< / 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.cyou< / a > < / p >
< p class = "footer-text" style = "font-size:65%" > < a style = "color:#aaaaaa" href = "sitemap" > Site Map< / a > < / p >
< / footer >