From aaf26e455a3926a85ec0b37d21d61a1aaab72638 Mon Sep 17 00:00:00 2001 From: Aizistral Date: Sat, 14 Sep 2024 11:10:57 +0200 Subject: [PATCH] Update description and some styles --- _sass/adaptivity.scss | 351 ++++++++++++++++++++-------------------- _sass/features.scss | 8 +- _sass/globals.scss | 114 ++++++------- _sass/layouts.scss | 14 +- assets/icons/twitch.svg | 2 + index.html | 75 ++++----- 6 files changed, 279 insertions(+), 285 deletions(-) create mode 100644 assets/icons/twitch.svg diff --git a/_sass/adaptivity.scss b/_sass/adaptivity.scss index 95fb5f6..911c096 100644 --- a/_sass/adaptivity.scss +++ b/_sass/adaptivity.scss @@ -1,196 +1,195 @@ // --- MEDIA QUERIES AND WHATNOT --- // @media screen and (max-width: 1280px) { - main { - width: 90%; - } + main { + width: 90%; + } } @media screen and (max-width: 1080px) { - .header-button_text { - display: none; - } - - .header-button_icon { - margin-right: 0px; - transform: scale(1.25); - } - - // .youtube-thumbnail-container { - // justify-content: center; - // } + .header-button_text { + display: none; + } + + .header-button_icon { + margin-right: 0px; + transform: scale(1.25); + } + + // .youtube-thumbnail-container { + // justify-content: center; + // } } @media screen and (max-width: 920px) { - .jekyll-text { - margin-right: 30px; - } + .jekyll-text { + margin-right: 30px; + } } @media screen and (max-width: 750px) { - nav { - flex-direction: column; - align-items: center; - } - - .header-buttons { - margin-left: 3.5%; - border-top: var(--NO-CONTENT-BACKGROUND) solid 2px; - } - - .header-button_icon { - min-height: 3rem; - } + nav { + flex-direction: column; + align-items: center; + } + + .header-buttons { + margin-left: 3.5%; + border-top: var(--NO-CONTENT-BACKGROUND) solid 2px; + } + + .header-button_icon { + min-height: 3rem; + } } @media screen and (max-width: 560px) { - .info-card-title { - white-space: initial; - } - - .publication-card { - flex-direction: column; - min-width: 335px; - } - - .publication-card-title { - min-width: 0; - } - - .publication-card-content-partial { - padding-right: 0px; - } - - .publication-card-sidelink { - padding-left: 0px; - padding-top: 20px; - margin-bottom: 20px; - border-left: none; - border-top: 1px solid var(--LIGHT-BORDER); - width: 100%; - flex-direction: row; - } - - .publication-card-title { - margin-top: 0.5em; - padding-bottom: 12px; - } - - .about-left-float { - float: none; - padding-right: 0; - margin-top: 16px; - } - - .about-char-image { - margin-inline: auto; - } - - .about-char-image-container { - display: flex; - flex-direction: column; - align-items: center; - } - - .index-area { - padding-inline: 30px; - padding-block: 20px; - } - - .index-title { - margin-inline: -50px; - padding-inline: 50px; - } - - .larger-text { - font-size: 1.1rem; - } + .info-card-title { + white-space: initial; + } + + .publication-card { + flex-direction: column; + width: 335px; + } + + .publication-card-title { + min-width: 0; + } + + .publication-card-content-partial { + padding-right: 0px; + } + + .publication-card-sidelink { + padding-left: 0px; + padding-top: 8px; + border-left: none; + border-top: 1px solid var(--LIGHT-BORDER); + width: 100%; + flex-direction: row; + margin-top: 10px; + } + + .publication-card-title { + padding-bottom: 8px; + } + + .about-left-float { + float: none; + padding-right: 0; + margin-top: 16px; + } + + .about-char-image { + margin-inline: auto; + } + + .about-char-image-container { + display: flex; + flex-direction: column; + align-items: center; + } + + .index-area { + padding-inline: 30px; + padding-block: 20px; + } + + .index-title { + margin-inline: -50px; + padding-inline: 50px; + } + + .larger-text { + font-size: 1.1rem; + } } - // --- SPECIAL HACKS FOR ABYSMAL SCREEN SIZES --- // @media screen and (max-width: 400px) { - .error-page-content { - flex-direction: column-reverse; - gap: 10px; - } - - .publication-card { - min-width: 280px; - margin-inline: 0; - } - - .publication-card-title { - padding-top: 10px; - padding-bottom: 8px; - font-size: 1.25rem; - } - - .publication-card-sidelink { - padding-top: 12px; - margin-bottom: 12px; - } - - .publication-card-platform-icon { - height: 32px; - width: auto; - } - - .publication-card-external-icon { - height: 20px; - width: auto; - } - - .publication-info-row { - margin-block: 0.2em; - } - - .publication-card-text, .publication-card-text .inline-icon { - font-size: 0.7rem; - } - - h1 { - text-align: center; - } - - .index-title { - background: none; - text-align: center; - font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; - font-weight: bold; - line-height: 1.2; - border-bottom: 1px solid var(--LIGHT-BORDER); - margin-inline: 0px; - padding-inline: 0px; - padding-block: 0px; - margin-top: 4px; - font-size: 3.3rem; - } - - .index-title::before { - content: none; - } - - .index-subtitle, .index-subtitle .link-with-icon-text { - font-size: 2rem; - } - - .info-card-title { - font-size: 1.5rem; - } - - .info-card-text { - margin-top: 0.5rem; - font-size: 0.85rem; - } - - .info-card-grid { - margin-top: 8px; - margin-bottom: 12px; - } - - footer { - padding-inline: 20px; - } -} \ No newline at end of file + .error-page-content { + flex-direction: column-reverse; + gap: 10px; + } + + .publication-card { + width: 280px; + margin-inline: 0; + } + + .publication-card-title { + padding-bottom: 8px; + font-size: 1.25rem; + } + + .publication-card-sidelink { + margin-top: 10px; + padding-top: 8px; + } + + .publication-card-platform-icon { + height: 32px; + width: auto; + } + + .publication-card-external-icon { + height: 20px; + width: auto; + } + + .publication-info-row { + margin-block: 0.2em; + } + + .publication-card-text, + .publication-card-text .inline-icon { + font-size: 0.7rem; + } + + h1 { + text-align: center; + } + + .index-title { + background: none; + text-align: center; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: bold; + line-height: 1.2; + border-bottom: 1px solid var(--LIGHT-BORDER); + margin-inline: 0px; + padding-inline: 0px; + padding-block: 0px; + margin-top: 4px; + font-size: 3.3rem; + } + + .index-title::before { + content: none; + } + + .index-subtitle, + .index-subtitle .link-with-icon-text { + font-size: 2rem; + } + + .info-card-title { + font-size: 1.5rem; + } + + .info-card-text { + margin-top: 0.5rem; + font-size: 0.85rem; + } + + .info-card-grid { + margin-top: 8px; + margin-bottom: 12px; + } + + footer { + padding-inline: 20px; + } +} diff --git a/_sass/features.scss b/_sass/features.scss index 7b6dd30..6afe85a 100644 --- a/_sass/features.scss +++ b/_sass/features.scss @@ -284,19 +284,23 @@ a.info-card-text { color: var(--BRIGHT-TEXT); } +.platform-container { + gap: 15px; +} + .platform-button { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 10px; - margin: 10px 3px; border: 1px solid var(--LIGHT-BORDER); border-radius: 6px; transition-duration: 0.25s; background-color: var(--CARD-BACKGROUND); box-shadow: var(--CARD-SHADOW-LIGHTER); - min-width: 19rem; + width: 19rem; + flex-grow: 1; } .platform-button:hover { diff --git a/_sass/globals.scss b/_sass/globals.scss index ffa6b63..ca8ac40 100644 --- a/_sass/globals.scss +++ b/_sass/globals.scss @@ -1,69 +1,73 @@ // --- GLOBAL IMPORTS AND VARIABLES --- // -@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Anton:wght@400&display=swap'); +@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Anton:wght@400&display=swap"); /* latin */ @font-face { - font-family: 'Oswald Backup'; - font-style: normal; - font-weight: 500; - font-display: swap; - src: url(https://fonts.gstatic.com/s/oswald/v49/TK3_WkUHHAIjg75cFRf3bXL8LICs18NvsUZiZQ.woff2) format('woff2'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + font-family: "Oswald Backup"; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url(https://fonts.gstatic.com/s/oswald/v49/TK3_WkUHHAIjg75cFRf3bXL8LICs18NvsUZiZQ.woff2) + format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, + U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, + U+FEFF, U+FFFD; } @font-face { - font-family: 'BabelStoneFlags'; - src: url('/assets/fonts/BabelStoneFlags.woff') format('woff'), - url('/assets/fonts/BabelStoneFlags.woff2') format('woff2'), - url('/assets/fonts/BabelStoneFlags.svg#BabelStoneFlags') format('svg'), - url('/assets/fonts/BabelStoneFlags.eot'), - url('/assets/fonts/BabelStoneFlags.eot?#iefix') format('embedded-opentype'), - url('/assets/fonts/BabelStoneFlags.ttf') format('truetype'); - font-weight: normal; - font-style: normal; - font-display: swap; + font-family: "BabelStoneFlags"; + src: url("/assets/fonts/BabelStoneFlags.woff") format("woff"), + url("/assets/fonts/BabelStoneFlags.woff2") format("woff2"), + url("/assets/fonts/BabelStoneFlags.svg#BabelStoneFlags") format("svg"), + url("/assets/fonts/BabelStoneFlags.eot"), + url("/assets/fonts/BabelStoneFlags.eot?#iefix") format("embedded-opentype"), + url("/assets/fonts/BabelStoneFlags.ttf") format("truetype"); + font-weight: normal; + font-style: normal; + font-display: swap; } @font-face { - font-family: 'Impact Backup'; - src: url('/assets/fonts/Impact.ttf') format('truetype'); - font-weight: normal; - font-style: normal; - font-display: swap; + font-family: "Impact Backup"; + src: url("/assets/fonts/Impact.ttf") format("truetype"); + font-weight: normal; + font-style: normal; + font-display: swap; } :root { - --ACCENT-COLOR: #FF7C11; - --LINK-HOVERED: #ffda8f; - --LINK-NORMAL: #EFAD67; - --TEXT-SHADOW-LIGHT: rgba($color: #101010, $alpha: 0.3); - --TEXT-SHADOW-BOLD: rgba(0, 0, 0, 0.5); - --FOOTER-BACKGROUND: #101010; - --FOOTER-TEXT: lightgray; - --DEFAULT-TEXT: #f1f1f1; - --DARKER-TEXT: rgb(200, 200, 200); - --BRIGHT-TEXT: white; - --CARD-SHADOW-COLOR: #101010; - --CARD-SHADOW: 2px 2px 8px var(--CARD-SHADOW-COLOR); - --CARD-SHADOW-LIGHTER: 2px 2px 4px -1px var(--CARD-SHADOW-COLOR); - --LIGHT-BORDER: rgba(255, 255, 255, 0.1); - --MEDIUM-BORDER: rgba(255, 255, 255, 0.2); - --SOLID-GRAY-BORDER: gray; - --CARD-BACKGROUND: #292929; - --FANCY-TITLE-GRADIENT: linear-gradient(to bottom, #eb6400 0%, #7f1600 100%); - --FANCY-TITLE-CORNER: #541906; - --MAIN-BACKGROUND: #222222; - --NO-CONTENT-BACKGROUND: #181818; - --HEADER-BUTTON-HOVER-BACKGROUND: #1d1d1d; - --QUOTE: #9f9f9f; - --QUOTE-BORDER: #383838; - --YTT-TIME-BACKGROUND: rgba(0, 0, 0, 0.8); - --YTT-TEXT: rgb(170, 170, 170); - --YTT-TITLE: white; - --INLINE-BUTTON-HOVER-BACKGROUND: #333; - --PLATFORM-BUTTON-ICON: invert(100%); - --PLATFORM-BUTTON-HOVER-TEXT: invert(68%) sepia(94%) saturate(3834%) hue-rotate(351deg) brightness(101%) contrast(101%); - --ERROR-PAGE-ICON: rgb(255, 47, 47); -} \ No newline at end of file + --ACCENT-COLOR: #ff7c11; + --LINK-HOVERED: #ffda8f; + --LINK-NORMAL: #efad67; + --TEXT-SHADOW-LIGHT: rgba($color: #101010, $alpha: 0.3); + --TEXT-SHADOW-BOLD: rgba(0, 0, 0, 0.5); + --FOOTER-BACKGROUND: #101010; + --FOOTER-TEXT: lightgray; + --DEFAULT-TEXT: #f1f1f1; + --DARKER-TEXT: rgb(200, 200, 200); + --BRIGHT-TEXT: white; + --CARD-SHADOW-COLOR: #101010; + --CARD-SHADOW: 2px 2px 8px var(--CARD-SHADOW-COLOR); + --CARD-SHADOW-LIGHTER: 2px 2px 4px -1px var(--CARD-SHADOW-COLOR); + --LIGHT-BORDER: rgba(255, 255, 255, 0.1); + --MEDIUM-BORDER: rgba(255, 255, 255, 0.2); + --SOLID-GRAY-BORDER: gray; + --CARD-BACKGROUND: #292929; + --FANCY-TITLE-GRADIENT: linear-gradient(to bottom, #eb6400 0%, #7f1600 100%); + --FANCY-TITLE-CORNER: #541906; + --MAIN-BACKGROUND: #222222; + --NO-CONTENT-BACKGROUND: #181818; + --HEADER-BUTTON-HOVER-BACKGROUND: #1d1d1d; + --QUOTE: #9f9f9f; + --QUOTE-BORDER: #383838; + --YTT-TIME-BACKGROUND: rgba(0, 0, 0, 0.8); + --YTT-TEXT: rgb(170, 170, 170); + --YTT-TITLE: white; + --INLINE-BUTTON-HOVER-BACKGROUND: #333; + --PLATFORM-BUTTON-ICON: invert(100%); + --PLATFORM-BUTTON-HOVER-TEXT: invert(68%) sepia(94%) saturate(3834%) + hue-rotate(351deg) brightness(101%) contrast(101%); + --ERROR-PAGE-ICON: rgb(255, 47, 47); +} diff --git a/_sass/layouts.scss b/_sass/layouts.scss index 3a50a31..1686dd5 100644 --- a/_sass/layouts.scss +++ b/_sass/layouts.scss @@ -368,12 +368,11 @@ footer { color: var(--BRIGHT-TEXT); text-decoration: none; border-radius: 10px; - padding-inline: 20px; + padding-inline: 15px; + padding-block: 15px; margin: 10px; box-shadow: var(--CARD-SHADOW); width: 28.5rem; - min-width: 456px; - min-height: 205px; background-color: var(--CARD-BACKGROUND); font-size: 0.9rem; display: flex; @@ -391,11 +390,12 @@ footer { border-bottom: 1px solid var(--LIGHT-BORDER); text-shadow: 0px 0px 4px var(--CARD-SHADOW-COLOR); min-width: 334px; - font-size: 1.6rem; + font-size: 1.2rem; } .publication-card-content-partial { - padding-right: 20px; + padding-right: 15px; + gap: 10px; } .publication-card-content { @@ -403,13 +403,12 @@ footer { flex-direction: column; flex-wrap: nowrap; justify-content: space-evenly; - margin-bottom: 8px; } .publication-card-sidelink { border-left: 1px solid var(--MEDIUM-BORDER); width: 60px; - padding-left: 20px; + padding-left: 15px; display: flex; flex-direction: column; align-items: center; @@ -470,7 +469,6 @@ footer { .publication-info-row { padding: 0; margin: 0; - margin-block: 0.4em; gap: 1.5em; } diff --git a/assets/icons/twitch.svg b/assets/icons/twitch.svg new file mode 100644 index 0000000..fa76c41 --- /dev/null +++ b/assets/icons/twitch.svg @@ -0,0 +1,2 @@ + +ionicons-v5_logos \ No newline at end of file diff --git a/index.html b/index.html index cd9f749..326aedc 100644 --- a/index.html +++ b/index.html @@ -1,7 +1,7 @@ --- layout: default title: Aizistral™ -description: Personal website of Aizistral, Java, web and Minecraft mod developer. +description: Personal website of Aizistral, content creator and Minecraft mod developer. --- @@ -58,9 +58,10 @@

