main
TitanE 2 years ago
parent cc0e4bde84
commit b351e9b170

Binary file not shown.

Binary file not shown.

@ -1,40 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>(LINKS) Sufyaan's Webpage</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="../"><video autoplay loop muted playsinline class="homepage-title"><source src="../images/sufyaan.webm" type="video/webm" /></video></a>
<hr/>
<p><a href="../">sf.cu</a> > <a style="color:#ff5555" href=".">Links</a></p>
<h1><i class="fa fa-chain" aria-hidden="true"></i>Links</h1>
<p>This page includes links to websites where you can find me and other people's websites online. I include links to websites which I browse regularly. The reason this page exists is because using search engines to find new websites is futile nowadays. Please note that linking a website here does not mean endorsement for everything they post and do.</p>
<h2>My Websites:</h2>
<ul>
<li><a href="https://www.youtube.com/c/TitanElectrons">YouTube</a> - Going to migrate to PeerTube and Odysee</li>
<li><a href="https://www.behance.net/titanelectrons">Behance</a> - Going to delete and use this website (<a style="color:#f1fa8c" href="../portfolio">portfolio</a>)</li>
</ul>
<h2>Blogs I read:</h2>
<ul>
<li><a href="https://lukesmith.xyz/">Luke Smith</a> - Posts about computing and technology</li>
<li><a href="https://pc.net/tips/">PC.net PC Tips</a> - Monthly computing tips</li>
<li><a href="https://denshi.org/">Denshi's Website</a> - General technology posts</li>
</ul>
<hr/>
<footer>
<p><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</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>
<p style="font-size:80%; margin-bottom:-0.1%; padding-top:1%">XMR <a href="../images/xmr.png">(QR)</a>:</p>
<code style="font-size:65%">8A8HeXwULYKWtbujMkGiBYKQPahJCT3ye2N6wCAdEv1L6ipoJjDmfVLKa7XnmE77nGLFmu5dGrL8U4zVGrkDncKEDfkpDEj</code>
<p style="font-size:80%; margin-bottom:-0.1%;">BTC <a href="../images/btc.png">(QR)</a>:</p>
<code style="font-size:65%">bc1qj0zdajhrg5uxac036u2t5empuc7xwrds5dde98</code>
</footer>

@ -1,30 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>(CREDITS) Sufyaan's Webpage</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="https://sufyaan.cyou/"><img src="../images/titan-header.webp" alt="TitanElectrons" class="center" style="padding-bottom:3vw;padding-top:3vw;"></a>
<hr/>
<h1><i class="fa fa-list" aria-hidden="true"></i>Credits</h1>
<p>I would like to heavily thank these people for allowing public access to the pictures that they own and I am currently using. If any of the pictures below are yours and you want a different one used, please contact me and I will remove it immediately.</p>
<h2>Industria:</h2>
<ul><li><a href="https://unsplash.com/photos/T5nXYXCf50I">Background Image (by Maarten Deckers)</a></li></ul>
<h2>Bitguard:</h2>
<ul><li><a href="https://unsplash.com/photos/Pyjp2zmxuLk">Background Image (by Kevin Horvat)</a></li></ul>
<h2>WM Tours:</h2>
<ul><li><a href="https://unsplash.com/photos/FwdZYz0yc9g">Background Image (by Leio McLaren)</a></li></ul>
<h2>Sihu: </h2>
<ul><li><a href="https://unsplash.com/photos/r5x_wnC1qi4">Background Image (by Josiah Farrow)</a></li></ul>
<p>I mainly find images through Unsplash as the quality of images there are very good.</p>
<hr/>
<footer>
<p class="footer-text"><a href="../../">personal website</a> - <a href="../../about/">about</a> - <a href="../">portfolio</a></a></p>
</footer>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 678 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 41 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.9 KiB

@ -1,27 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>(PORTFOLIO) Sufyaan's Webpage</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="../"><video autoplay loop muted playsinline class="homepage-title"><source src="../images/sufyaan.webm" type="video/webm" /></video></a>
<hr/>
<p><a href="../">sf.cu</a> > <a style="color:#f1fa8c" href=".">Portfolio [PLACEHOLDER]</a></p>
<h1><i class="fa fa-lock" aria-hidden="true"></i>Under Construction!</h1>
<p>Please view this page later.</p>
<hr/>
<footer>
<p><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>
<p style="font-size:80%; margin-bottom:-0.1%; padding-top:1%">XMR <a href="../images/xmr.png">(QR)</a>:</p>
<code style="font-size:65%">8A8HeXwULYKWtbujMkGiBYKQPahJCT3ye2N6wCAdEv1L6ipoJjDmfVLKa7XnmE77nGLFmu5dGrL8U4zVGrkDncKEDfkpDEj</code>
<p style="font-size:80%; margin-bottom:-0.1%;">BTC <a href="../images/btc.png">(QR)</a>:</p>
<code style="font-size:65%">bc1qj0zdajhrg5uxac036u2t5empuc7xwrds5dde98</code>
</footer>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.6 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

