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

Compare commits

base: min:aaf0acf6a98fcf9f0790e0e1e15e9d59fe22878e
Branches Tags
min:main
...
compare: min:0516fca76bf8b4eac957536773f04d41d017561b
Branches Tags
min:main

10 Commits
aaf0acf6a9 ... 0516fca76b

Author SHA1 Message Date
minish 0516fca76b
release repo 01/13 2025-01-13 19:32:38 -05:00
minish 3bc051facd
rev 12/01 2024-12-01 22:29:29 -05:00
minish 2f2e6f8402
fix mobile icon 2024-11-02 23:11:50 -04:00
minish ca9553b483
update metadata again, + icon on mobile 2024-11-02 22:55:13 -04:00
minish 145452e422
update metadata 2024-11-02 21:06:46 -04:00
minish a213353fbe
fix icon 2024-11-01 17:35:34 -04:00
minish 293bffd28e
revision 2024-11-01 2024-11-01 17:26:07 -04:00
minish 13459f0bee
update status of infra project 2024-10-15 17:39:46 -04:00
minish d22d0e86be
minor update 2024-09-22 01:34:44 -04:00
minish 099e17b511
better mobile again 2024-08-15 19:37:52 -04:00
9 changed files with 164 additions and 124 deletions
Show Stats Expand all files Collapse all files

BIN
assets/icon.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 184 KiB

After

Width:  |  Height:  |  Size: 54 KiB

BIN
assets/iconb.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 56 KiB

BIN
assets/interests/celeste.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 551 B

BIN
assets/interests/doukutsu.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 482 B

BIN
assets/interests/eva.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
assets/interests/kessoku.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.4 KiB

BIN
assets/interests/twewy.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

69
index.html
View File

@ -10,12 +10,13 @@
<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="website of minish 🌾"> <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/iconb.webp">
<title>min.rip</title> <title>minish</title>
<script>0</script> <script>0</script>
</head> </head>
@ -26,52 +27,64 @@
<main> <main>
<div id="floats"> <div id="floats">
<div id="yapping"> <div id="yapping">
<h1>hi, world!</h1> <span>
<h2>i am minish</h2> <h1 id="title">hi there!</h1>
<p>hi, i go by minish online. i enjoy programming & reverse engineering.</p> <img src="/assets/icon.webp" alt="" class="icon" id="icon-mobile">
<p>my current main projects are</p> </span>
<h2>i'm minish</h2>
<p>thanks for visiting! i go by minish online. i enjoy programming & reverse engineering.</p>
<p>a few of my recent projects are ..</p>
<ul> <ul>
<li> <li>
<a href="#">clip album</a> [wip] - <a href="https://git.min.rip/min/nixos-configs">nixos-configs</a> -
search, sort, and filter through video clips dotfiles for nixos on laptop
</li> </li>
<li> <li>
<a href="https://git.min.rip/min/breeze">breeze</a> - <a href="https://git.min.rip/min/breeze">breeze</a> -
a simple, performant file upload server a simple, performant file upload server
</li> </li>
<li> <li>
some more business-oriented projects w/ my friends <a href="#">clip album</a> [wip] -
search, sort, and filter through video clips
</li> </li>
<li>
<a href="https://git.min.rip/min/infra">infra</a> -
infrastructure as code w/ nix
</li>
<li>and smaller random things when im bored</li>
</ul> </ul>
<p>and i'm looking to learn more about</p> <p>here's some media i like</p>
<ul id="learning"> <ul class="interests">
<li>rendering</li> <li>yume nikki <img src="/assets/interests/yume.png" alt="" class="h20 pix"></li>
<li>machine learning</li> <li>oneshot <img src="/assets/interests/oneshot.png" alt="" class="h20"></li>
<li><span title="(at a low level)">optimization</span> + simd</li>
<li>networking, infrastructure, & devops</li>
</ul>
<p>some stuff i like:</p>
<ul id="interests">
<li>omori <img src="/assets/interests/omori.png" alt=""></li>
<li>deltarune <img src="/assets/interests/deltarune.png" alt=""></li> <li>deltarune <img src="/assets/interests/deltarune.png" alt=""></li>
<li>oneshot <img src="/assets/interests/oneshot.png" alt="" id="oneshot"></li> <li>bocchi the rock <img src="/assets/interests/kessoku.webp" alt=""></li>
<li>inabakumori <img src="/assets/interests/inabakumori.webp" alt=""></li> <li>twewy <img src="/assets/interests/twewy.webp" alt=""></li>
<li>cafe de touhou <img src="/assets/interests/cdth.webp" alt=""></li> <li>evangelion <img src="/assets/interests/eva.webp" alt=""></li>
<li>yume nikki <img src="/assets/interests/yume.png" alt="" id="yume"></li>
</ul> </ul>
<details>
<summary><small>and more before</small></summary>
<ul class="interests">
<li>inabakumori <img src="/assets/interests/inabakumori.webp" alt=""></li>
<li>cafe de touhou <img src="/assets/interests/cdth.webp" alt=""></li>
<li>omori <img src="/assets/interests/omori.png" alt=""></li>
<li>cave story <img src="/assets/interests/doukutsu.png" alt="" class="h16 pix"></li>
<li>celeste <img src="/assets/interests/celeste.png" alt=""></li>
</ul>
</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>
<div id="links"> <div id="links">
<a href="https://git.min.rip/min"> <a href="https://git.min.rip/min">
<img src="/assets/links/gitea.svg" alt="gitea" <img src="/assets/links/gitea.svg" alt="gitea"
title="a lot of stuff here is privated. it might look kind of empty"> title="a lot of stuff here is set to private">
</a> </a>
<a href="https://github.com/minishd"> <a href="https://github.com/minishd">
<img src="/assets/links/github.svg" alt="github" <img src="/assets/links/github.svg" alt="github"
title="i use my gitea more than my github, but there's some stuff here"> title="i use gitea more">
</a> </a>
<a href="https://www.last.fm/user/minishc"> <a href="https://www.last.fm/user/minishc">
<img src="/assets/links/lastfm.svg" alt="last.fm" title="music i listen to"> <img src="/assets/links/lastfm.svg" alt="last.fm" title="music i listen to">
@ -84,4 +97,4 @@
</main> </main>
</body> </body>
</html> </html>

