Combine about and index
This commit is contained in:
parent
c004a2653f
commit
90e6e0972c
5 changed files with 78 additions and 107 deletions
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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));
|
||||||
|
|
|
||||||
|
|
@ -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,9 +18,10 @@
|
||||||
</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 class="navbar-item" href="/">
|
||||||
</a>
|
<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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue