ReStyle #1

Merged
limepotato merged 5 commits from restyle into main 2024-06-25 11:17:13 -06:00
3 changed files with 54 additions and 132 deletions

View file

@ -1,3 +1,17 @@
.content {}
.column {
float: left;
width: 50%;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
.navbar-menu {
flex-grow: initial !important;
flex-shrink: initial !important;

View file

@ -6,13 +6,12 @@ import Card from "../components/Card.astro";
<Layout title="LimePot">
<main>
<div class="content">
<div class="wrapper"></div>
<center>
<h1 class="title">LimePotato</h1>
<marquee Behavior="Alternate">
<h2>
<span class="text-gradient">Hello World</span>
</h2>
<h2>
<span class="text-gradient">Hello World</span>
</h2>
</marquee>
<!--
<a href="/404" style="font-size: 34px" class="subtitle">0 Days since last incident.</a>
@ -20,9 +19,9 @@ import Card from "../components/Card.astro";
<hr />
<p class="title">Name(s):</p>
<p>
You can call me <span style="color: #fe640b;">[Nelle]</span>, although
some call me <span style="color: #fe640b;">[Luna, Lilith, ???]</span>.
Or you can simply call me by my username <span style="color: #fe640b;"
You can call me <span style="color: #fab387;">[Nelle]</span>, although
some call me <span style="color: #fab387;">[Luna, Lilith, ???]</span>.
Or you can simply call me by my username <span style="color: #fab387;"
>[LimePot/LimePotato]</span
>.
</p>
@ -30,7 +29,7 @@ import Card from "../components/Card.astro";
<p class="title">Pronoun'd:</p>
<p>
<span style="color: #fe640b;">[She/They]</span>, Alternatively: <a
<span style="color: #fab387;">[She/They]</span>, Alternatively: <a
href="https://pronouns.cc/@LimePotato"><u>pronouns.cc page</u></a
>.
</p>
@ -49,39 +48,39 @@ import Card from "../components/Card.astro";
<p class="instructions">
<strong>Where to find/contact me:</strong>
</p><br />
<ul role="list" class="link-card-grid">
<Card
source="/assets/icons/mail-outline.svg"
href="mailto: limepot@protonmail.ch"
title="Email"
alt="Icon of a piece of Mail"
/>
<Card
source="https://upload.wikimedia.org/wikipedia/commons/9/93/Fediverse_logo_proposal.svg"
href="https://ouroboros.gay/@limepot"
title="Fediverse"
alt="Fediverse Icon"
/>
<Card
source="/assets/icons/listenbrainzicon.png"
href="https://listenbrainz.org/user/LimePotato/"
title="ListenBrainz Profile"
alt="ListenBrainz Icon"
/>
<Card
source="/assets/icons/logo-youtube.svg"
href="https://www.youtube.com/channel/UCk_yKIpDnMv_DvuDb9RGfcA"
title="Youtube"
alt="Youtube Logo"
/>
<Card
source="/assets/icons/logo-steam.svg"
href="https://steamcommunity.com/id/limepot/"
title="Steam"
alt="Steam Logo"
/>
</ul>
<ul role="list" class="link-card-grid">
<Card
source="/assets/icons/mail-outline.svg"
href="mailto: limepot@protonmail.ch"
title="Email"
alt="Icon of a piece of Mail"
/>
<Card
source="https://upload.wikimedia.org/wikipedia/commons/9/93/Fediverse_logo_proposal.svg"
href="https://ouroboros.gay/@limepot"
title="Fediverse"
alt="Fediverse Icon"
/>
<Card
source="/assets/icons/listenbrainzicon.png"
href="https://listenbrainz.org/user/LimePotato/"
title="ListenBrainz Profile"
alt="ListenBrainz Icon"
/>
<Card
source="/assets/icons/logo-youtube.svg"
href="https://www.youtube.com/channel/UCk_yKIpDnMv_DvuDb9RGfcA"
title="Youtube"
alt="Youtube Logo"
/>
<Card
source="/assets/icons/logo-steam.svg"
href="https://steamcommunity.com/id/limepot/"
title="Steam"
alt="Steam Logo"
/>
</ul>
</center>
</div>
</center>
</main>
</Layout>

View file

@ -1,91 +0,0 @@
---
import Layout from "../layouts/Layout.astro";
import Card from "../components/Card.astro";
---
<Layout title="Privacy Policy and Philosophy">
<main>
<div class="content">
<div class="wrapper">
<h2 class="subtitle">Privacy & Security</h2>
<p>
I try to use as little javascript as possible int he front-end of this
site, I use <strong
><a href="https://bulma.io/"><u>Bulma</u></a></strong
> Which doesn't require JS in the frontend, I've used a little JS for the
mobile version, specifically the menu burger opening and closing). I do
however use <strong
><a href="https://astro.build"><u>Astro</u></a></strong
> in the backend for server-side rendering (on the <a
href="staging.limepot.xyz">Staging Site</a
>), i mostly use this as a boilerplate solution, as i got tired of
entering the same copy-paste fields over and over again. but this site
will function if you turn JS off.
</p>
<br />
<p>I do not collect or store information.</p>
</div>
<br />
<h2 class="subtitle">Credits</h2>
<small>Or, at least, what I can credit</small>
<br />
<!--Badges-->
<a href="https://limepot.xyz/"
><image src="/assets/badges/limepotxyz-badge00.gif" />
<strong>Made by me for this website!</strong>
<br />
<a href="https://jointhefediverse.net/"
><image src="/assets/badges/FEDERATE-NOW.jpg" />
<strong>I forgor 💀</strong>
<br />
<a href="https://gnu.org"
><image src="/assets/badges/gnu-linux.gif" />
<strong>I forgor 💀</strong>
<br />
<a href="https://fuckoffgoogle.de/"
><image src="/assets/badges/google_stand.gif" />
<strong>I forgor 💀</strong>
<br />
<a href="https://privacytests.org/"
><image src="/assets/badges/chrmevil.gif" />
<strong>I forgor 💀</strong>
<br />
<image src="/assets/badges/browser.gif">
<strong>I forgor 💀</strong>
<br />
<a href="https://tuxcrafting.online/"
><image src="/assets/badges/tctek.gif" />
<strong
><a href="https://meow.tuxcrafting.online/@chjara"
>Chjara!</a
></strong
>
<br />
<iframe
src="//incr.easrng.net/badge?key=limepot"
style="background: url(//incr.easrng.net/bg.gif)"
title="increment badge"
width="88"
height="31"
frameborder="0"></iframe>
<strong><a href="https://easrng.net/">easrng</a></strong>
<br />
<a href="https://cybercriminal.eu"
><image src="/assets/badges/cbrmnl.png" />
<strong
><a href="https://cybercriminal.eu/users/voltrina"
>Volted Rina</a
></strong
>
<br />
<!--Badges-->
</a>
</a>
</image>
</a></a
></a
></a
></a>
</div>
</main>
</Layout>