@ -1 +0,0 @@
b,ol,p,ul{font-family:jetbrains}body,h1{color:#121212}.posts,h1,h2,h3,ol,p,ul{margin-left:8vw}.nested-list,.posts,h1,ol,ul{margin-top:1vw;margin-bottom:1vw}.responsive,div.desc,footer{text-align:center}@font-face{font-family:jetbrains;font-weight:400;font-display:swap;src:url("fonts/woff2/futura-woff2.woff2") format('woff2'),url(fonts/woff/futura-woff.woff) format('woff')}@font-face{font-family:jetbrains;font-weight:700;font-display: swap;src:url("fonts/woff2/integral-woff2.woff2") format('woff2'), url(fonts/woff/integral-woff.woff)}body{background:#efefef}p{margin-right:8vw;font-weight:400}.center{display:block;margin-left:auto;margin-right:auto;width:50%;}img{width:40vw}b{font-weight:700}ol,ul{font-weight:400}code,h1,h2,h3{font-weight:700;font-family:jetbrains}hr{width:87%;color:#6067ff}code{color:#50fa7b;overflow-wrap:break-word}a{color:#000bef}footer{padding:3px}h1{font-size:200%}h2{font-size:150%;margin-top:1.5vw;margin-bottom:1.5vw}h3{font-size:110%}i{margin-right:10px}.posts{font-family:jetbrains;list-style-type:none}.code-posts{font-family:jetbrains;color:#6272a4;font-size:80%}.homepage-title{display:block;padding-top:3.25vw;padding-bottom:3vw;margin-left:auto;margin-right:auto;width:30%;max-width:35%;height:7.5%}.footer-text{font-family:jetbrains}.nested-list{margin-left:-2vw}div.gallery{border:1px solid #6272a4}div.gallery:hover{border:1px solid #8be9fd}div.gallery img{width:100%;height:auto}div.desc{padding:15px}*{box-sizing:border-box}.main{margin-left:10vw;margin-right:7vw;width:90vw;margin-bottom:4vw}.responsive{font-family:jetbrains;padding:0 6px;margin:auto;display:block;float:left;width:22%}.clearfix:after{content:"";display:table;clear:both}@media screen and (max-width:600px){.posts,h1,h2,h3,ol,p,ul{margin-left:20px;margin-right:20px;margin-top:30px}hr{width:93%}.posts{font-size:90%;padding:0}.code-posts{font-size:75%}.homepage-title{width:50%;max-width:75%;height:12.5%}.nested-list{margin-left:-6vw;margin-top:4vw;margin-bottom:4vw}.responsive{width:100%;padding-bottom:4vw}div.gallery{border:1px solid #121212}div.gallery:hover{border:1px solid #000bef}.main{width:75vw;margin-top:7vw;padding:8px}}@media screen and (max-width:1150px){img{width:75vw}}

@ -1,22 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>(PROJECT) TitanElectrons</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="https://sufyaan.cyou/"><img src="../images/industria-header.webp" alt="TitanElectrons" class="center" style="padding-bottom:3vw;padding-top:3vw;"></a>
<hr/>
<h1 style="font-size:10vw;text-align:center;">Industria</h1>
<p>Industria is an architectural design firm that aspires to make the most beautiful construction projects.</p>
<hr/>
<footer>
<p class="footer-text"><a href="../../index.html">personal website</a> - <a href="../../about/index.html">about</a> - <a href="../../portfolio/index.html">portfolio</a></a></p>
<p class="footer-text">project designed by <a href="../index.html">Sufyaan (TitanElectrons)</a></p>
</footer>

@ -1,21 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>(PROJECT) Sufyaan's Webpage</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="../"><img src="../images/titan-header.webp" alt="TitanElectrons" class="center" style="padding-bottom:3vw;padding-top:3vw;"></a>
<hr/>
<h1><i class="fa fa-pencil" aria-hidden="true"></i>Project Name</h1>
<p>Project info</p>
<hr/>
<footer>
<p class="footer-text"><a href="../..">personal website</a> - <a href="../../about">about</a> - <a href="../../portfolio">portfolio</a></a></p>
</footer>

@ -1,60 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>(PORTFOLIO) Sufyaan's Webpage</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="."><img src="images/titan-header.webp" alt="TitanElectrons" class="center" style="padding-bottom:3vw;padding-top:3vw;"></a>
<hr/>
<h1><i class="fa fa-pencil" aria-hidden="true"></i>Portfolio</h1>
<p class="homepage-body" style="margin-bottom:3vw">I have worked on numerous design projects over the years. This page is a collection of all my best works for reference.</p>
<div class="main">
<div class="responsive">
<div class="gallery">
<a href="industria">
<img src="images/industria.webp" alt="Industria" width="600" height="400">
</a>
<div class="desc">Industria</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a href="bitguard">
<img src="images/bitguard.webp" alt="BitGuard" width="600" height="400">
</a>
<div class="desc">BitGuard</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a href="wm-tours">
<img src="images/wm-tours.webp" alt="WM Tours" width="600" height="400">
</a>
<div class="desc">WM Tours</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a href="sihu">
<img src="images/sihu.webp" alt="Sihu" width="600" height="400">
</a>
<div class="desc">Sihu</div>
</div>
</div>
<div class="clearfix"></div>
</div>
<p>All logos shown in this portfolio are mine. However, some of the images used for aesthetic purposes in my portfolio are not mine. Please visit <a href="credits">this page</a> to view the original images and download them.</p>
<p>If you love my work and want to hire me for work, please visit the contact page for more information. Please note that <em>prices are based on product value.</em> My prices are not fixed and will change depending on the type of logo or brand you want me to design.</p>
<hr/>
<footer>
<p class="footer-text"><a href="../">personal website</a> - <a href="../about">about</a> - <a href="../portfolio">portfolio</a></a></p>
</footer>

@ -1,88 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>(SITE MAP) Sufyaan's Webpage</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="../"><video autoplay loop muted playsinline class="homepage-title"><source src="../images/sufyaan.webm" type="video/webm" /></video></a>
<hr/>
<p><a href="../">sf.cu</a> > <a style="color:#cccccc" href=".">Site Map</a></p>
<h1>Site Map</h1>
<p>Links to different sections and pages within the website.</p>
<h2><a href="../">Home</a></h2>
<ul class="posts">
<li><a style="color:#bd93f9" href="../blog">Blog</a></li>
<li><a style="color:#ffb86c" href="../about">About</a></li>
<li><a style="color:#f1fa8c" href="../portfolio">Portfolio</a></li>
<li><a style="color:#ff5555" href="../links">Links</a></li>
<li><a style="color:#50fa7b" href="../definitions">Definitions</a></li>
<li><a style="color:#cccccc" href="../sitemap/">Site Map</a></li>
</ul>
<h2><a style="color:#bd93f9" href="../blog">Blog</a></h2>
<h3>Categories</h3>
<ul class="posts">
<li><a style="color:#ff79c6" href="../blog/linux/">Linux</a></li>
<li><a style="color:#ff79c6" href="../blog/software/">Software</a></li>
<li><a style="color:#ff79c6" href="../blog/technology/">Technology</a></li>
<li><a style="color:#ff79c6" href="../blog/guides/">Guides</a></li>
<li><a style="color:#ff79c6" href="../blog/other/">Other</a></li>
</ul>
<h3>Posts</h3>
<ul class="posts">
<li><a style="color:#bd93f9" href="../blog/do-it-yourself/">Do It Yourself</a></li>
<li><a style="color:#bd93f9" href="../blog/tfa-guide/">Start Using 2FA Properly</a></li>
<li><a style="color:#bd93f9" href="../blog/public-insta/">Instagram Deleted!</a></li>
<li><a style="color:#bd93f9" href="../blog/metal-usb/">Buy Only Metal USBs</a></li>
<li><a style="color:#bd93f9" href="../blog/passwd-2023/">Password Systems</a></li>
<li><a style="color:#bd93f9" href="../blog/eid-mubarak-2023/">Eid Mubarak!</a></li>
<li><a style="color:#bd93f9" href="../blog/doas-sudo/">Use Doas Instead Of Sudo</a></li>
<li><a style="color:#bd93f9" href="../blog/social-media/">Stop Using Social Media</a></li>
<li><a style="color:#bd93f9" href="../blog/discord-account/">Delete Your Discord Account</a></li>
<li><a style="color:#bd93f9" href="../blog/browser-setup/">My New Browser Setup</a></li>
<li><a style="color:#bd93f9" href="../blog/email-encrypt/">How To Encrypt Emails</a></li>
<li><a style="color:#bd93f9" href="../blog/crypto-exchanges/">Keep Crypto Off Exchanges</a></li>
<li><a style="color:#bd93f9" href="../blog/terminal-apps/">Why I Use Terminal Apps</a></li>
</ul>
<h2><a style="color:#ffb86c" href="../about/">About</a></h2>
<ul class="posts" style="color:#ffb86c">
<li><a style="color:#ffb86c" href="../about/files/sufyaan.gpg">Sufyaan's PGP Key</a></li>
</ul>
<h2><a style="color:#50fa7b" href="../definitions/">Definitions</a></h2>
<ul class="posts">
<li>A</li>
<li><a style="color:#50fa7b" href="../definitions/arch-linux/">Arch Linux</a></li>
<li>F</li>
<li><a style="color:#50fa7b" href="../definitions/free-software/">Free Software</a></li>
<li>L</li>
<li><a style="color:#50fa7b" href="../definitions/lineageos/">LineageOS</a></li>
<li><a style="color:#50fa7b" href="../definitions/linux-distribution/">Linux Distribution</a></li>
<li><a style="color:#50fa7b" href="../definitions/linux-phones/">Linux Phones</a></li>
<li>M</li>
<li><a style="color:#50fa7b" href="../definitions/malware/">Malicious Software [malware]</a></li>
<li>O</li>
<li><a style="color:#50fa7b" href="../definitions/operating-system/">Operating System</a></li>
<li>P</li>
<li><a style="color:#50fa7b" href="../definitions/pre-built-computers/">Pre-Built Computers</a></li>
<li>S</li>
<li><a style="color:#50fa7b" href="../definitions/security-key/">Security Key</a></li>
<li>T</li>
<li><a style="color:#50fa7b" href="../definitions/thinkpad/">ThinkPad</a></li>
<li>U</li>
<li><a style="color:#50fa7b" href="../definitions/unix-philosophy/">UNIX Philosophy</a></li>
</ul>
<hr/>
<footer>
<p><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 style="font-size:80%"><a href="../../">sufyaan.cyou</a></p>
<p style="font-size:80%; margin-bottom:-0.1%; padding-top:1%">XMR <a href="../images/xmr.png">(QR)</a>:</p>
<code style="font-size:65%">8A8HeXwULYKWtbujMkGiBYKQPahJCT3ye2N6wCAdEv1L6ipoJjDmfVLKa7XnmE77nGLFmu5dGrL8U4zVGrkDncKEDfkpDEj</code>
<p style="font-size:80%; margin-bottom:-0.1%;">BTC <a href="../images/btc.png">(QR)</a>:</p>
<code style="font-size:65%">bc1qj0zdajhrg5uxac036u2t5empuc7xwrds5dde98</code>
</footer>

@ -1,27 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>(PAGE) Sufyaan's Webpage</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="../../"><video autoplay loop muted playsinline class="homepage-title"><source src="../images/sufyaan.webm" type="video/webm" /></video></a>
<hr/>
<p><a href="../">sf.cu</a> > <a style="color:#bd93f9" href=".">Blog</a></p>
<h1>Sample Heading</h1>
<p>Sample Paragraph</p>
<hr/>
<footer>
<p><a style="color:#bd93f9" href="../blog">blog</a> - <a href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>
<p style="font-size:80%"><a href="../../">sufyaan.cyou</a></p>
<p style="font-size:80%; margin-bottom:-0.1%; padding-top:1%">XMR <a href="../images/xmr.png">(QR)</a>:</p>
<code style="font-size:65%">8A8HeXwULYKWtbujMkGiBYKQPahJCT3ye2N6wCAdEv1L6ipoJjDmfVLKa7XnmE77nGLFmu5dGrL8U4zVGrkDncKEDfkpDEj</code>
<p style="font-size:80%; margin-bottom:-0.1%;">BTC <a href="../images/btc.png">(QR)</a>:</p>
<code style="font-size:65%">bc1qj0zdajhrg5uxac036u2t5empuc7xwrds5dde98</code>
</footer>
Loading…
Cancel
Save