Moving donation footer to about page + Static & new (image) header design
TitanE
1 year ago
parent
af8654a76e
commit
186db0c7c8
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
@ -1 +1 @@
|
|||||||
<!DOCTYPE html><html lang="en"><head><title>(ABOUT) 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:#ffb86c" href=".">About</a></p><h1><i class="fa fa-user" aria-hidden="true"></i>Contact</h1><p>If you would like to contact me, please keep reading.</p><h2>Email</h2><p>My preferred way of communication is email. However, it is incredibly insecure. Therefore, I request you to <a href="../blog/email-encrypt">encrypt your emails</a> with me.</p><p>My email is <code><a style="color:#ffb86c" href="mailto:sufyaan@counterhawks.com">sufyaan@counterhawks.com</a> <a href="files/sufyaan.gpg">[public key]</a>.</code></p><p>Fingerprint: <code>7CC9 2B65 FEC5 5C3F CC35 2891 6635 5EDD F4E5 B3EC</code></p><p>Please note that <strong>all emails (both encrypted & plaintext)</strong> from me will be signed with my public key.</p><h2>Websites</h2><p>I am not active on most social media platforms. Please read <a href="../blog/social-media">this post</a> to find out why. Below are the only social media platforms I am on:</p><ul><li><a href="https://www.youtube.com/c/TitanElectrons">YouTube</a></li><li><a href="https://www.behance.net/titanelectrons">Behance</a></li><li><a href="https://www.linkedin.com/in/titanelectrons">LinkedIn</a></li></ul><p>As aforementioned, I am not active on these platforms. I post rarely. This is the only website on which I post regularly.</p><p>I post branding and design related content on these websites.</p><hr/><footer><p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href=".">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 class="footer-text" 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 class="footer-text" 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>
|
<!DOCTYPE html><html lang="en"><head><title>(ABOUT) 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="../"><div style="text-align:center"><img src="../images/sufyaan.webp"></div></a><hr/><p><a href="../">sf.cu</a> > <a style="color:#ffb86c" href=".">About</a></p><h1><i class="fa fa-user" aria-hidden="true"></i>Contact</h1><p>If you would like to contact me, please keep reading.</p><h2>Email</h2><p>My preferred way of communication is email. However, it is incredibly insecure. Therefore, I request you to <a href="../blog/email-encrypt">encrypt your emails</a> with me.</p><p>My email is <code><a style="color:#ffb86c" href="mailto:sufyaan@counterhawks.com">sufyaan@counterhawks.com</a> <a href="files/sufyaan.gpg">[public key]</a>.</code></p><p>Fingerprint: <code>7CC9 2B65 FEC5 5C3F CC35 2891 6635 5EDD F4E5 B3EC</code></p><p>Please note that <strong>all emails (both encrypted & plaintext)</strong> from me will be signed with my public key.</p><h2>Websites</h2><p>I am not active on most social media platforms. Please read <a href="../blog/social-media">this post</a> to find out why. Below are the only social media platforms I am on:</p><ul><li><a href="https://www.youtube.com/c/TitanElectrons">YouTube</a></li><li><a href="https://www.behance.net/titanelectrons">Behance</a></li><li><a href="https://www.linkedin.com/in/titanelectrons">LinkedIn</a></li></ul><p>As aforementioned, I am not active on these platforms. I post rarely. This is the only website on which I post regularly.</p><p>I post branding and design related content on these websites.</p><h2>Donate</h2><p>If you would like to support my by donating, you can send me some Monero or Bitcoin. <strong>Monero is preferred.</strong></p><div style="text-align:center"><img src="donate.webp"></div><p style="font-size:75%;"><strong>Monero: </strong><code>8A8HeXwULYKWtbujMkGiBYKQPahJCT3ye2N6wCAdEv1L6ipoJjDmfVLKa7XnmE77nGLFmu5dGrL8U4zVGrkDncKEDfkpDEj</code></p><p style="font-size:75%;"><strong>Bitcoin: </strong><code>bc1qj0zdajhrg5uxac036u2t5empuc7xwrds5dde98</code></p><p>Please do not feel compelled to donate. Once again, <strong>Monero is preferred.</strong></p><hr/><footer><p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href=".">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>
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@ -1,2 +1,2 @@
|
|||||||
<!DOCTYPE html><html lang="en"><head><title>(POST) Keep Crypto Off Exchanges</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> > <a style="color:#bd93f9" href=".">Keep Crypto Off Exchanges</a></p><h1><i class="fa fa-btc" aria-hidden="true"></i>Keep Crypto Off Exchanges</h1><p style="font-size:110%"><strong>Posted on 14 March 2023</strong></p><strong><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><i class="fa fa-laptop" aria-hidden="true"></i>Software</a> && <a style="color:#ff79c6" href="../technology/"><i class="fa fa-code" aria-hidden="true"></i>Technology</a></p/>
|
<!DOCTYPE html><html lang="en"><head><title>(POST) Keep Crypto Off Exchanges</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</a> > <a style="color:#bd93f9" href=".">Keep Crypto Off Exchanges</a></p><h1><i class="fa fa-btc" aria-hidden="true"></i>Keep Crypto Off Exchanges</h1><p style="font-size:110%"><strong>Posted on 14 March 2023</strong></p><strong><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><i class="fa fa-laptop" aria-hidden="true"></i>Software</a> && <a style="color:#ff79c6" href="../technology/"><i class="fa fa-code" aria-hidden="true"></i>Technology</a></p/>
|
||||||
<p>In this article, we will discover why it is horrible to keep cryptocurrency on exchanges. If you do not have time to read this article, please stop keeping your cryptocurrencies on exchanges. If you do, your crypto may get stolen or lost. If you are interested in the details, please keep reading.</p><h2><i class="fa fa-credit-card-alt" aria-hidden="true"></i>Lack of Ownership</h2><p>When you keep cryptocurrencies on exchanges like Coinbase, they have your private keys. Anyone who has your private keys can manage your wallet as if it is their own. They can send, receive and do whatever they want with your wallet. Even if the exchange you are trading on is trusted, <a href="https://www.investopedia.com/terms/m/mt-gox.asp">if they shut down, you will lose your crypto.</a> This happened a few times before and thousands of people lost all of their crypto. This is why exchanges should be used for what they are good at; purchasing crypto. Keep exchanges only for one purpose.</p><h2><i class="fa fa-gavel" aria-hidden="true"></i>No Regulation</h2><p>Currently, the whole crypto exchange industry has a severe lack of regulation. The fact that exchanges have your private keys means that <strong>they can freeze your account which would cut off your access to your own crypto.</strong> Governments can request such freezes. This may seem improbable but <a href="https://www.ccn.com/south-koreas-biggest-cryptocurrency-exchange-investigated-by-local-police-market-drops/">it happened in South Korea.</a></p><h2><i class="fa fa-laptop" aria-hidden="true"></i>Hacking</h2><p>Even if the exchange you are trading on is secure, they may store your private keys in plaintext. This happens much more than people think. If this happens, hackers can easily take control of people's wallets and send all the crypto to themselves. If a hack like this happens through Bitcoin, it can at least be tracked. However, many hackers convert their crypto to Monero which cannot be tracked. If this happens, you will never get your money back unless the hacker decides to return the money.</p><h2><i class="fa fa-book" aria-hidden="true"></i>Conclusion</h2><p>To sum it up, you should never store your crypto on exchanges because you do not own your own crypto. There is little regulation and your account or the exchange can also be hacked. All of these pose serious risks to your crypto. Just get a wallet like Electrum or Monero and start using it.</p><p><a href="mailto:sufyaan@counterhawks.com?subject=Keep%20Crypto%20Off%20Exchanges">>>> Reply To Me</a></p><p style="text-align:center;"><a href="../terminal-apps/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../email-encrypt/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i><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><p class="footer-text" 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 class="footer-text" 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>
|
<p>In this article, we will discover why it is horrible to keep cryptocurrency on exchanges. If you do not have time to read this article, please stop keeping your cryptocurrencies on exchanges. If you do, your crypto may get stolen or lost. If you are interested in the details, please keep reading.</p><h2><i class="fa fa-credit-card-alt" aria-hidden="true"></i>Lack of Ownership</h2><p>When you keep cryptocurrencies on exchanges like Coinbase, they have your private keys. Anyone who has your private keys can manage your wallet as if it is their own. They can send, receive and do whatever they want with your wallet. Even if the exchange you are trading on is trusted, <a href="https://www.investopedia.com/terms/m/mt-gox.asp">if they shut down, you will lose your crypto.</a> This happened a few times before and thousands of people lost all of their crypto. This is why exchanges should be used for what they are good at; purchasing crypto. Keep exchanges only for one purpose.</p><h2><i class="fa fa-gavel" aria-hidden="true"></i>No Regulation</h2><p>Currently, the whole crypto exchange industry has a severe lack of regulation. The fact that exchanges have your private keys means that <strong>they can freeze your account which would cut off your access to your own crypto.</strong> Governments can request such freezes. This may seem improbable but <a href="https://www.ccn.com/south-koreas-biggest-cryptocurrency-exchange-investigated-by-local-police-market-drops/">it happened in South Korea.</a></p><h2><i class="fa fa-laptop" aria-hidden="true"></i>Hacking</h2><p>Even if the exchange you are trading on is secure, they may store your private keys in plaintext. This happens much more than people think. If this happens, hackers can easily take control of people's wallets and send all the crypto to themselves. If a hack like this happens through Bitcoin, it can at least be tracked. However, many hackers convert their crypto to Monero which cannot be tracked. If this happens, you will never get your money back unless the hacker decides to return the money.</p><h2><i class="fa fa-book" aria-hidden="true"></i>Conclusion</h2><p>To sum it up, you should never store your crypto on exchanges because you do not own your own crypto. There is little regulation and your account or the exchange can also be hacked. All of these pose serious risks to your crypto. Just get a wallet like Electrum or Monero and start using it.</p><p><a href="mailto:sufyaan@counterhawks.com?subject=Keep%20Crypto%20Off%20Exchanges">>>> Reply To Me</a></p><p style="text-align:center;"><a href="../terminal-apps/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../email-encrypt/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i><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>
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
|||||||
<!DOCTYPE html><html lang="en"><head><title>(POST) Eid Mubarak!</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> > <a style="color:#bd93f9" href=".">Eid Mubarak!</a></p><h1><i class="fa fa-moon-o" aria-hidden="true"></i>Eid Mubarak!</h1><p style="font-size:110%"><strong>Posted on 21 April 2023</strong></p><strong><p>Categories: </strong><a style="color:#ff79c6" href="../other/"><i class="fa fa-plus" aria-hidden="true"></i>Other</a></p><p>I would like to wish an 🌙 <strong>AUSPICIOUS EID</strong> 🌙 to you and your family!</p><p><a href="mailto:sufyaan@counterhawks.com?subject=Eid%20Mubarak!">>>> Reply To Me</a></p><p style="text-align:center;"><a href="../doas-sudo/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../passwd-2023/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i><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><p class="footer-text" 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 class="footer-text" 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>
|
<!DOCTYPE html><html lang="en"><head><title>(POST) Eid Mubarak!</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</a> > <a style="color:#bd93f9" href=".">Eid Mubarak!</a></p><h1><i class="fa fa-moon-o" aria-hidden="true"></i>Eid Mubarak!</h1><p style="font-size:110%"><strong>Posted on 21 April 2023</strong></p><strong><p>Categories: </strong><a style="color:#ff79c6" href="../other/"><i class="fa fa-plus" aria-hidden="true"></i>Other</a></p><p>I would like to wish an 🌙 <strong>AUSPICIOUS EID</strong> 🌙 to you and your family!</p><p><a href="mailto:sufyaan@counterhawks.com?subject=Eid%20Mubarak!">>>> Reply To Me</a></p><p style="text-align:center;"><a href="../doas-sudo/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../passwd-2023/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i><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>
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@ -1,5 +1,5 @@
|
|||||||
<!DOCTYPE html><html lang="en"><head><title>(LINUX) 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> > <a style="color:#ff79c6" href="."><i class="fa fa-terminal" aria-hidden="true"></i>Linux</a></p>
|
<!DOCTYPE html><html lang="en"><head><title>(LINUX) 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="../../"><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</a> > <a style="color:#ff79c6" href="."><i class="fa fa-terminal" aria-hidden="true"></i>Linux</a></p>
|
||||||
<h1 class="homepage-heading"><i class="fa fa-terminal" aria-hidden="true"></i></a>Linux</h1><p class="homepage-body">In this category, I post about tools and information related to Linux.</p><ul class="posts">
|
<h1 class="homepage-heading"><i class="fa fa-terminal" aria-hidden="true"></i></a>Linux</h1><p class="homepage-body">In this category, I post about tools and information related to Linux.</p><ul class="posts">
|
||||||
<li><code class="code-posts">20/04/23</code> - <a style="color:#bd93f9" href="../doas-sudo"><i class="fa fa-key" aria-hidden="true"></i>Use Doas Instead Of Sudo</a></li>
|
<li><code class="code-posts">20/04/23</code> - <a style="color:#bd93f9" href="../doas-sudo"><i class="fa fa-key" aria-hidden="true"></i>Use Doas Instead Of Sudo</a></li>
|
||||||
<li><code class="code-posts">13/03/23</code> - <a style="color:#bd93f9" href="../terminal-apps"><i class="fa fa-terminal" aria-hidden="true"></i>Why I Use Terminal Apps</a></li></ul>
|
<li><code class="code-posts">13/03/23</code> - <a style="color:#bd93f9" href="../terminal-apps"><i class="fa fa-terminal" aria-hidden="true"></i>Why I Use Terminal Apps</a></li></ul>
|
||||||
<p class="homepage-body">You reached the bottom of your screen!</p><hr/><footer><p class="footer-text"><a style="color:#bd93f9" href="../">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 class="footer-text" 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 class="footer-text" 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>
|
<p class="homepage-body">You reached the bottom of your screen!</p><hr/><footer><p class="footer-text"><a style="color:#bd93f9" href="../">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,5 +1,5 @@
|
|||||||
<!DOCTYPE html><html lang="en"><head><title>(OTHER) 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> > <a style="color:#ff79c6" href="."><i class="fa fa-plus" aria-hidden="true"></i>Other</a></p>
|
<!DOCTYPE html><html lang="en"><head><title>(OTHER) 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="../../"><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</a> > <a style="color:#ff79c6" href="."><i class="fa fa-plus" aria-hidden="true"></i>Other</a></p>
|
||||||
<h1 class="homepage-heading"><i class="fa fa-plus" aria-hidden="true"></i></a>Other</h1><p class="homepage-body">In this category, I post about miscellaneous things. These posts may be information related to me or general things which do not apply to my regular posts.</p><ul class="posts">
|
<h1 class="homepage-heading"><i class="fa fa-plus" aria-hidden="true"></i></a>Other</h1><p class="homepage-body">In this category, I post about miscellaneous things. These posts may be information related to me or general things which do not apply to my regular posts.</p><ul class="posts">
|
||||||
<li><code class="code-posts">20/04/23</code> - <a style="color:#bd93f9" href="../eid-mubarak-2023/"><i class="fa fa-key" aria-hidden="true"></i>Eid Mubarak!</a></li>
|
<li><code class="code-posts">20/04/23</code> - <a style="color:#bd93f9" href="../eid-mubarak-2023/"><i class="fa fa-key" aria-hidden="true"></i>Eid Mubarak!</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
<p class="homepage-body">You have hit rock bottom!</p><hr/><footer><p class="footer-text"><a style="color:#bd93f9" href="../">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 class="footer-text" 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 class="footer-text" 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>
|
<p class="homepage-body">You have hit rock bottom!</p><hr/><footer><p class="footer-text"><a style="color:#bd93f9" href="../">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>
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@ -1,6 +1,6 @@
|
|||||||
<!DOCTYPE html><html lang="en"><head><title>(TECH) 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> > <a style="color:#ff79c6" href="."><i class="fa fa-code" aria-hidden="true"></i>Technology</a></p>
|
<!DOCTYPE html><html lang="en"><head><title>(TECH) 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="../../"><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</a> > <a style="color:#ff79c6" href="."><i class="fa fa-code" aria-hidden="true"></i>Technology</a></p>
|
||||||
<h1 class="homepage-heading"><i class="fa fa-code" aria-hidden="true"></i></a>Technology</h1><p class="homepage-body">In this category, I post about tools and information related to Linux.</p><ul class="posts">
|
<h1 class="homepage-heading"><i class="fa fa-code" aria-hidden="true"></i></a>Technology</h1><p class="homepage-body">In this category, I post about tools and information related to Linux.</p><ul class="posts">
|
||||||
<li><code class="code-posts">06/05/23</code> - <a style="color:#bd93f9" href="../metal-usb/"><i class="fa fa-usb" aria-hidden="true"></i>Buy Only Metal USBs</a></li>
|
<li><code class="code-posts">06/05/23</code> - <a style="color:#bd93f9" href="../metal-usb/"><i class="fa fa-usb" aria-hidden="true"></i>Buy Only Metal USBs</a></li>
|
||||||
<li><code class="code-posts">14/03/23</code> - <a style="color:#bd93f9" href="../crypto-exchanges"><i class="fa fa-btc" aria-hidden="true"></i>Keep Crypto Off Exchanges</a></li>
|
<li><code class="code-posts">14/03/23</code> - <a style="color:#bd93f9" href="../crypto-exchanges"><i class="fa fa-btc" aria-hidden="true"></i>Keep Crypto Off Exchanges</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
<p class="homepage-body">You have hit rock bottom!</p><hr/><footer><p class="footer-text"><a style="color:#bd93f9" href="../">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 class="footer-text" 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 class="footer-text" 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>
|
<p class="homepage-body">You have hit rock bottom!</p><hr/><footer><p class="footer-text"><a style="color:#bd93f9" href="../">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>
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
@ -1 +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><a href="."><video autoplay loop muted playsinline class="homepage-title"><source src="images/sufyaan.webm" type="video/webm"/></video></a><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><p class="footer-text" 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 class="footer-text" 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>
|
<!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,2 +1,189 @@
|
|||||||
b,ol,p,ul,figcaption{font-family:jetbrains}body,h1{color:#f8f8f2}figcaption{font-weight:bold;font-size:90%;color:#50fa7b}.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/jetbrains-light-woff2.woff2") format('woff2'),url(fonts/woff/jetbrains-light-woff.woff) format('woff')}@font-face{font-family:jetbrains;font-weight:700;font-display: swap;src:url("fonts/woff2/jetbrains-bold-woff2.woff2") format('woff2'), url(fonts/woff/jetbrains-bold-woff.woff)}body{background:#282b35}p{margin-right:8vw;font-weight:400}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:#6272a4}code{color:#50fa7b;overflow-wrap:break-word}a{color:#8be9fd}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;margin-right:3vw}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 #282b35}div.gallery:hover{border:1px solid #8be9fd}.main{width:75vw;margin-top:7vw;padding:8px}}@media screen and (max-width:1150px){img{width:75vw}}
|
b,ol,p,ul,figcaption{
|
||||||
|
font-family:jetbrains
|
||||||
|
}
|
||||||
|
body,h1{
|
||||||
|
color:#f8f8f2
|
||||||
|
}
|
||||||
|
figcaption{
|
||||||
|
font-weight:bold;
|
||||||
|
font-size:90%;
|
||||||
|
color:#50fa7b
|
||||||
|
}
|
||||||
|
.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/jetbrains-light-woff2.woff2") format('woff2'),url(fonts/woff/jetbrains-light-woff.woff) format('woff')
|
||||||
|
}
|
||||||
|
@font-face{
|
||||||
|
font-family:jetbrains;
|
||||||
|
font-weight:700;
|
||||||
|
font-display: swap;
|
||||||
|
src:url("fonts/woff2/jetbrains-bold-woff2.woff2") format('woff2'), url(fonts/woff/jetbrains-bold-woff.woff)
|
||||||
|
}
|
||||||
|
body{
|
||||||
|
background:#282b35
|
||||||
|
}
|
||||||
|
p{
|
||||||
|
margin-right:8vw;
|
||||||
|
font-weight:400
|
||||||
|
}
|
||||||
|
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:#6272a4
|
||||||
|
}
|
||||||
|
code{
|
||||||
|
color:#50fa7b;
|
||||||
|
overflow-wrap:break-word
|
||||||
|
}
|
||||||
|
a{
|
||||||
|
color:#8be9fd
|
||||||
|
}
|
||||||
|
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;
|
||||||
|
margin-right:3vw
|
||||||
|
}
|
||||||
|
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 #282b35
|
||||||
|
}
|
||||||
|
div.gallery:hover{
|
||||||
|
border:1px solid #8be9fd
|
||||||
|
}
|
||||||
|
.main{
|
||||||
|
width:75vw;
|
||||||
|
margin-top:7vw;
|
||||||
|
padding:8px
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width:1150px){
|
||||||
|
img{
|
||||||
|
width:75vw
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue