diff --git a/dni/index.html b/dni/index.html
new file mode 100644
index 0000000..e2e8d21
--- /dev/null
+++ b/dni/index.html
@@ -0,0 +1,134 @@
+
+
+
+
+
+ sneexy dot pages dot gay
+
+
+
+ welcome to my probably not important, but seemingly required:
+
+ and other warnings/preferences! frankly i shouldn't need this, but the internet is full of assholes and others who do not seem to understand how to act around others (sorry) , so i'm putting this up here for the sake of it.
+ --------
+ to get the basics and hopefully well known out of the way:
+
+ homo/trans/queerphobes
+ nazis
+ racists
+ rightoids
+ pedos/maps
+ tech/aibros (you know who you are)
+ police/cops supporters
+ "i'm not [x] i just simply don't like woke !"/"antiwoke" people
+
+ kindly fuck off and get away from me
+ --------
+ the Other Warnings™ and requests:
+
+ i'm fine with nsfw content/accounts but please don't act lewd or anything of the like with or around me. this also includes stuff like flirting.
+ virtual interactions such as hugs or pats are usually fine , but you should probably ask me first.
+ i am horrible
+
+
+
█
+
+
+
+
+ and now some dedicated warnings for the fediverse, where i'm usually on.
+ --------
+ instances i tend to vibe check harder and are most likely to pass:
+
+ transfem.social 💛
+
+ personally quite tired of the culture surrounding the instances (i'm not saying i'm transphobic here or anything or the sort, i'm just really tired of seeing the same estrogen or egg joke for like the 15th time now) and the community to me personally seems to have traits and behaviors that i feel uncomfortable with to be around.
+
+ woem.men 💛❤️
+
+ (see above reason, plus) multiple dramas and alligations with the instance administrator, stuff i'm really not comfortable with. would recommend that you follow from another instance, but i'm just text.
+
+ you can send a follow request! it just may take a while for me to get around to accepting it.
+ --------
+ if you're following from:
+
+ mas/todon.* (mastodon.social, mastodon.world, mastodon.online, mas.to etc) ❌
+
+ these instances contain a bunch of users to the point where they harm the fediverse and usually have lack of moderation due to that. i'd kindly recommend moving to a nicer smaller instance if you're willing to. you don't have to listen to me, i'm just text.
+
+ hachyderm.io, fosstodon.org, floss.social 🟡
+
+ mixed bag. its either people who assume they have privilege to talk about things how they want, or just complete assholes/fossoids who assume they know everything tech and will kill you for disagreeing about something.
+
+
+
+ you will be going through much harder vibe checking, or outright denied. its for the sake of my own sanity.
+
+
█
+
is set under .terminal
+*/
+
+/* the only headings i use */
+h1,
+h1 a {
+ color: var(--text);
+ font-size: 32px;
+ text-decoration: none;
+}
+/* apparently having more than one h1 is against web standards
+but i prefer how it looks so i just use the same styling again */
+h2,
+h2 a {
+ color: var(--text);
+ font-size: 32px;
+ text-decoration: none;
+}
+h3 {
+ font-size: 20px;
+}
+/* TEXT */
+p,
+li {
+ font-size: 18px;
+}
+/* links should look good i think */
+a {
+ font-size: 18px;
+ color: var(--green);
+}
+/* smol text */
+small,
+small a {
+ font-size: 14px;
+}
+/* lists need some styling */
+li {
+ margin-left: -1em;
+ padding-bottom: 18px;
+}
+/* gay ass text */
+.rainbow {
+ animation: 2s linear infinite rainbow;
+ -webkit-animation: 2s linear infinite rainbow;
+ -moz-animation: 2s linear infinite rainbow;
+}
+/* heading 1 is also clickable */
+h1 a:hover {
+ text-decoration: underline;
+}
+
+/*
+about me section/terminal
+*/
+.terminal:nth-child(2) {
+ margin-top: 3.8em;
+}
+
+/*
+footer/credits
+*/
+footer {
+ p,
+ a {
+ text-align: center;
+ font-size: 15px;
+ margin: 0.2em 0px 0.2em;
+ text-decoration: none;
+ }
+ img {
+ max-width: 30%;
+ display: flex;
+ margin-left: auto;
+ margin-right: auto;
+ }
+}
+
+/*
+animations
+*/
+@keyframes blink {
+ 0% {
+ opacity: 0;
+ }
+ 50% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0;
+ }
+}
+@keyframes blink-navbar-text {
+ 0% {
+ opacity: 0;
+ }
+ 50% {
+ opacity: 0.8;
+ }
+ 100% {
+ opacity: 0;
+ }
+}
+@keyframes spin-y {
+ /* values: 128px, 256px, 348px, 396px*/
+ 0% {
+ transform: perspective(396px) rotateY(0);
+ }
+ 100% {
+ transform: perspective(396px) rotateY(360deg);
+ }
+}
+@keyframes rainbow {
+ 0% {
+ filter: hue-rotate(0deg) contrast(150%) saturate(150%);
+ }
+ 100% {
+ filter: hue-rotate(360deg) contrast(150%) saturate(150%);
+ }
+}
+@keyframes bg-gradient {
+ 0% {
+ background-position: 0% 27%;
+ }
+ 50% {
+ background-position: 100% 74%;
+ }
+ 100% {
+ background-position: 0% 27%;
+ }
+}
+@-moz-keyframes blink {
+ 0% {
+ opacity: 0;
+ }
+ 50% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0;
+ }
+}
+@-moz-keyframes blink-navbar-text {
+ 0% {
+ opacity: 0;
+ }
+ 50% {
+ opacity: 0.8;
+ }
+ 100% {
+ opacity: 0;
+ }
+}
+@-moz-keyframes spin-y {
+ /* values: 128px, 256px, 348px, 396px*/
+ 0% {
+ transform: perspective(396px) rotateY(0);
+ }
+ 100% {
+ transform: perspective(396px) rotateY(360deg);
+ }
+}
+@-moz-keyframes rainbow {
+ 0% {
+ filter: hue-rotate(0deg) contrast(150%) saturate(150%);
+ }
+ 100% {
+ filter: hue-rotate(360deg) contrast(150%) saturate(150%);
+ }
+}
+@-moz-keyframes bg-gradient {
+ 0% {
+ background-position: 0% 27%;
+ }
+ 50% {
+ background-position: 100% 74%;
+ }
+ 100% {
+ background-position: 0% 27%;
+ }
+}
+@-webkit-keyframes blink {
+ 0% {
+ opacity: 0;
+ }
+ 50% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0;
+ }
+}
+@-webkit-keyframes blink-navbar-text {
+ 0% {
+ opacity: 0;
+ }
+ 50% {
+ opacity: 0.8;
+ }
+ 100% {
+ opacity: 0;
+ }
+}
+@-webkit-keyframes spin-y {
+ /* values: 128px, 256px, 348px, 396px*/
+ 0% {
+ transform: perspective(396px) rotateY(0);
+ }
+ 100% {
+ transform: perspective(396px) rotateY(360deg);
+ }
+}
+@-webkit-keyframes rainbow {
+ 0% {
+ filter: hue-rotate(0deg) contrast(150%) saturate(150%);
+ }
+ 100% {
+ filter: hue-rotate(360deg) contrast(150%) saturate(150%);
+ }
+}
+@-webkit-keyframes bg-gradient {
+ 0% {
+ background-position: 0% 27%;
+ }
+ 50% {
+ background-position: 100% 74%;
+ }
+ 100% {
+ background-position: 0% 27%;
+ }
+}
+
+/*
+modify widths and spacing depending on the size of the display
+*/
+@media screen and (max-width: 59em) {
+ .navbar {
+ min-height: 1.8em !important;
+ max-height: 1.8em !important;
+ flex-wrap: wrap;
+
+ .nav-base {
+ padding: 0.27em 0.2em !important;
+ }
+ .nav-baselink {
+ display: none !important;
+ }
+ .nav-baselink-mobile {
+ display: unset !important;
+ background-color: var(--green);
+ text-decoration: unset !important;
+ color: var(--crust);
+ margin-left: 0.4em !important;
+ i:not(:first-child) {
+ margin-left: -0.5em;
+ margin-right: -0.5em;
+ opacity: 0.6;
+ }
+ }
+ .hover-tip {
+ display: unset !important;
+ background-color: var(--base);
+ margin-left: 0.5em !important;
+ animation: blink 3s ease-inr-out infinite;
+ -moz-animation: blink 3s ease-in-out infinite;
+ -webkit-animation: blink 3s ease-in-out infinite;
+ }
+ .nav-links {
+ display: none !important;
+ order: 1;
+ margin-top: 0.5em;
+ }
+ }
+ .navbar:hover {
+ min-height: 4.06em !important;
+ .hover-tip {
+ display: none !important;
+ }
+ .nav-links {
+ display: unset !important;
+ padding: 0.2em;
+ margin-left: 0.4em !important;
+ }
+ .nav-baselink-mobile {
+ padding: 0.2em !important;
+ }
+ .nav-systray {
+ margin-left: auto !important;
+ }
+ }
+
+ .terminal:nth-child(2) {
+ margin-top: 2.8em;
+ }
+
+ .terminal {
+ .term-titlebar {
+ margin: -16px 0px -24px;
+ }
+ margin: 0px 0.7em 0.7em;
+ padding: 10px 16px;
+ }
+}