index.html

@@ -10,13 +10,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <meta name="darkreader-lock">
-    <meta name="color-scheme" content="dark">
+    <meta name="color-scheme" content="only light">
 
-    <meta name="description" content="my personal website. come look around!">
+    <meta name="description" content="website of minish 🌾">
     <meta name="theme-color" content="#c4b5a1">
-    <meta property="og:image" content="https://min.rip/assets/iconb.webp">
 
-    <title>minish</title>
+    <title>min.rip</title>
 
     <script>0</script>
 </head>
@@ -27,64 +26,52 @@
     <main>
         <div id="floats">
             <div id="yapping">
-                <span>
+                <h1>hi, world!</h1>
-                    <h1 id="title">hi there!</h1>
+                <h2>i am minish</h2>
-                    <img src="/assets/icon.webp" alt="" class="icon" id="icon-mobile">
+                <p>hi, i go by minish online. i enjoy programming & reverse engineering.</p>
-                </span>
+                <p>my current main projects are</p>
-                <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>
                     <li>
-                        <a href="https://git.min.rip/min/nixos-configs">nixos-configs</a> -
+                        <a href="#">clip album</a> [wip] -
-                        dotfiles for nixos on laptop
+                        search, sort, and filter through video clips
                     </li>
                     <li>
                         <a href="https://git.min.rip/min/breeze">breeze</a> -
                         a simple, performant file upload server
                     </li>
                     <li>
-                        <a href="#">clip album</a> [wip] -
+                        some more business-oriented projects w/ my friends
-                        search, sort, and filter through video clips
                     </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>
-                <p>here's some media i like</p>
+                <p>and i'm looking to learn more about</p>
-                <ul class="interests">
+                <ul id="learning">
-                    <li>yume nikki <img src="/assets/interests/yume.png" alt="" class="h20 pix"></li>
+                    <li>rendering</li>
-                    <li>oneshot <img src="/assets/interests/oneshot.png" alt="" class="h20"></li>
+                    <li>machine learning</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>bocchi the rock <img src="/assets/interests/kessoku.webp" alt=""></li>
+                    <li>oneshot <img src="/assets/interests/oneshot.png" alt="" id="oneshot"></li>
-                    <li>twewy <img src="/assets/interests/twewy.webp" alt=""></li>
-                    <li>evangelion <img src="/assets/interests/eva.webp" alt=""></li>
-                </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>yume nikki <img src="/assets/interests/yume.png" alt="" id="yume"></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>
-            <img src="/assets/icon.webp" alt="" class="icon" id="icon-desktop">
+            <img src="/assets/icon.webp" alt="" id="icon">
         </div>
         <div id="cont">
             <hr>
             <div id="links">
                 <a href="https://git.min.rip/min">
                     <img src="/assets/links/gitea.svg" alt="gitea"
-                        title="a lot of stuff here is set to private">
+                        title="a lot of stuff here is privated. it might look kind of empty">
                 </a>
                 <a href="https://github.com/minishd">
                     <img src="/assets/links/github.svg" alt="github"
-                        title="i use gitea more">
+                        title="i use my gitea more than my github, but there's some stuff here">
                 </a>
                 <a href="https://www.last.fm/user/minishc">
                     <img src="/assets/links/lastfm.svg" alt="last.fm" title="music i listen to">

style.css

@@ -46,8 +46,7 @@ body {
     width: 100vw;
     height: 100vh;
 
-  background-image: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.53)),
+    background-image: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.53)), url(/assets/bg.webp);
-    url(/assets/bg.webp);
     background-attachment: fixed;
     background-position: center;
     background-repeat: no-repeat;
@@ -75,8 +74,7 @@ main {
 
     color: #fff;
 
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
 }
 
 @media only screen and (max-width: 700px) {
@@ -84,36 +82,22 @@ main {
         min-width: 92dvw;
     }
 
-  #border {
+    #bordeur {
         border-width: 0px;
     }
 
-  #icon-desktop {
+    #icon {
         display: none;
     }
 
-  #title,
+    #learning {
-  #icon-mobile {
+        grid-template-columns: auto;
-    display: inline-block;
-    vertical-align: middle;
-  }
-
-  .interests {
-    grid-template-columns: auto auto;
     }
 }
 
 @media only screen and (min-width: 701px) {
-  .interests {
+    #learning {
-    grid-template-columns: auto auto auto;
+        grid-template-columns: auto auto;
-  }
-
-  #icon-mobile {
-    display: none;
-  }
-
-  #yapping {
-    max-width: 450px;
     }
 }
 
@@ -126,7 +110,7 @@ a:link,
 a:visited,
 a:hover,
 a:active {
-  color: var(--accent-b);
+    color: var(--accent-b)
 }
 
 h2 {
@@ -140,7 +124,7 @@ h2 {
     display: flex;
 }
 
-#icon-desktop {
+#icon {
     justify-self: right;
 
     /* make some space around it */
@@ -149,17 +133,6 @@ h2 {
     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 {
     justify-self: left;
 }
@@ -177,21 +150,21 @@ li {
     display: grid;
 }
 
-.interests {
+#interests {
     display: grid;
+    grid-template-columns: auto auto auto;
 }
 
-.interests img {
+#interests img {
     height: 1.75em;
     vertical-align: middle;
 }
-.interests img.h20 {
+
+#interests img#yume, #interests img#oneshot {
     height: 20px;
 }
-.interests img.h16 {
+
-  height: 16px;
+#interests img#yume {
-}
-.interests img.pix {
     image-rendering: pixelated;
 }