New homepage! + Tools I Use post
parent
8ed4c221c2
commit
5e417b44ef
@ -0,0 +1 @@
|
||||
<!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><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 and I welcome you to my <strong>personal website!</strong></p><p>I am a brand designer but my interests are in computing. I love using <a style="color:#50fa7b" href="definitions/free-software/" aria-label="Read more about free (libre) software">free (libre) software</a> that follows the <a style="color:#50fa7b" href="definitions/unix-philosophy" aria-label="Read more about the UNIX philosophy">UNIX philosophy.</a></p><p>I like to spend my free time tinkering around with my computer and learning about new innovations in both the technology and design industries.</p><p>On this website, I post on my blog about a plethora of topics that I am interested in like:</p><ul><li>Computing</li><li>GNU/Linux</li><li>Design</li><li>Announcements</li></ul><p>I do not post regularly. I did not create this website for views or money. I simply post what I enjoy and what I find helpful.</p><p>If you would like to contribute to this website, please do so on <a href="https://forgejo.sufyaan.cyou/TitanElectrons/sufyaan-website">it's Git repository</a>. Any contribution, no matter how small, is appreciated.</p><p>Here are links to useful pages on this website:<ul><li><a style="color:#bd93f9" href="blog">Blog</a> - View my blog posts on computing, Linux and design.</li><li><a style="color:#ffb86c" href="about">About</a> - View some information about me and find out how to contact me.</li><li><a style="color:#f1fa8c" href="portfolio/">Portfolio</a> - View my designs and projects.</li><li><a style="color:#ff5555" href="links">Links</a> - My pages on other websites and sites I like to browse.</li><li><a style="color:#50fa7b" href="definitions/">Definitions</a> - View the definitions of terms that I use in my <a style="color:#bd93f9" href="blog">blog</a> posts.</li></ul></p><p>I hope you find useful and interesting information on this website!</p><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>
|
@ -1 +1,56 @@
|
||||
<!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><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 and I welcome you to my <strong>personal website!</strong></p><p>I am a brand designer but my interests are in computing. I love using <a style="color:#50fa7b" href="definitions/free-software/" aria-label="Read more about free (libre) software">free (libre) software</a> that follows the <a style="color:#50fa7b" href="definitions/unix-philosophy" aria-label="Read more about the UNIX philosophy">UNIX philosophy.</a></p><p>I like to spend my free time tinkering around with my computer and learning about new innovations in both the technology and design industries.</p><p>On this website, I post on my blog about a plethora of topics that I am interested in like:</p><ul><li>Computing</li><li>GNU/Linux</li><li>Design</li><li>Announcements</li></ul><p>I do not post regularly. I did not create this website for views or money. I simply post what I enjoy and what I find helpful.</p><p>If you would like to contribute to this website, please do so on <a href="https://forgejo.sufyaan.cyou/TitanElectrons/sufyaan-website">it's Git repository</a>. Any contribution, no matter how small, is appreciated.</p><p>Here are links to useful pages on this website:<ul><li><a style="color:#bd93f9" href="blog">Blog</a> - View my blog posts on computing, Linux and design.</li><li><a style="color:#ffb86c" href="about">About</a> - View some information about me and find out how to contact me.</li><li><a style="color:#f1fa8c" href="portfolio/">Portfolio</a> - View my designs and projects.</li><li><a style="color:#ff5555" href="links">Links</a> - My pages on other websites and sites I like to browse.</li><li><a style="color:#50fa7b" href="definitions/">Definitions</a> - View the definitions of terms that I use in my <a style="color:#bd93f9" href="blog">blog</a> posts.</li></ul></p><p>I hope you find useful and interesting information on this website!</p><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>
|
||||
<!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>
|
||||
<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 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="uses/"><i class="fa fa-briefcase" aria-hidden="true"></i>Tools I Use</a></li>
|
||||
<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="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>
|
||||
|
||||
|
@ -1,56 +0,0 @@
|
||||
<!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>
|
||||
<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 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>
|
||||
|
Loading…
Reference in New Issue