sufyaan
/
sufyaan-website
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

new photo post

Browse Source
main
TitanE 12 months ago
parent 6c87a1173c
commit 6fd02d4dc0
23 changed files with 62 additions and 18 deletions
Show Stats Download Patch File Download Diff File

2
index.html
Unescape Escape View File

@ -57,7 +57,7 @@
<h2 class="pane">Interesting Stuff</h2> <h2 class="pane">Interesting Stuff</h2>
<ul class="pane"> <ul class="pane">
<li> <li>
<a style="color:#bd93f9" href="pics/">Photos <a style="color:#bd93f9" href="photos/">Photos
</a> </a>
</li> </li>
<li> <li>

BIN
mina-district/img/md-01.webp
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 387 KiB

BIN
mina-district/img/md-02.webp
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 602 KiB

BIN
mina-district/img/md-03.webp
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 235 KiB

BIN
mina-district/img/md-04.webp
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 346 KiB

BIN
mina-district/img/md-05.webp
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 200 KiB

BIN
mina-district/img/md-06.webp
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 448 KiB

BIN
mina-district/img/md-07.webp
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 886 KiB

51
mina-district/index.html
Unescape Escape View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>(POST) Experience Mina District</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 style="text-decoration: none;" href="../">
<pre class="main-header">
_______ _ _ _______ __ __ _______ _______ __ _
|______ | | |______ \_/ |_____| |_____| | \ |
______| |_____| | | | | | | | \_|
</pre>
</a>
<hr/><p><a href="../">sf.me</a> > <a style="color:#bd93f9" href="../pics/">Photos</a> > <a style="color:#bd93f9" href=".">Experience Mina District</a></p>
<h1>Experience Mina District</h1>
<p style="font-size:110%">Posted on: <strong>6 December 2023</strong></p>
<div class="gallery">
<div class="image-container">
<img class="image" src="img/md-01.webp" alt="A shot from the side of the metro station, showing the sun.">
</div>
<div class="image-container">
<img class="image" src="img/md-02.webp" alt="A shot below one of the corners of the metro station, showing the angled roof.">
</div>
<div class="image-container">
<img class="image" src="img/md-03.webp" alt="A shot from the front corner of the metro station, showing the entrance.">
</div>
<div class="image-container">
<img class="image" src="img/md-04.webp" alt="A shot from the side of the metro station, showing the metro station logo with the National Museum of Qatar in the reflection.">
</div>
<div class="image-container">
<img class="image" src="img/md-05.webp" alt="A shot inside the metro station showing the design on the walls.">
</div>
<div class="image-container">
<img class="image" src="img/md-06.webp" alt="A shot inside the metro station showing the design on the walls.">
</div>
<div class="image-container">
<img class="image" src="img/md-07.webp" alt="A shot inside the metro station showing the design on the walls.">
</div>
</div>
<p style="text-align:center;"><a href="../nm-metro/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><mask id="ipSLeftOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M30 36L18 24l12-12v24Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSLeftOne0)"/></svg>Previous Collection</a> - <a style="color:#bd93f9" href="../nm-metro/">First Collection</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="#bd93f9" fill-rule="evenodd" d="M2.232 12.207a.75.75 0 0 1 1.06.025l3.958 4.146V6.375a5.375 5.375 0 0 1 10.75 0V9.25a.75.75 0 0 1-1.5 0V6.375a3.875 3.875 0 0 0-7.75 0v10.003l3.957-4.146a.75.75 0 0 1 1.085 1.036l-5.25 5.5a.75.75 0 0 1-1.085 0l-5.25-5.5a.75.75 0 0 1 .025-1.06Z" clip-rule="evenodd"/></svg></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.me</a></p><p class="footer-text" style="font-size:65%"><a style="color:#aaaaaa" href="../sitemap">Site Map</a></p>
</footer>

0
nm-metro/page/nm-01.webp → nm-metro/img/nm-01.webp
Unescape Escape View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 640 KiB

After

Width:  |  Height:  |  Size: 640 KiB

0
nm-metro/page/nm-02.webp → nm-metro/img/nm-02.webp
Unescape Escape View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 418 KiB

After

Width:  |  Height:  |  Size: 418 KiB

