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

updating pf

Browse Source
main
TitanElectrons 1 year ago
parent c33e22e56c
commit 5d5696bc4f
10 changed files with 56 additions and 15 deletions
Show Stats Download Patch File Download Diff File

BIN
portfolio/bitguard/001-bitguard-banner.webp
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 92 KiB

BIN
portfolio/bitguard/002-paper.webp
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
portfolio/bitguard/003-nothing.webp
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

34
portfolio/bitguard/index.html
Unescape Escape View File

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Sufyaan | Designer</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 class="nonanim-header" style="text-align: center">
<a href="../">
<img src="../images/title.webp" draggable="false">
</a>
</div>
<p style="color:#c9c9c9" class="nonanim-nav"><a style="text-decoration: none;color: #000bef;" href="../">DESIGNS</a> | <a style="text-decoration: none;" href=".">ABOUT</a> | <a style="text-decoration: none;" href="../contact">CONTACT</a></p>
<hr class="nonlines">
<body>
<h1>BitGuard</h1>
<div class="image-container">
<img src="001-bitguard-banner.webp">
<img src="002-paper.webp">
<img src="003-nothing.webp">
</div>
<hr class="nonline">
<div class="nonfooter">
<p class="footername">Sufyaan A.</p>
<div style="text-align: center;" class="footericons">
<a href="mailto:sufyaan@counterhawks.com"><svg class="footericon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5l-8-5V6l8 5l8-5v2z"/></svg></a><a href="https://www.youtube.com/c/TitanElectrons"><svg class="footericon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m10 15l5.19-3L10 9v6m11.56-7.83c.13.47.22 1.1.28 1.9c.07.8.1 1.49.1 2.09L22 12c0 2.19-.16 3.8-.44 4.83c-.25.9-.83 1.48-1.73 1.73c-.47.13-1.33.22-2.65.28c-1.3.07-2.49.1-3.59.1L12 19c-4.19 0-6.8-.16-7.83-.44c-.9-.25-1.48-.83-1.73-1.73c-.13-.47-.22-1.1-.28-1.9c-.07-.8-.1-1.49-.1-2.09L2 12c0-2.19.16-3.8.44-4.83c.25-.9.83-1.48 1.73-1.73c.47-.13 1.33-.22 2.65-.28c1.3-.07 2.49-.1 3.59-.1L12 5c4.19 0 6.8.16 7.83.44c.9.25 1.48.83 1.73 1.73Z"/></svg></a><a href="https://odysee.com/@TitanElectrons:3"><svg class="footericon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.965 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12a12 12 0 0 0 12-12a12 12 0 0 0-3.209-8.167a7.272 7.272 0 0 1-.799 3.218c-.548.957-2.281 2.77-3.264 3.699a.723.723 0 0 0 .056 1.104c.996.74 2.658 2.151 2.788 3.422c.176 1.835 1.6 4.02 1.675 4.159a.67.67 0 0 1-.105.327a12.067 12.067 0 0 1-2.03 1.898a2.435 2.435 0 0 1-.807.126c-1.944-.04-1.526-1.866-1.712-2.905s-.78-3.085-2.716-2.788c0 0 .484 4.243-1.489 5.546s-5.843 2.27-6.55-.408s2.46-2.384 2.684-2.384c.223 0 2.233-.632 1.267-2.53c-.967-1.898-2.01-3.5-2.01-3.5a11.37 11.37 0 0 0-2.735 1.285a5.42 5.42 0 0 0-1.061.82c-1.065 1.104-2.19 1.713-2.954 1.358a1.368 1.368 0 0 1-.32-.221A11.926 11.926 0 0 1 .1 13.503c.43-.641 2.082-2.038 3.696-2.906c1.304-.702 2.737-.988 3.118-1.355c-.671-2.235-1.882-5.703.832-7.33C9.881.634 12.69-.142 13.77 2.958c1.08 3.1.802 3.796 1.267 3.796c.465 0 1.608.223 2.09-1.75c.356-1.445.574-2.685 1.379-3.087A12 12 0 0 0 12 0a12 12 0 0 0-.035 0zm-.498 2.125c-.353-.019-.78.05-1.303.224c0 0-1.895.52-1.749 2.53c.13 1.777 1.08 2.753 3.053 2.01c1.972-.737 2.31-1.264 1.824-2.753c-.364-1.117-.765-1.956-1.825-2.011zm.48.726a.249.249 0 0 1 .183.07a1.58 1.58 0 0 1 .232.346a.253.253 0 0 1-.197.37a.253.253 0 0 1-.233-.131a1.559 1.559 0 0 0-.148-.232a.256.256 0 0 1 0-.353a.249.249 0 0 1 .163-.07zm3.529.152a.22.22 0 0 1 .192.103a.22.22 0 0 1-.07.305a.22.22 0 1 1-.122-.408zM12.609 4.27a.253.253 0 0 1 .227.133a1.5 1.5 0 0 1 .102.982a.253.253 0 0 1-.246.205h-.049a.253.253 0 0 1-.2-.295a1.013 1.013 0 0 0-.071-.697a.253.253 0 0 1 .237-.328zm-8.035.552a.12.12 0 0 1 .029.003a.12.12 0 1 1-.147.091a.12.12 0 0 1 .118-.094zm15.77 3.419l.273.539l.593.12l-.539.275l-.123.592l-.272-.539l-.592-.123l.538-.272zm-17.767.535a.22.22 0 0 1 .193.104a.22.22 0 0 1-.07.304a.22.22 0 1 1-.123-.408zm16.004 2.79a.258.258 0 0 1 .062.007a.258.258 0 1 1-.31.195a.258.258 0 0 1 .248-.202zM4.914 16.115a.17.17 0 0 1 .165.14a.17.17 0 0 1-.137.197a.17.17 0 1 1-.028-.337zm9.769 4.094a.2.2 0 0 1 .036.004a.2.2 0 1 1-.233.15a.2.2 0 0 1 .197-.154z"/></svg></a><a href="https://tilvids.com/c/titane/"><svg class="footericon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 6.545v10.91L20.727 12M3.273 12v12L12 17.455M3.273 0v12L12 6.545"/></svg></a>
</div></div>
</body>

