Combine about and index

This commit is contained in:
nelle 2024-06-06 13:27:28 -06:00
parent c004a2653f
commit 90e6e0972c
5 changed files with 78 additions and 107 deletions

View file

@ -23,6 +23,7 @@ const { href, title, body, source } = Astro.props;
</li> </li>
<style> <style>
.link-card { .link-card {
align-items: center;
list-style: none; list-style: none;
display: flex; display: flex;
padding: 1px; padding: 1px;
@ -35,6 +36,7 @@ const { href, title, body, source } = Astro.props;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
} }
.link-card > a { .link-card > a {
align-items: center;
width: 100%; width: 100%;
text-decoration: none; text-decoration: none;
line-height: 1.4; line-height: 1.4;

View file

@ -79,6 +79,7 @@
background: linear-gradient(rgba(var(--accent-dark), 66%), rgba(var(--accent-dark), 33%)); background: linear-gradient(rgba(var(--accent-dark), 66%), rgba(var(--accent-dark), 33%));
padding: 1.5rem; padding: 1.5rem;
border-radius: 8px; border-radius: 8px;
text-align: center;
} }
.instructions code { .instructions code {
font-size: 0.8em; font-size: 0.8em;
@ -87,6 +88,7 @@
color: rgb(var(--accent-light)); color: rgb(var(--accent-light));
border-radius: 4px; border-radius: 4px;
padding: 0.3em 0.4em; padding: 0.3em 0.4em;
text-align: center;
} }
.instructions strong { .instructions strong {
color: rgb(var(--accent-light)); color: rgb(var(--accent-light));

View file

@ -2,17 +2,8 @@
--- ---
<center> <center>
<nav class="navbar" role="navigation" aria-label="main navigation" <nav class="navbar" role="navigation" aria-label="main navigation" >
<div class="navbar-brand"> <div class="navbar-brand">
<a class="navbar-item" href="/">
<!--
<img
src="/assets/profileimages/lunanelle.jpeg"
style="border-radius: 20%"
/>
-->
<span class="text-gradient">LimePot</span>
</a>
<a <a
role="button" role="button"
class="navbar-burger" class="navbar-burger"
@ -27,10 +18,11 @@
</div> </div>
<div class="navbar-menu" id="navMenu"> <div class="navbar-menu" id="navMenu">
<div class="navbar-start"> <div class="navbar-start">
<a class="navbar-item" href="/about">
<span class="text-gradient">About Me</span>
</a>
<a class="navbar-item" href="/">
<span class="text-gradient">LimePot</span>
</a>
<a class="navbar-item" href="/projects"> <a class="navbar-item" href="/projects">
<span class="text-gradient">Projects</span> <span class="text-gradient">Projects</span>
</a> </a>

View file

@ -1,75 +0,0 @@
---
import Layout from "../layouts/Layout.astro";
import Card from "../components/Card.astro";
---
<Layout title="LimePot - About">
<main>
<div class="content">
<div class="wrapper"></div>
<center>
<h1 class="title">About</h1>
<h2 class="subtitle">Howdy Traveller!</h2>
<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;"
>[LimePot/LimePotato]</span
>.
</p>
<hr />
<p class="title">Pronoun'd:</p>
<p>
<span style="color: #fe640b;">[She/They]</span>, Alternatively: <a
href="https://pronouns.cc/@LimePotato"><u>pronouns.cc page</u></a
>.
</p>
<hr />
<p class="title">Some Info:</p>
<p>
I do a lot of tinkering with various things, hardware and software.
Currently messing around with Web Development, Minecraft mods, 3D
Printing, Linux, System Administration, Pixel Art, and whatever comes
to mind really. Checkout my <a href="https://limepot.xyz/projects"
><u>Projects</u></a
> to see what I'm currently working on.
</p>
<br />
<br /><br />
<p class="instructions">
<strong>Where to find/contact me:</strong>
</p></center
><br />
<ul role="list" class="link-card-grid">
<Card
source="/assets/icons/mail-outline.svg"
href="mailto: bm01@limepot.xyz"
title="Email"
/>
<Card
source="https://upload.wikimedia.org/wikipedia/commons/9/93/Fediverse_logo_proposal.svg"
href="https://ouroboros.gay/@limepot"
title="Fediverse"
/>
<Card
source="/assets/icons/listenbrainzicon.png"
href="https://listenbrainz.org/user/LimePotato/"
title="ListenBrainz Profile"
/>
<Card
source="/assets/icons/logo-youtube.svg"
href="https://www.youtube.com/channel/UCk_yKIpDnMv_DvuDb9RGfcA"
title="Youtube"
/>
<Card
source="/assets/icons/logo-steam.svg"
href="https://steamcommunity.com/id/limepot/"
title="Steam"
/>
</ul>
</div>
</main>
</Layout>

View file

@ -3,30 +3,80 @@ import Layout from "../layouts/Layout.astro";
import Card from "../components/Card.astro"; import Card from "../components/Card.astro";
--- ---
<Layout title="LimePot - Home"> <Layout title="LimePot - About">
<main> <main>
<center> <div class="content">
<h1 class="title">LimePotato</h1> <div class="wrapper"></div>
<marquee Behavior="Alternate"> <center>
<h1 class="title">LimePotato</h1>
<marquee Behavior="Alternate">
<h2 class="title"> <h2 class="title">
<span class="text-gradient">Hello World</span> <span class="text-gradient">Hello World</span>
</h2> </h2>
</marquee> </marquee>
<hr> <!--
<div class="content"> <a href="/404" style="font-size: 34px" class="subtitle">0 Days since last incident.</a>
<a href="/404" style="font-size: 34px">0 Days since last incident.</a> -->
<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;"
>[LimePot/LimePotato]</span
>.
</p>
<hr />
<p class="title">Pronoun'd:</p>
<p>
<span style="color: #fe640b;">[She/They]</span>, Alternatively: <a
href="https://pronouns.cc/@LimePotato"><u>pronouns.cc page</u></a
>.
</p>
<hr />
<p class="title">Some Info:</p>
<p>
I do a lot of tinkering with various things, hardware and software.
Currently messing around with Web Development, Minecraft mods, 3D
Printing, Linux, System Administration, Pixel Art, and whatever comes
to mind really. Checkout my <a href="https://limepot.xyz/projects"
><u>Projects</u></a
> to see what I'm currently working on.
</p>
<br /> <br />
<p style="font-size: 18px">"Forever - is composed of Nows</p> <br /><br />
<p style="font-size: 18px">`Tis not a different time -</p> <p class="instructions">
<p style="font-size: 18px">Except for Infiniteness -</p> <strong>Where to find/contact me:</strong>
<p style="font-size: 18px">And Latitude of Home -</p> </p><br />
<br /> <ul role="list" class="link-card-grid">
<p style="font-size: 18px">From this - experienced Here -</p> <Card
<p style="font-size: 18px">Remove the Dates - to These -</p> source="/assets/icons/mail-outline.svg"
<p style="font-size: 18px">Let Months dissolve in further Months -</p> href="mailto: bm01@limepot.xyz"
<p style="font-size: 18px">And Years - exhale in Years ."</p> title="Email"
<p style="font-size: 18px"></p><strong>- Emily Dickinson</strong> />
</div> <Card
source="https://upload.wikimedia.org/wikipedia/commons/9/93/Fediverse_logo_proposal.svg"
href="https://ouroboros.gay/@limepot"
title="Fediverse"
/>
<Card
source="/assets/icons/listenbrainzicon.png"
href="https://listenbrainz.org/user/LimePotato/"
title="ListenBrainz Profile"
/>
<Card
source="/assets/icons/logo-youtube.svg"
href="https://www.youtube.com/channel/UCk_yKIpDnMv_DvuDb9RGfcA"
title="Youtube"
/>
<Card
source="/assets/icons/logo-steam.svg"
href="https://steamcommunity.com/id/limepot/"
title="Steam"
/>
</ul>
</div>
</center> </center>
</main> </main>
</Layout> </Layout>