0
nm-metro/page/nm-03.webp → nm-metro/img/nm-03.webp
Unescape Escape View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 625 KiB

After

Width:  |  Height:  |  Size: 625 KiB

0
nm-metro/page/nm-04.webp → nm-metro/img/nm-04.webp
Unescape Escape View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 850 KiB

After

Width:  |  Height:  |  Size: 850 KiB

0
nm-metro/page/nm-05.webp → nm-metro/img/nm-05.webp
Unescape Escape View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 402 KiB

After

Width:  |  Height:  |  Size: 402 KiB

23
nm-metro/index.html
Unescape Escape View File

@ -21,32 +21,23 @@
<p style="font-size:110%">Posted on: <strong>24 November 2023</strong></p> <p style="font-size:110%">Posted on: <strong>24 November 2023</strong></p>
<div class="gallery"> <div class="gallery">
<div class="image-container"> <div class="image-container">
<a href="page/og/01.jpg"> <img class="image" src="img/nm-01.webp" alt="A shot from the side of the metro station, showing the sun.">
<img class="image" src="page/nm-01.webp" alt="A shot from the side of the metro station, showing the sun.">
</a>
</div> </div>
<div class="image-container"> <div class="image-container">
<a href="page/og/02.jpg"> <img class="image" src="img/nm-02.webp" alt="A shot below one of the corners of the metro station, showing the angled roof.">
<img class="image" src="page/nm-02.webp" alt="A shot below one of the corners of the metro station, showing the angled roof.">
</a>
</div> </div>
<div class="image-container"> <div class="image-container">
<a href="page/og/03.jpg"> <img class="image" src="img/nm-03.webp" alt="A shot from the front corner of the metro station, showing the entrance.">
<img class="image" src="page/nm-03.webp" alt="A shot from the front corner of the metro station, showing the entrance.">
</a>
</div> </div>
<div class="image-container"> <div class="image-container">
<a href="page/og/04.jpg"> <img class="image" src="img/nm-04.webp" alt="A shot from the side of the metro station, showing the metro station logo with the National Museum of Qatar in the reflection.">
<img class="image" src="page/nm-04.webp" alt="A shot from the side of the metro station, showing the metro station logo with the National Museum of Qatar in the reflection.">
</a>
</div> </div>
<div class="image-container"> <div class="image-container">
<a href="page/og/05.jpg"> <img class="image" src="img/nm-05.webp" alt="A shot inside the metro station showing the design on the walls.">
<img class="image" src="page/nm-05.webp" alt="A shot inside the metro station showing the design on the walls.">
</a>
</div> </div>
</div> </div>
<p style="text-align:center;"><a href="../nm-metro/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><mask id="ipSLeftOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M30 36L18 24l12-12v24Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSLeftOne0)"/></svg>Previous Collection</a> - <a style="color:#bd93f9" href="../nm-metro/">First Collection</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="#bd93f9" fill-rule="evenodd" d="M2.232 12.207a.75.75 0 0 1 1.06.025l3.958 4.146V6.375a5.375 5.375 0 0 1 10.75 0V9.25a.75.75 0 0 1-1.5 0V6.375a3.875 3.875 0 0 0-7.75 0v10.003l3.957-4.146a.75.75 0 0 1 1.085 1.036l-5.25 5.5a.75.75 0 0 1-1.085 0l-5.25-5.5a.75.75 0 0 1 .025-1.06Z" clip-rule="evenodd"/></svg></p> <p style="text-align:center;"><a href="../mina-district/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M32 448c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c53 0 96-43 96-96V109.3l73.4 73.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0l-128 128c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l73.3-73.4V416c0 17.7-14.3 32-32 32H32z"/></svg>Latest Collection</a> - <a style="color:#bd93f9" href="../mina-district/">Next Collection</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSRightOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="m20 12l12 12l-12 12V12Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSRightOne0)"/></svg></p>
<hr/> <hr/>
<footer> <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"><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>

BIN
nm-metro/page/og/01.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 27 MiB

BIN
nm-metro/page/og/02.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 27 MiB

BIN
nm-metro/page/og/03.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 24 MiB

BIN
nm-metro/page/og/04.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 13 MiB

BIN
nm-metro/page/og/05.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 18 MiB