Who the hell am I?

- Good question! I am Aizistral, Java and a bit of a web developer. You - might know me for my Minecraft mods, which have over 15 million - downloads combined. I have authored widely known mods such as + I am many things, but of those most likely relevant to you - a Minecraft + mod developer and content creator. I am widely recognized for my mods, + which have dozens of millions of downloads combined. I have authored + well-known mods such as Who the hell am I? href="https://www.curseforge.com/minecraft/mc-mods/no-chat-reports" target="_blank" >No Chat Reports, although only the latter two currently receive my active maintenance. + >.

+

I have a particular passion for legacy modding. Most of my experience as a Minecraft player was on modded 1.7.10, and this is the version I could @@ -96,50 +98,33 @@

Who the hell am I?

>, in an attempt to create truly unique modpack experience. When these tools stopped being sufficient I turned my sights to modding, and as such my first mod was coded. With only a few simple items to serve as - crafting ingredients - it wasn't much to look at; but such was the + crafting ingredients - it wasn't much to look at. But such was the beginning of my path as mod developer, and I still cast an occasional longing sight in the direction of these simpler times. I do not play - Minecraft much any longer, but there are projects there to which I keep - coming back, including a - fork of ForgeGradle - and some backporting initiatives such as - Grimoire API. + Minecraft much any longer, but when I do, it is usually on that dusty, + old version.

