diff --git a/public/favicon.ico b/public/favicon.ico index 613e1fb..88e813b 100644 Binary files a/public/favicon.ico and b/public/favicon.ico differ diff --git a/src/components/ImageSection.astro b/src/components/ImageSection.astro index bba112f..37260d4 100644 --- a/src/components/ImageSection.astro +++ b/src/components/ImageSection.astro @@ -19,12 +19,14 @@ import "../styles/components/ImageSection.scss"; ---
-

{title}

-
- {imgAlt} -

{description}

+
+

{title}

+
+ {imgAlt} +

{description}

+
-
+

{note}

diff --git a/src/pages/about.astro b/src/pages/about.astro index 8bed684..05dac57 100644 --- a/src/pages/about.astro +++ b/src/pages/about.astro @@ -10,13 +10,7 @@ import Layout from "@layouts/Layout.astro"; href="https://static.moonleay.net/img/lilJuddWeb/about/oldplanningmsg.png" >these planning messages and I thought that this should be automated. Some time later the first - version of li'l Judd was born. -

- -
-

What now?

-

- Today the bot has more features and keeps getting more of them! It is + version of li'l Judd was born. Today the bot has more features and keeps getting more of them! It is designed to actually improve the Splatoon experience and not be the 10000th moderation and general utility bot with the same features as all bots. @@ -44,8 +38,8 @@ import Layout from "@layouts/Layout.astro";

Where is my data stored?

- Your data is stored in my basement on my server in Germany. And this will - stay that way until I move. + Your data is stored in a VPS from Contabo in Germany, Bavaria. The bot used to be hosted on a server in my basement, + but I moved it to a VPS, because my internet connection was not stable enough.

diff --git a/src/styles/components/ImageSection.scss b/src/styles/components/ImageSection.scss index e17344f..62e4c03 100644 --- a/src/styles/components/ImageSection.scss +++ b/src/styles/components/ImageSection.scss @@ -1,5 +1,9 @@ .ImageSection { border-radius: 0.5rem; + width: 100%; + @media (max-width: 1100px) { + max-width: 80vw; + } position: relative; @@ -14,40 +18,60 @@ rgba(0, 0, 0, 0.25) 100% ); - margin: 1rem; - padding: 1rem; - - display: flex; - flex-direction: column; - align-items: center; - justify-content: space-around; - &.centered { grid-column: 1/-1; width: 50%; justify-self: center; } - .imgDiv { - background-color: rgba(0, 0, 0, 0.4); - backdrop-filter: blur(5px); - - padding: 0.5rem; - border-radius: 0.5rem; - + .firstHalf { display: flex; flex-direction: column; align-items: center; + justify-content: space-around; - img { + .imgDiv { + background-color: rgba(0, 0, 0, 0.4); + backdrop-filter: blur(5px); + + padding: 0.5rem; + margin-left: 3rem; + margin-right: 3rem; border-radius: 0.5rem; - max-width: 80%; - max-height: 280px; + + display: flex; + flex-direction: column; + align-items: center; + + img { + border-radius: 0.5rem; + max-width: 80%; + max-height: 280px; + } + + p { + padding-top: 2px; + font-size: 0.8rem; + text-align: center; + } } + } + + .noteP { + line-height: 1.5; + vertical-align: middle; + + margin: auto; + font-size: 1rem; + text-align: center; + + display: flex; + justify-content: center; + align-items: center; p { - padding-top: 2px; - font-size: 0.8rem; + margin: auto; + padding: 2rem; } } } diff --git a/src/styles/pages/features.scss b/src/styles/pages/features.scss index f143acc..193fc81 100644 --- a/src/styles/pages/features.scss +++ b/src/styles/pages/features.scss @@ -12,8 +12,12 @@ .gridlayout { display: grid; grid-template-columns: 550px; - align-content: center; padding: 1rem; + width: 100vw; + justify-content: center; + justify-items: center; + align-content: center; + gap: 1rem; } @media (min-width: 1100px) {