219
style.css
View File

@ -1,189 +1,216 @@
/* written by minish - 2024-03 */ /* written by minish - 2024-03 */
:root { :root {
--accent-b: #c4b5a1; --accent-b: #c4b5a1;
--accent: #908576; --accent: #908576;
} }
* { * {
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
box-sizing: border-box; box-sizing: border-box;
} }
body { body {
overflow: hidden; overflow: hidden;
} }
#border { #border {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: calc(100vw - calc(2px * 2)); width: calc(100vw - calc(2px * 2));
height: calc(100vh - calc(2px * 2)); height: calc(100vh - calc(2px * 2));
margin: 2px; margin: 2px;
border: 2px solid var(--accent); border: 2px solid var(--accent);
} }
#bg::before { #bg::before {
position: absolute; position: absolute;
content: ""; content: "";
top: 0; top: 0;
left: 0; left: 0;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
/* backdrop-filter: blur(2px); */ /* backdrop-filter: blur(2px); */
} }
#bg { #bg {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
background-image: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.53)), url(/assets/bg.webp); background-image: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.53)),
background-attachment: fixed; url(/assets/bg.webp);
background-position: center; background-attachment: fixed;
background-repeat: no-repeat; background-position: center;
background-size: cover; background-repeat: no-repeat;
background-size: cover;
} }
main { main {
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
font-size: 10pt; font-size: 10pt;
line-height: 2em; line-height: 2em;
padding: 18px; padding: 18px;
padding-bottom: 14px; padding-bottom: 14px;
background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8)); background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8));
border: 2px solid var(--accent); border: 2px solid var(--accent);
color: #fff; color: #fff;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
} }
@media only screen and (max-width: 700px) { @media only screen and (max-width: 700px) {
main { main {
min-width: 92dvw; min-width: 92dvw;
} }
#bordeur { #border {
border-width: 0px; border-width: 0px;
} }
#icon { #icon-desktop {
display: none; display: none;
} }
#learning { #title,
grid-template-columns: auto; #icon-mobile {
} display: inline-block;
vertical-align: middle;
}
.interests {
grid-template-columns: auto auto;
}
} }
@media only screen and (min-width: 701px) { @media only screen and (min-width: 701px) {
#learning { .interests {
grid-template-columns: auto auto; grid-template-columns: auto auto auto;
} }
#icon-mobile {
display: none;
}
#yapping {
max-width: 450px;
}
} }
::selection { ::selection {
color: #fff; color: #fff;
background: var(--accent); background: var(--accent);
} }
a:link, a:link,
a:visited, a:visited,
a:hover, a:hover,
a:active { a:active {
color: var(--accent-b) color: var(--accent-b);
} }
h2 { h2 {
font-size: medium; font-size: medium;
font-weight: lighter; font-weight: lighter;
margin-bottom: 4px; margin-bottom: 4px;
} }
#floats { #floats {
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;
}
.icon {
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));
} }
#yapping { #yapping {
justify-self: left; justify-self: left;
} }
ul { ul {
list-style-position: inside; list-style-position: inside;
} }
li { li {
/* move the bulletpoint 6px inward on itself */ /* move the bulletpoint 6px inward on itself */
padding-left: 6px; padding-left: 6px;
} }
#learning { #learning {
display: grid; display: grid;
} }
#interests { .interests {
display: grid; display: grid;
grid-template-columns: auto auto auto;
} }
#interests img { .interests img {
height: 1.75em; height: 1.75em;
vertical-align: middle; vertical-align: middle;
} }
.interests img.h20 {
#interests img#yume, #interests img#oneshot { height: 20px;
height: 20px;
} }
.interests img.h16 {
#interests img#yume { height: 16px;
image-rendering: pixelated; }
.interests img.pix {
image-rendering: pixelated;
} }
hr { hr {
margin-bottom: 10px; margin-bottom: 10px;
margin-top: 12px; margin-top: 12px;
border: 1px solid var(--accent); border: 1px solid var(--accent);
} }
#links { #links {
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
} }
#links img { #links img {
height: 3.1em; height: 3.1em;
} }
#cont { #cont {
margin-top: auto; margin-top: auto;
} }