2
portfolio/contact/index.html
Unescape Escape View File

@ -17,7 +17,7 @@
<p style="color:#c9c9c9" class="nonanim-nav"><a style="text-decoration: none;" href="../">DESIGNS</a> | <a style="text-decoration: none;" href="../about">ABOUT</a> | <a style="text-decoration: none;color: #000bef;" href=".">CONTACT</a></p>
<hr class="nonlines">
<body>
<p>You can contact me to ask questions or discuss your project requirements by emailing me at <a style="color:#000bef" href="mailto:sufyaan@counterhawks.com">sufyaan@counterhawks.com</a>.</p>
<p>You can contact me to ask questions or discuss your project requirements by emailing me at <a style="color:#000bef" href="mailto:sufyaan@counterhawks.com">sufyaan@counterhawks.com</a> <a style="color:#000bef" href="../../about/files/sufyaan.gpg">[public key]</a></p>
<p>Communication will take place completely through email. Please use encryption using PGP if you know how using the public key above. This ensures that important information like financial details are not at the risk of being intercepted through email. The fingerprint is: <code>7CC9 2B65 FEC5 5C3F CC35 2891 6635 5EDD F4E5 B3EC</code>.</p>
<hr class="nonline">
<div class="nonfooter">

BIN
portfolio/images/bitguard-header.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.1 KiB

BIN
portfolio/images/sihu-header.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 32 KiB

BIN
portfolio/images/titan-header.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 12 KiB

BIN
portfolio/images/wm-tours-header.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 41 KiB

35
portfolio/style.css
Unescape Escape View File

@ -19,16 +19,22 @@ a:link {
background-color: transparent;
text-decoration: none;
}
.image-grid {
display: flex;
flex-wrap: wrap;
margin: -10px;
}
.image-item {
flex: 33.33%;
padding: 10px;
box-sizing: border-box;
}
.image-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 20px;
}
.image-container img {
width: auto;
max-width: 100%;
height: auto;
margin-bottom: 10px;
flex: calc(33.33% - 10px);
border-radius: 15px;
box-sizing: border-box;
}
.footer {
animation: glideInFooter normal both cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.8s 1.5s;
@ -298,7 +304,7 @@ p{
width:50%;
}
img{
width:40vw
width:40vw;
}
b{
font-weight:700
@ -419,9 +425,10 @@ h3{
margin-left: 2vw;
margin-right: 2vw;
}
.image-item {
flex: 100%; /* One image per row on mobile */
}
.image-container {
flex-direction: column;
align-items: center;
}
.homepage-title{
width:50%;
max-width:75%;

Write Preview
Loading…
Cancel
Save