- Also I run a small YouTube channel. In fact I did for a long time, but - its "real" beginning can be traced to the announcement of chat reporting - as part Minecraft's infamous snapshot + In my time, I spearheaded the community-driven investigation into the + chat reporting system, announced as part of Minecraft's infamous + snapshot 22w24a, when I have decided to speak to Minecraft community about its - countless flaws and concerns it gave rise to. Since then I've made quite - a few videos in an attempt to raise awareness, explain technical sides - of the system and prevent the spread of misinformation about it. - Presently I do not have clear directions on where to take the channel - from there, but rest assured I'll figure something out. -

-

- Regarding my other interests - programming is an easy-to-guess one. I - liked writing at one point, but my works enjoyed limited popularity - where I published them, and ultimately I could not foster the patience - required to keep doing it as a hobby with no clear payoffs. Perhaps I - will come back to that when I am older and financial security is less of - a concern. + >. I posted a few videos on my YouTube channel in an attempt to raise + awareness about this system, as well as explain countless flaws and + concerns it had. Those remain my most viewed to date. There are also a + couple articles I wrote on the subject, which you can find in the + publications section below.

- Quite as expected I also play videogames, with Stellaris, Hollow Knight, - Hades, Darkest Dungeons and Vintage Story being some of my favorites. - Most recently I started playing Among Us, just to see what all the memes - were all about, and it actually turned out to be not too bad, especially - since it was my first multiplayer experience in a long time. + These days you can find me tending to my Discord server, where I chat + about all things human, as well as announce new developments in my + projects. I continue to maintain my existing projects, insofar they + remain in-demand. Occasionally I stream on Twitch, mod development and + games alike. Feel free to hit me up on either of these platforms to say + hello.

