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

fixing homepage

Browse Source
main
TitanE 1 year ago
parent 9aa021c2da
commit ea8037ad99
3 changed files with 16 additions and 47 deletions
Show Stats Download Patch File Download Diff File

41
index.html
Unescape Escape View File

@ -56,43 +56,12 @@
<div class="column"> <div class="column">
<h2 class="pane">Latest Posts</h2> <h2 class="pane">Latest Posts</h2>
<ul class="pane"> <ul class="pane">
<li><a style="color:#bd93f9" href="students/"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="currentColor" d="M2 5.27L3.28 4L20 20.72L18.73 22l-6-6H9v-2l.79-.94L2 5.27M23 12h-6v-2l3.39-4H17V4h6v2l-3.38 4H23v2M9.82 8H15v2l-1.46 1.72L9.82 8M7 20H1v-2l3.39-4H1v-2h6v2l-3.38 4H7v2Z"/> </svg>A Student's Nightmare </a> </li>
<li><a style="color:#bd93f9" href="ask/"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><g fill="none"><path d="M24 0v24H0V0h24ZM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018Zm.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022Zm-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01l-.184-.092Z"/><path fill="currentColor" d="M20 4a2 2 0 0 1 1.995 1.85L22 6v12a2 2 0 0 1-1.85 1.995L20 20H4a2 2 0 0 1-1.995-1.85L2 18V6a2 2 0 0 1 1.85-1.995L4 4h16Zm-3 11H7a1 1 0 0 0-.117 1.993L7 17h10a1 1 0 0 0 .117-1.993L17 15Zm-4.5-4h-1a1 1 0 0 0-.117 1.993L11.5 13h1a1 1 0 0 0 .117-1.993L12.5 11ZM8 11H7a1 1 0 1 0 0 2h1a1 1 0 1 0 0-2Zm9 0h-1a1 1 0 1 0 0 2h1a1 1 0 1 0 0-2Zm0-4h-1a1 1 0 0 0-.117 1.993L16 9h1a1 1 0 0 0 .117-1.993L17 7Zm-4.5 0h-1a1 1 0 1 0 0 2h1a1 1 0 1 0 0-2ZM8 7H7a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2Z"/></g></svg>Use AnySoftKeyboard</a></li>
<li><a style="color:#bd93f9" href="forget/"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="currentColor" d="M11 2.535A4 4 0 0 0 5 6v1.774c-.851.342-1.549.874-2.059 1.575C2.292 10.242 2 11.335 2 12.5c0 1.561.795 2.936 2 3.742V17.5a4.5 4.5 0 0 0 7 3.742V17.5c0-1.333-.33-2.185-.86-2.76c-.543-.587-1.424-1.024-2.804-1.254l.328-1.972c1.302.216 2.442.623 3.336 1.313V2.535Zm2 0v10.292c.894-.69 2.034-1.097 3.336-1.313l.328 1.972c-1.38.23-2.261.667-2.804 1.255c-.53.574-.86 1.426-.86 2.759v3.742a4.5 4.5 0 0 0 7-3.742v-1.258c1.205-.806 2-2.18 2-3.742c0-1.165-.292-2.258-.941-3.15c-.51-.702-1.208-1.234-2.059-1.576V6a4 4 0 0 0-6-3.465Z"/></svg>Forget Your Passwords</a></li>
<li><a style="color:#bd93f9" href="pgp/"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="currentColor" d="M9 5.82L7.36 4.16A4.987 4.987 0 0 1 12 1c2.76 0 5 2.24 5 5v2h1a2 2 0 0 1 2 2v6.8L11.2 8H15V6c0-1.66-1.34-3-3-3c-1.59 0-2.89 1.25-3 2.82m13.11 15.64l-1.27 1.27l-1.38-1.38c-.36.4-.88.65-1.46.65H6c-1.11 0-2-.89-2-2V10a2 2 0 0 1 2-2h.11l-5-5l1.28-1.27l19.72 19.73m-8.26-5.72l-2.59-2.59C10.5 13.44 10 14.16 10 15a2 2 0 0 0 2 2c.84 0 1.56-.5 1.85-1.26Z"/></svg>PGP KEYS CHANGED!</a></li> <li><a style="color:#bd93f9" href="pgp/"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="currentColor" d="M9 5.82L7.36 4.16A4.987 4.987 0 0 1 12 1c2.76 0 5 2.24 5 5v2h1a2 2 0 0 1 2 2v6.8L11.2 8H15V6c0-1.66-1.34-3-3-3c-1.59 0-2.89 1.25-3 2.82m13.11 15.64l-1.27 1.27l-1.38-1.38c-.36.4-.88.65-1.46.65H6c-1.11 0-2-.89-2-2V10a2 2 0 0 1 2-2h.11l-5-5l1.28-1.27l19.72 19.73m-8.26-5.72l-2.59-2.59C10.5 13.44 10 14.16 10 15a2 2 0 0 0 2 2c.84 0 1.56-.5 1.85-1.26Z"/></svg>PGP KEYS CHANGED!</a></li>
<li> <li><a style="color:#bd93f9" href="svg/"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 20 20"><path fill="currentColor" d="M12 4h4.27a2 2 0 1 1 0 2h-2.14a9 9 0 0 1 4.84 7.25a2 2 0 1 1-2 .04a7 7 0 0 0-4.97-6V8H8v-.71a7 7 0 0 0-4.96 6a2 2 0 1 1-2-.04A9 9 0 0 1 5.86 6H3.73a2 2 0 1 1 0-2H8V3h4v1z"/></svg>Switching To SVGs</a></li>
<a style="color:#bd93f9" href="svg/"> <li><a style="color:#bd93f9" href="blog/"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 32 32"><path fill="currentColor" d="M11.166 23.963L22.36 17.5c1.43-.824 1.43-2.175 0-3L11.165 8.037c-1.43-.826-2.598-.15-2.598 1.5v12.926c0 1.65 1.17 2.326 2.598 1.5z"/></svg>View More</a></li>
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
<path fill="currentColor" d="M12 4h4.27a2 2 0 1 1 0 2h-2.14a9 9 0 0 1 4.84 7.25a2 2 0 1 1-2 .04a7 7 0 0 0-4.97-6V8H8v-.71a7 7 0 0 0-4.96 6a2 2 0 1 1-2-.04A9 9 0 0 1 5.86 6H3.73a2 2 0 1 1 0-2H8V3h4v1z"/>
</svg>Switching To SVGs
</a>
</li>
<li>
<a style="color:#bd93f9" href="font/">
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path fill="currentColor" d="m11.307 4l-6 16h2.137l1.875-5h6.363l1.875 5h2.137l-6-16h-2.387zm-1.239 9L12.5 6.515L14.932 13h-4.864z"/>
</svg>Why I Switched Fonts
</a>
</li>
<li>
<a style="color:#bd93f9" href="uses/">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 512 512">
<path fill="none" d="M336 80H176a16 16 0 0 0-16 16v16h192V96a16 16 0 0 0-16-16Z"/>
<path fill="currentColor" d="M496 176a64.07 64.07 0 0 0-64-64h-48V96a48.05 48.05 0 0 0-48-48H176a48.05 48.05 0 0 0-48 48v16H80a64.07 64.07 0 0 0-64 64v48h480Zm-144-64H160V96a16 16 0 0 1 16-16h160a16 16 0 0 1 16 16Zm-16 152a24 24 0 0 1-24 24H200a24 24 0 0 1-24-24v-4a4 4 0 0 0-4-4H16v144a64 64 0 0 0 64 64h352a64 64 0 0 0 64-64V256H340a4 4 0 0 0-4 4Z"/>
</svg>Tools I Use
</a>
</li>
<li>
<a style="color:#bd93f9" href="fp/">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 256 256">
<path fill="currentColor" d="m227.31 73.37l-44.68-44.69a16 16 0 0 0-22.63 0L36.69 152A15.86 15.86 0 0 0 32 163.31V208a16 16 0 0 0 16 16h44.69a15.86 15.86 0 0 0 11.31-4.69L227.31 96a16 16 0 0 0 0-22.63ZM51.31 160l90.35-90.35l16.68 16.69L68 176.68ZM48 179.31L76.69 208H48Zm48 25.38L79.31 188l90.35-90.35l16.68 16.69Z"/>
</svg>Writing With Fountain Pens
</a>
</li>
<li>
<a style="color:#bd93f9" href="blog/">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 32 32">
<path fill="currentColor" d="M11.166 23.963L22.36 17.5c1.43-.824 1.43-2.175 0-3L11.165 8.037c-1.43-.826-2.598-.15-2.598 1.5v12.926c0 1.65 1.17 2.326 2.598 1.5z"/>
</svg>View More
</a>
</li>
</ul> </ul>
</div> </div>
<div class="column"> <div class="column">

