socials and pfp change
This commit is contained in:
parent
2d345bc070
commit
506b6e5ec3
1
assets/bs.svg
Normal file
1
assets/bs.svg
Normal file
@ -0,0 +1 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 38 34" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path id="bs" d="M8.523,2.845c4.128,3.098 8.567,9.381 10.197,12.753c1.63,-3.372 6.069,-9.655 10.197,-12.753c2.978,-2.236 7.803,-3.966 7.803,1.539c0,1.099 -0.63,9.235 -1,10.556c-1.285,4.592 -5.967,5.763 -10.133,5.055c7.281,1.239 9.133,5.343 5.133,9.448c-7.596,7.795 -10.918,-1.956 -11.77,-4.455c-0.156,-0.458 -0.229,-0.672 -0.23,-0.49c-0.001,-0.182 -0.074,0.032 -0.23,0.49c-0.851,2.499 -4.173,12.25 -11.77,4.455c-4.001,-4.105 -2.148,-8.21 5.133,-9.448c-4.166,0.708 -8.849,-0.463 -10.133,-5.055c-0.37,-1.321 -1,-9.457 -1,-10.556c-0,-5.505 4.825,-3.775 7.803,-1.539l0,-0Z" style="fill:#cecece;fill-opacity:0;fill-rule:nonzero;stroke:#cecece;stroke-width:1.3px;"/></svg>
|
||||||
|
After Width: | Height: | Size: 1.1 KiB |
1
assets/dc.svg
Normal file
1
assets/dc.svg
Normal file
@ -0,0 +1 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 36 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path id="dc" d="M29.996,3.052c-2.271,-1.105 -4.668,-1.889 -7.13,-2.332c-0.337,0.64 -0.642,1.299 -0.914,1.973c-2.623,-0.42 -5.29,-0.42 -7.913,0c-0.271,-0.674 -0.576,-1.333 -0.913,-1.973c-2.464,0.447 -4.862,1.232 -7.135,2.337c-4.513,7.096 -5.736,14.016 -5.124,20.837c2.642,2.075 5.6,3.653 8.744,4.666c0.708,-1.012 1.335,-2.086 1.873,-3.21c-1.022,-0.406 -2.009,-0.907 -2.949,-1.496c0.247,-0.191 0.489,-0.388 0.723,-0.578c5.534,2.766 11.95,2.766 17.484,-0c0.236,0.205 0.478,0.401 0.723,0.578c-0.942,0.59 -1.931,1.092 -2.955,1.499c0.538,1.123 1.164,2.196 1.873,3.207c3.147,-1.009 6.107,-2.586 8.75,-4.663c0.718,-7.911 -1.226,-14.767 -5.137,-20.845Zm-17.737,16.647c-1.704,-0 -3.112,-1.644 -3.112,-3.666c-0,-2.023 1.359,-3.681 3.107,-3.681c1.747,-0 3.145,1.658 3.115,3.681c-0.03,2.022 -1.373,3.666 -3.11,3.666Zm11.482,-0c-1.707,-0 -3.11,-1.644 -3.11,-3.666c0,-2.023 1.359,-3.681 3.11,-3.681c1.75,-0 3.137,1.658 3.107,3.681c-0.03,2.022 -1.37,3.666 -3.107,3.666Z" style="fill:#cecece;fill-opacity:0;fill-rule:nonzero;stroke:#cecece;stroke-width:1.3px;"/></svg>
|
||||||
|
After Width: | Height: | Size: 1.5 KiB |
BIN
assets/imk.png
Normal file
BIN
assets/imk.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 68 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 588 KiB |
1
assets/sp.svg
Normal file
1
assets/sp.svg
Normal file
@ -0,0 +1 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 41 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;"><g id="sp"><path d="M2.4,8.03c12.085,-7.302 24.051,-7.364 36,-0" style="fill:none;stroke:#cecece;stroke-width:4.78px;"/><path d="M7.2,15.71c8.862,-7.302 17.637,-7.364 26.4,-0" style="fill:none;stroke:#cecece;stroke-width:4.78px;"/><path d="M11.01,24.35c6.304,-7.302 12.546,-7.364 18.78,-0" style="fill:none;stroke:#cecece;stroke-width:2.93px;"/></g></svg>
|
||||||
|
After Width: | Height: | Size: 818 B |
1
assets/yt.svg
Normal file
1
assets/yt.svg
Normal file
@ -0,0 +1 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 38 25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;"><g id="yt"><path d="M36.72,6.6l0,11.76c0,3.245 -2.635,5.88 -5.88,5.88l-24.24,-0c-3.245,-0 -5.88,-2.635 -5.88,-5.88l-0,-11.76c-0,-3.245 2.635,-5.88 5.88,-5.88l24.24,-0c3.245,-0 5.88,2.635 5.88,5.88Z" style="fill:#cecece;fill-opacity:0;stroke:#cecece;stroke-width:1.34px;"/><path d="M25.92,12.48l-13.2,6l-0,-12l13.2,6Z" style="fill:#fff;stroke:#fff;stroke-width:0.24px;"/></g></svg>
|
||||||
|
After Width: | Height: | Size: 843 B |
@ -101,12 +101,23 @@ body{
|
|||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
overflow:hidden;
|
||||||
|
animation: sc 4s cubic-bezier(0.9, 0, 0.81, 0.53) forwards;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes sc{
|
||||||
|
100%{
|
||||||
|
overflow:visible;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.links{
|
.links{
|
||||||
color: #FFF;
|
color: #FFF;
|
||||||
background: #000;
|
background: #000;
|
||||||
outline: #FFF groove .5vh;
|
outline: #FFF groove .5vh;
|
||||||
margin-top:5vh;
|
margin-top:5vh;
|
||||||
width: 50em;
|
width: 30em;
|
||||||
padding: 2vh;
|
padding: 2vh;
|
||||||
border-radius: 5vh;
|
border-radius: 5vh;
|
||||||
box-shadow: .4em .4em .4em .1em rgba(255, 255, 255, 255);
|
box-shadow: .4em .4em .4em .1em rgba(255, 255, 255, 255);
|
||||||
@ -117,6 +128,23 @@ body{
|
|||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.social{
|
||||||
|
color: #FFF;
|
||||||
|
background: #000;
|
||||||
|
outline: #FFF groove .5vh;
|
||||||
|
box-shadow: .4em .4em .4em .1em rgba(255, 255, 255, 255);
|
||||||
|
border-radius: 100%;
|
||||||
|
width: 5em;
|
||||||
|
height: 5em;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.sociall{
|
||||||
|
width: 4em;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
@keyframes dw{
|
@keyframes dw{
|
||||||
50%{
|
50%{
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
|
|||||||
@ -28,11 +28,12 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg></div>
|
</svg></div>
|
||||||
<div class="flexbox">
|
<div class="flexbox">
|
||||||
<div class="links"><div class = "title"></div><img src="assets/imk.svg"/></div>
|
<div class="links" style="display:flexbox;justify-content:center;align-items:center;"><div class = "title"></div><img src="assets/imk.png" width="75%" style="display:block; margin-left:auto; margin-right: auto;"/></div>
|
||||||
<div class="dontformatthis">
|
<div class="dontformatthis">
|
||||||
<div class="about" id="ct"><div class = "title">ABOUT ME :3</div> <div class="paragraph">Hailo welcome to my site! I'm IMK!</div></div><div class="flexbox" style="margin-left: 1em; margin-right: 10em;"><div class="boxer">Any pronouns!!</div><div class="boxer">Unlabeled (AMAB)</div><div class="boxer">I like boys</div><div class="boxer">:3</div></div>
|
<div class="about" id="ct"><div class = "title">ABOUT ME :3</div> <div class="paragraph">Hailo welcome to my site! I'm IMK!</div></div><div class="flexbox" style="margin-left: 1em; margin-right: 10em;"><div class="boxer">Any pronouns!!</div><div class="boxer">Unlabeled (AMAB)</div><div class="boxer">I like boys</div><div class="boxer">what if we all die and it absolutely sucks</div></div>
|
||||||
<div class="about" id="cpar">I have multiple hobbies like <ul><li>programming - Rust, Gdscript, Python, C# (and html and css if you count it)</li> <li>Art - I mainly do pixel art though I do regular graphics from time to time</li><li>3D - I can model, rig, texture</li><li>Music - I make various genres, my main inspiration is frums and camellia, currently using fl studio, but migrating to reaper</li></ul></div>
|
<div class="about" id="cpar">I have multiple hobbies like <ul><li>programming - Rust, Gdscript, Python, C# (and html and css if you count it)</li> <li>Art - I mainly do pixel art though I do regular graphics from time to time</li><li>3D - I can model, rig, texture</li><li>Music - I make various genres, my main inspiration is frums and camellia, currently using fl studio, but migrating to reaper</li></ul></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="flexbox" style="margin-left:3em;margin-top:3em;width:fill;justify-content:space-around;"><a href="https://youtube.com/@imkjet"><div class="social"><img class="sociall" src="assets/yt.svg"></div></a><a href="https://bsky.app/profile/theboykisser.com"><div class="social"><img class="sociall" src="assets/bs.svg"></div></a><a href="https://open.spotify.com/artist/2IialdWlH9wMBeSEw0cpRq?si=OETC9aRMT7G0O1xCQGf3aQ"><div class="social"><img class="sociall" src="assets/sp.svg"></div></a> <a href="https://discord.com/users/539535619081240596"><div class="social"><img class="sociall" src="assets/dc.svg"></div></a></div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user