imk/About
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

aaaaaa

Browse Source
This commit is contained in:
imk jet 2025-01-31 08:27:49 +01:00
parent 506b6e5ec3
commit 2b2620676e
2 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
css/style.css
View File

@ -51,9 +51,10 @@ body{
.flexbox { .flexbox {
display: flex; display: flex;
width: 100%;
} }
.flexboxf { .flexboxf {
width: 100%; max-width: 50vw;
display: flex; display: flex;
align-items: stretch; align-items: stretch;
justify-content: center; justify-content: center;
@ -70,7 +71,7 @@ body{
outline: #FFF groove .5vh; outline: #FFF groove .5vh;
margin-top:5vh; margin-top:5vh;
width: fill; width: fill;
min-width: 20vh; min-width: 50%;
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);
@ -85,7 +86,7 @@ body{
.boxer{ .boxer{
position: sticky; position: sticky;
/*min-width: 20%;*/ /*min-width: 20%;*/
max-width: 40%; max-width: 20vw;
color: #FFF; color: #FFF;
background: #000; background: #000;
/*outline: #FFF groove .5vh;*/ /*outline: #FFF groove .5vh;*/
@ -98,7 +99,7 @@ body{
box-shadow: .4em .4em .4em .1em rgba(255, 255, 255, 255); box-shadow: .4em .4em .4em .1em rgba(255, 255, 255, 255);
margin-left: 1em; margin-left: 1em;
overflow: stretch; overflow: stretch;
font-size: 1em; font-size: 1vw;
} }
* { * {
@ -134,14 +135,15 @@ body{
outline: #FFF groove .5vh; outline: #FFF groove .5vh;
box-shadow: .4em .4em .4em .1em rgba(255, 255, 255, 255); box-shadow: .4em .4em .4em .1em rgba(255, 255, 255, 255);
border-radius: 100%; border-radius: 100%;
width: 5em; width: 100%;
height: 5em; padding: 20%;
height: 80%;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.sociall{ .sociall{
width: 4em; width: 9vh;
} }
@ -154,9 +156,9 @@ body{
} }
} }
.dontformatthis{ .dontformatthis{
width: 100%; max-width: 50vw;
display: block; display: block;
margin-left: 4em; margin-left: 4vh;
} }
@keyframes draw{ @keyframes draw{

2
index.html
View File

@ -34,6 +34,6 @@
<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> <div class="flexbox" style="margin-left:10vh; margin-right: 10vh;margin-top:10vh;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>