1
photos/index.html
Unescape Escape View File

@ -19,6 +19,7 @@
<p><a href="../">sf.me</a> > <a style="color:#bd93f9" href="../.">Photos</a></p> <p><a href="../">sf.me</a> > <a style="color:#bd93f9" href="../.">Photos</a></p>
<h1 class="homepage-heading">Photos</h1> <h1 class="homepage-heading">Photos</h1>
</ul><p class="homepage-body"></p><ul class="posts"> </ul><p class="homepage-body"></p><ul class="posts">
<li><code class="code-posts">06/12/23</code> - <a style="color:#bd93f9" href="../mina-district/">Experience Mina District</a></li>
<li><code class="code-posts">24/11/23</code> - <a style="color:#bd93f9" href="../nm-metro/">Qatar's Metro Stations</a></li> <li><code class="code-posts">24/11/23</code> - <a style="color:#bd93f9" href="../nm-metro/">Qatar's Metro Stations</a></li>
</ul> </ul>
<p class="homepage-body">You have closed the image!</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.me</a></p><p class="footer-text" style="font-size:65%"><a style="color:#aaaaaa" href="../sitemap">Site Map</a></p></footer> <p class="homepage-body">You have closed the image!</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.me</a></p><p class="footer-text" style="font-size:65%"><a style="color:#aaaaaa" href="../sitemap">Site Map</a></p></footer>

1
sitemap/index.html
Unescape Escape View File

@ -82,6 +82,7 @@
</ul> </ul>
<h3>Photos</h3> <h3>Photos</h3>
<ul class="posts"> <ul class="posts">
<li><a style="color:#bd93f9" href="../mina-district/">Experience Mina District</a></li>
<li><a style="color:#bd93f9" href="../nm-metro/">Qatar's Metro Stations</a></li> <li><a style="color:#bd93f9" href="../nm-metro/">Qatar's Metro Stations</a></li>
</ul> </ul>
<h2><a style="color:#ffb86c" href="../about/">About</a></h2> <h2><a style="color:#ffb86c" href="../about/">About</a></h2>

2
terminal/index.html
Unescape Escape View File

@ -62,7 +62,7 @@
<p>...terminal applications should be used as much as possible. They are swift. They can be used quickly and also use less resources and space while running on just about anything. They are not as difficult as they look and can be used for uses which GUI apps do not have. They cannot be used all the time because there are rare exceptions in which GUI applications have to be used. However, these are so little that I do not mind keeping GUI apps just for these use cases. <p>...terminal applications should be used as much as possible. They are swift. They can be used quickly and also use less resources and space while running on just about anything. They are not as difficult as they look and can be used for uses which GUI apps do not have. They cannot be used all the time because there are rare exceptions in which GUI applications have to be used. However, these are so little that I do not mind keeping GUI apps just for these use cases.
<p><a href="mailto:sufyaan@counterhawks.com?subject=Why%20I%20Use%20Terminal%20Apps">>>> Reply To Me</a></p> <p><a href="mailto:sufyaan@counterhawks.com?subject=Why%20I%20Use%20Terminal%20Apps">>>> Reply To Me</a></p>
<p><a href="terminal.pdf">>>> Download PDF</a></p> <p><a href="terminal.pdf">>>> Download PDF</a></p>
<p style="text-align:center;"><a href="../students/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M32 448c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c53 0 96-43 96-96V109.3l73.4 73.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0l-128 128c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l73.3-73.4V416c0 17.7-14.3 32-32 32H32z"/></svg>Latest Post</a> - <a style="color:#bd93f9" href="../crypto/">Next Post</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSRightOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="m20 12l12 12l-12 12V12Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSRightOne0)"/></svg></p> <p style="text-align:center;"><a href="../icons/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M32 448c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c53 0 96-43 96-96V109.3l73.4 73.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0l-128 128c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l73.3-73.4V416c0 17.7-14.3 32-32 32H32z"/></svg>Latest Post</a> - <a style="color:#bd93f9" href="../crypto/">Next Post</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSRightOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="m20 12l12 12l-12 12V12Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSRightOne0)"/></svg></p>
<hr/> <hr/>
<footer> <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"><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>

Write Preview
Loading…
Cancel
Save