min
/
min.rip-rel
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update metadata again, + icon on mobile

This commit is contained in:
minish 2024-11-02 22:55:13 -04:00
parent 145452e422
commit ca9553b483
Signed by: min
GPG Key ID: FEECFF24EF0CE9E9
3 changed files with 25 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/iconb.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 56 KiB

11
index.html
View File

@ -10,11 +10,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="darkreader-lock"> <meta name="darkreader-lock">
<meta name="color-scheme" content="only light"> <meta name="color-scheme" content="dark">
<meta name="description" content="my personal website. come look around!"> <meta name="description" content="my personal website. come look around!">
<meta name="theme-color" content="#c4b5a1"> <meta name="theme-color" content="#c4b5a1">
<meta property="og:image" content="https://min.rip/assets/icon.webp"> <meta property="og:image" content="https://min.rip/assets/iconb.webp">
<title>minish</title> <title>minish</title>
@ -27,7 +27,10 @@
<main> <main>
<div id="floats"> <div id="floats">
<div id="yapping"> <div id="yapping">
<h1>hi world !</h1> <span>
<h1 id="title">hi world !</h1>
<img src="/assets/icon.webp" alt="" class="icon" id="icon-mobile">
</span>
<h2>i am minish</h2> <h2>i am minish</h2>
<p>Hi, i go by minish online. i enjoy programming & reverse engineering.</p> <p>Hi, i go by minish online. i enjoy programming & reverse engineering.</p>
<p>a few of my recent projects are &ndash;</p> <p>a few of my recent projects are &ndash;</p>
@ -72,7 +75,7 @@
</ul> </ul>
</details> </details>
</div> </div>
<img src="/assets/icon.webp" alt="" id="icon"> <img src="/assets/icon.webp" alt="" class="icon" id="icon-desktop">
</div> </div>
<div id="cont"> <div id="cont">
<hr> <hr>

20
style.css
View File

@ -88,7 +88,7 @@ main {
border-width: 0px; border-width: 0px;
} }
#icon { #icon-desktop {
display: none; display: none;
} }
@ -101,6 +101,10 @@ main {
#learning { #learning {
grid-template-columns: auto auto; grid-template-columns: auto auto;
} }
#icon-mobile {
display: none;
}
} }
.interests { .interests {
@ -130,14 +134,26 @@ h2 {
display: flex; display: flex;
} }
#icon { #icon-desktop {
justify-self: right; justify-self: right;
/* make some space around it */ /* make some space around it */
margin-left: 24px; margin-left: 24px;
height: 7em; height: 7em;
}
#icon-mobile {
height: 2.25em;
margin-left: 10px;
}
#title, #icon-mobile {
display: inline-block;
vertical-align: middle;
}
.icon {
filter: drop-shadow(1px 1px 0 var(--accent)) filter: drop-shadow(1px 1px 0 var(--accent))
drop-shadow(-1px 1px 0 var(--accent)) drop-shadow(1px -1px 0 var(--accent)) drop-shadow(-1px 1px 0 var(--accent)) drop-shadow(1px -1px 0 var(--accent))
drop-shadow(-1px -1px 0 var(--accent)); drop-shadow(-1px -1px 0 var(--accent));