8
portfolio/style.css
Unescape Escape View File

@ -1,5 +1,5 @@
b,ol,p,ul{ b,ol,p,ul{
font-family:futura; font-family:"Helvetica", "Trebuchet MS", "Verdana", "Geneva", "Tahoma", sans-serif;
margin-left: 7.5vw; margin-left: 7.5vw;
margin-right: 7.5vw; margin-right: 7.5vw;
} }
@ -72,7 +72,7 @@ a:hover {
opacity: 0; opacity: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
font-family: futura; font-family: "Helvetica", "Trebuchet MS", "Verdana", "Geneva", "Tahoma", sans-serif;
font-weight: bolder; font-weight: bolder;
margin-top: -2.5%; margin-top: -2.5%;
font-size: 150%; font-size: 150%;
@ -291,13 +291,13 @@ margin-right: 7vw;
} }
@font-face{ @font-face{
font-family:futura; font-family:"Helvetica", "Trebuchet MS", "Verdana", "Geneva", "Tahoma", sans-serif;
font-weight:400; font-weight:400;
font-display:swap; font-display:swap;
src:url("fonts/woff2/futura-woff2.woff2") format('woff2'),url(fonts/woff/futura-woff.woff) format('woff') } src:url("fonts/woff2/futura-woff2.woff2") format('woff2'),url(fonts/woff/futura-woff.woff) format('woff') }
@font-face{ @font-face{
font-family:futura; font-family:integral;
font-weight:700; font-weight:700;
font-display: swap; font-display: swap;
src:url("fonts/woff2/integral-woff2.woff2") format('woff2'), url(fonts/woff/integral-woff.woff) src:url("fonts/woff2/integral-woff2.woff2") format('woff2'), url(fonts/woff/integral-woff.woff)

14
style.css
Unescape Escape View File

@ -66,7 +66,8 @@ svg.titles {
height: 40; height: 40;
} }
.pane{ .pane{
margin-left:1vw; padding-left: 1vw;
margin-right: 5px;
} }
.nested-list,.posts,h1,ol,ul{ .nested-list,.posts,h1,ol,ul{
margin-top:1vw; margin-top:1vw;
@ -182,20 +183,19 @@ div.desc{
} }
.column { .column {
float: left; float: left;
width: 33%; width: 33.33%;
padding: 10px; padding: 2px;
} }
.row:after { .row:after {
content: ""; content: "";
display: grid; display: flex;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
clear: both; clear: both;
} }
.row { .row {
width: 85%; width: 100%;
margin: auto;
} }
@media screen and (max-width:px){ @media screen and (max-width:1150px){
.posts,h1,h2,h3,ol,p,ul{ .posts,h1,h2,h3,ol,p,ul{
margin-left:20px; margin-left:20px;
margin-right:20px; margin-right:20px;

Write Preview
Loading…
Cancel
Save