-
- hi, world!
+hi world !
i am minish
-hi, i go by minish online. i enjoy programming & reverse engineering.
-my current main projects are
+Hi, i go by minish online. i enjoy programming & reverse engineering.
+a few of my recent projects are –
- breeze - @@ -39,6 +39,10 @@ infra - infrastructure as code w/ nix +
- + clip album [wip] - + search, sort, and filter through video clips +
- glcanvas - test project to learn webgl concepts @@ -46,33 +50,39 @@
currently learning more about ..
-
+
- web development
- rendering +
- networking/infrastructure
- calculus -
- networking, infrastructure, & devops -
- psychology
some stuff i like:
--
-
- omori
+ - deltarune
- - oneshot
- - inabakumori
- - cafe de touhou
- yume nikki
+ - oneshot
+
- evangelion
- inabakumori
+
- cafe de touhou
+
- omori
+
some things i like
+
+
and more random stuff before
+-
+
+ 
+ title="it might look kind of empty. a lot of stuff here is privated">
+ title="there's some stuff here, but i use gitea more">
diff --git a/style.css b/style.css
index 8317430..af2c77f 100644
--- a/style.css
+++ b/style.css
@@ -1,196 +1,199 @@
/* written by minish - 2024-03 */
:root {
- --accent-b: #c4b5a1;
- --accent: #908576;
+ --accent-b: #c4b5a1;
+ --accent: #908576;
}
* {
- margin: 0px;
- padding: 0px;
+ margin: 0px;
+ padding: 0px;
- box-sizing: border-box;
+ box-sizing: border-box;
}
body {
- overflow: hidden;
+ overflow: hidden;
}
#border {
- position: absolute;
- top: 0;
- left: 0;
- width: calc(100vw - calc(2px * 2));
- height: calc(100vh - calc(2px * 2));
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: calc(100vw - 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 {
- position: absolute;
- content: "";
- top: 0;
- left: 0;
- width: 100vw;
- height: 100vh;
+ position: absolute;
+ content: "";
+ top: 0;
+ left: 0;
+ width: 100vw;
+ height: 100vh;
- /* backdrop-filter: blur(2px); */
+ /* backdrop-filter: blur(2px); */
}
#bg {
- position: absolute;
- top: 0;
- left: 0;
- width: 100vw;
- height: 100vh;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100vw;
+ height: 100vh;
- background-image: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.53)), url(/assets/bg.webp);
- background-attachment: fixed;
- background-position: center;
- background-repeat: no-repeat;
- background-size: cover;
+ background-image: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.53)),
+ url(/assets/bg.webp);
+ background-attachment: fixed;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: cover;
}
main {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
- display: flex;
- flex-direction: column;
+ display: flex;
+ flex-direction: column;
- font-size: 10pt;
- line-height: 2em;
+ font-size: 10pt;
+ line-height: 2em;
- padding: 18px;
- padding-bottom: 14px;
+ padding: 18px;
+ 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) {
- main {
- min-width: 92dvw;
- }
+ main {
+ min-width: 92dvw;
+ }
- #border {
- border-width: 0px;
- }
+ #border {
+ border-width: 0px;
+ }
- #icon {
- display: none;
- }
+ #icon {
+ display: none;
+ }
- #interests {
- grid-template-columns: auto auto;
- }
-
- #learning {
- grid-template-columns: auto;
- }
+ #learning {
+ grid-template-columns: auto;
+ }
}
@media only screen and (min-width: 701px) {
- #learning {
- grid-template-columns: auto auto;
- }
+ #learning {
+ grid-template-columns: auto auto;
+ }
+}
- #interests {
- grid-template-columns: auto auto auto;
- }
+.interests {
+ grid-template-columns: auto auto;
}
::selection {
- color: #fff;
- background: var(--accent);
+ color: #fff;
+ background: var(--accent);
}
a:link,
a:visited,
a:hover,
a:active {
- color: var(--accent-b)
+ color: var(--accent-b);
}
h2 {
- font-size: medium;
- font-weight: lighter;
+ font-size: medium;
+ font-weight: lighter;
- margin-bottom: 4px;
+ margin-bottom: 4px;
}
#floats {
- display: flex;
+ display: flex;
}
#icon {
- justify-self: right;
+ justify-self: right;
- /* make some space around it */
- margin-left: 24px;
+ /* make some space around it */
+ margin-left: 24px;
- height: 7em;
+ height: 7em;
+
+ 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;
+ justify-self: left;
}
ul {
- list-style-position: inside;
+ list-style-position: inside;
}
li {
- /* move the bulletpoint 6px inward on itself */
- padding-left: 6px;
+ /* move the bulletpoint 6px inward on itself */
+ padding-left: 6px;
}
#learning {
- display: grid;
+ display: grid;
}
-#interests {
- display: grid;
+.interests {
+ display: grid;
}
-#interests img {
- height: 1.75em;
- vertical-align: middle;
+.interests img {
+ height: 1.75em;
+ vertical-align: middle;
}
-#interests img#yume, #interests img#oneshot {
- height: 20px;
+.interests img#yume,
+.interests img#oneshot {
+ height: 20px;
}
-#interests img#yume {
- image-rendering: pixelated;
+.interests img#yume {
+ image-rendering: pixelated;
}
hr {
- margin-bottom: 10px;
- margin-top: 12px;
+ margin-bottom: 10px;
+ margin-top: 12px;
- border: 1px solid var(--accent);
+ border: 1px solid var(--accent);
}
#links {
- display: flex;
- justify-content: space-around;
+ display: flex;
+ justify-content: space-around;
}
#links img {
- height: 3.1em;
+ height: 3.1em;
}
#cont {
- margin-top: auto;
-}
\ No newline at end of file
+ margin-top: auto;
+}