My projects

@@ -187,7 +172,7 @@

My YouTube videos

link="https://www.youtube.com/watch?v=gH_q7ZuCJs0" image="https://i.ytimg.com/vi/48H5nMQ_8Yg/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLBnx63LpoGGgU-IWHJUyXQkdHG54A" duration="6:42" title="Chat Reporting in Minecraft 1.19.3: The End - of..." views="20K+" date="January 19, 2023" %} {% include + of..." views="30K+" date="January 19, 2023" %} {% include youtube_thumbnail.html link="https://www.youtube.com/watch?v=gH_q7ZuCJs0" image="https://i.ytimg.com/vi/gH_q7ZuCJs0/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLCCw6_Ws7sZV0DlSXHO6ADIyRsVwg" @@ -197,11 +182,11 @@

My YouTube videos

link="https://www.youtube.com/watch?v=DobmW1ZUcbQ" image="https://i.ytimg.com/vi/DobmW1ZUcbQ/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLDChA_uZoYrauKkjZpGhXQdQSgo7A" duration="48:08" title="Chat Reporting in Minecraft 1.19.2: Is - Everything Fixed?" views="30K+" date="August 7, 2022" %} {% include + Everything Fixed?" views="40K+" date="August 7, 2022" %} {% include youtube_thumbnail.html link="https://www.youtube.com/watch?v=0X_SlIOLliQ" image="https://i.ytimg.com/vi/0X_SlIOLliQ/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLBKmAMyMy1jzkLtkrcXIsSoXWfU7w" - duration="23:37" title="Minecraft 1.19.84: Is This War?" views="150K+" + duration="23:37" title="Minecraft 1.19.84: Is This War?" views="160K+" date="July 6, 2022" %} @@ -290,7 +275,7 @@

Where I dwell

You can find me on following platforms:

-
+
{% include platform_button.html url="https://github.com/Aizistral" svg="/assets/icons/github.svg" name="GitHub (Aizistral)" padding="2px" %} {% include platform_button.html @@ -305,7 +290,9 @@

Where I dwell

platform_button.html url="https://odysee.com/@aizistral:b" svg="/assets/icons/odysee.svg" name="Odysee (Aizistral)" %} {% include platform_button.html url="https://discord.gg/fuWK8ns" - svg="/assets/icons/discord.svg" name="Discord (Aizistral#1024)" %} + svg="/assets/icons/discord.svg" name="Discord (@aizistral)" %}{% include + platform_button.html url="https://twitch.com/aizistral" + svg="/assets/icons/twitch.svg" name="Twitch (Aizistral)" %}

Contact

There's a two main ways to get in touch with me: