Fixing social media post + Making new home page
parent
e1693c37b2
commit
f3ed9c52dd
File diff suppressed because one or more lines are too long
@ -0,0 +1,58 @@
|
|||||||
|
<!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>
|
||||||
|
|
@ -0,0 +1,22 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<title>(POST) Tools I Use</title>
|
||||||
|
<link rel="icon" type="image/x-icon" href="../images/favicon.webp">
|
||||||
|
<link rel='stylesheet' type='text/css' href="../style.css"> <link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="all">
|
||||||
|
<meta charset="utf-8"/>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<a href="../"><div style="text-align:center"><img src="../images/sufyaan.webp"></div></a>
|
||||||
|
<hr/><p><a href="../">sf.cu</a> > <a style="color:#bd93f9" href="../blog/">Blog</a> > <a style="color:#bd93f9" href=".">Tools I Use</a></p>
|
||||||
|
<h1><i class="fa fa-briefcase" aria-hidden="true"></i>Tools I Use</h1>
|
||||||
|
<p style="font-size:110%"><strong><i class="fa fa-calendar" aria-hidden="true"></i>30 July 2023</strong></p><p style="font-size:110%"><i class="fa fa-clock-o" aria-hidden="true"></i><strong>2 min</strong><p style="font-size:110%"><i class="fa fa-arrow-right" aria-hidden="true"></i></strong><a style="color:#ff79c6" href="../blog/technology/"><i class="fa fa-code" aria-hidden="true"></i>Technology</a></p>
|
||||||
|
<p>Post to be released soon!</p>
|
||||||
|
<p><a href="mailto:sufyaan@counterhawks.com?subject=Tools%20I%20Use">>>> Reply To Me</a></p>
|
||||||
|
<p style="text-align:center;"><a href="../minimal-design/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../terminal/">First Post</a> <i style="color:#bd93f9" class="fa fa-repeat" aria-hidden="true"></i></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>
|
Loading…
Reference in New Issue