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>
|
||||
<style>
|
||||
.link-card {
|
||||
align-items: center;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
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);
|
||||
}
|
||||
.link-card > a {
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
text-decoration: none;
|
||||
line-height: 1.4;
|
||||
|
|
|
@ -79,6 +79,7 @@
|
|||
background: linear-gradient(rgba(var(--accent-dark), 66%), rgba(var(--accent-dark), 33%));
|
||||
padding: 1.5rem;
|
||||
border-radius: 8px;
|
||||
text-align: center;
|
||||
}
|
||||
.instructions code {
|
||||
font-size: 0.8em;
|
||||
|
@ -87,6 +88,7 @@
|
|||
color: rgb(var(--accent-light));
|
||||
border-radius: 4px;
|
||||
padding: 0.3em 0.4em;
|
||||
text-align: center;
|
||||
}
|
||||
.instructions strong {
|
||||
color: rgb(var(--accent-light));
|
||||
|
|
|
@ -2,17 +2,8 @@
|
|||
---
|
||||
|
||||
<center>
|
||||
<nav class="navbar" role="navigation" aria-label="main navigation"
|
||||
<nav class="navbar" role="navigation" aria-label="main navigation" >
|
||||
<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
|
||||
role="button"
|
||||
class="navbar-burger"
|
||||
|
@ -27,9 +18,10 @@
|
|||
</div>
|
||||
<div class="navbar-menu" id="navMenu">
|
||||
<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">
|
||||
<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";
|
||||
---
|
||||
|
||||
<Layout title="LimePot - Home">
|
||||
<Layout title="LimePot - About">
|
||||
<main>
|
||||
<center>
|
||||
<h1 class="title">LimePotato</h1>
|
||||
<marquee Behavior="Alternate">
|
||||
<div class="content">
|
||||
<div class="wrapper"></div>
|
||||
<center>
|
||||
<h1 class="title">LimePotato</h1>
|
||||
<marquee Behavior="Alternate">
|
||||
<h2 class="title">
|
||||
<span class="text-gradient">Hello World</span>
|
||||
</h2>
|
||||
</marquee>
|
||||
<hr>
|
||||
<div class="content">
|
||||
<a href="/404" style="font-size: 34px">0 Days since last incident.</a>
|
||||
</marquee>
|
||||
<!--
|
||||
<a href="/404" style="font-size: 34px" class="subtitle">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 />
|
||||
<p style="font-size: 18px">"Forever - is composed of Nows</p>
|
||||
<p style="font-size: 18px">`Tis not a different time -</p>
|
||||
<p style="font-size: 18px">Except for Infiniteness -</p>
|
||||
<p style="font-size: 18px">And Latitude of Home -</p>
|
||||
<br />
|
||||
<p style="font-size: 18px">From this - experienced Here -</p>
|
||||
<p style="font-size: 18px">Remove the Dates - to These -</p>
|
||||
<p style="font-size: 18px">Let Months dissolve in further Months -</p>
|
||||
<p style="font-size: 18px">And Years - exhale in Years ."</p>
|
||||
<p style="font-size: 18px"></p><strong>- Emily Dickinson</strong>
|
||||
</div>
|
||||
<br /><br />
|
||||
<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: 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>
|
||||
</center>
|
||||
</main>
|
||||
</Layout>
|
||||
|
|
Loading…
Reference in a new issue