limepotato/limepot-xyz
1
0
Fork 0
Code Issues 3 Pull requests Activity

overhaul!

Browse source
This commit is contained in:
nelle 2024-07-03 23:32:50 -06:00
parent 634d0f2673
commit 8db7d1e55e
13 changed files with 300 additions and 399 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
TODO.md Normal file
View file

@ -0,0 +1,13 @@
# ToDo
- Add webrings
- more buttons
- update about
- icons on contact info
- update projects page?
- reduce bottom and top margins on main page title
- https://zvava.org/stats.html
- https://zvava.org/wiki/config.html
- https://zvava.org/wiki/category/music.html
- https://zvava.org/wiki/about-site.html
- gradient content background?
- sophias color thing

BIN
public/assets/webrings/phonewave.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 201 KiB

6
public/css/cards.css Normal file
View file

@ -0,0 +1,6 @@
.link-card-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(24ch, 1fr));
gap: 2rem;
padding: 0;
}

234
public/css/classes.css
View file

@ -1,90 +1,9 @@
.container { @import "nav-buttons.css";
display: flex; @import "cards.css";
} @import "instructions.class";
.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;
}
.navbar {
display: flex;
padding-top: 7px;
padding-bottom: 7px;
}
.navbar-item {
font-size: medium;
padding-right: 10px;
padding-left: 10px;
margin-top: 5px;
}
.navbar .navbar-menu {
flex-grow: initial;
flex-shrink: initial;
}
.astro-a {
position: absolute;
top: -32px;
left: 50%;
transform: translatex(-50%);
width: 220px;
height: auto;
z-index: -1;
}
.text-gradient {
background-image: var(--accent-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 400%;
background-position: 0%;
}
.instructions {
margin-bottom: 2rem;
border: 1px solid rgba(var(--accent-light), 25%);
background: linear-gradient(rgba(var(--accent-dark), 66%), rgba(var(--accent-dark), 33%));
padding: 1.5rem;
border-radius: 8px;
}
.instructions code {
font-size: 0.8em;
font-weight: bold;
background: rgba(var(--accent-light), 12%);
color: rgb(var(--accent-light));
border-radius: 4px;
padding: 0.3em 0.4em;
}
.instructions strong {
color: rgb(var(--accent-light));
}
.link-card-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(24ch, 1fr));
gap: 2rem;
padding: 0;
}
.title { .title {
font-size: 55px; font-size: 50px;
background-image: var(--accent-gradient); background-image: var(--accent-gradient);
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
@ -92,16 +11,6 @@
background-position: 0%; background-position: 0%;
} }
.astro-a {
position: absolute;
top: -32px;
left: 50%;
transform: translatex(-50%);
width: 220px;
height: auto;
z-index: -1;
}
.text-gradient { .text-gradient {
background-image: var(--accent-gradient); background-image: var(--accent-gradient);
-webkit-background-clip: text; -webkit-background-clip: text;
@ -110,137 +19,6 @@
background-position: 0%; background-position: 0%;
} }
.instructions { .menu {
margin-bottom: 2rem; text-align: center;
border: 1px solid rgba(var(--accent-light), 25%);
background: linear-gradient(rgba(var(--accent-dark), 66%),
rgba(var(--accent-dark), 33%));
padding: 1.5rem;
border-radius: 8px;
}
.instructions code {
font-size: 0.8em;
font-weight: bold;
background: rgba(var(--accent-light), 12%);
color: rgb(var(--accent-light));
border-radius: 4px;
padding: 0.3em 0.4em;
}
.instructions strong {
color: rgb(var(--accent-light));
}
.link-card-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(24ch, 1fr));
gap: 2rem;
padding: 0;
}
.custom-btn {
width: 130px;
height: 40px;
color: #4c4f69;
border-radius: 5px;
padding: 10px 25px;
font-weight: 500;
background: transparent;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
display: inline-block;
box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5),
7px 7px 20px 0px rgba(0, 0, 0, .1),
4px 4px 5px 0px rgba(0, 0, 0, .1);
outline: none;
}
/* 8 */
.btn-1 {
background-color: #c6d0f5;
background-image: linear-gradient(315deg, #c6d0f5 0%, #fab387 74%);
line-height: 42px;
padding: 0;
border: none;
}
.btn-1 span {
position: relative;
display: block;
width: 100%;
height: 100%;
}
.btn-1:before,
.btn-1:after {
position: absolute;
content: "";
right: 0;
bottom: 0;
background: #fab387;
/*box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5),
-4px -4px 6px 0 rgba(116, 125, 136, .2),
inset -4px -4px 6px 0 rgba(255,255,255,.5),
inset 4px 4px 6px 0 rgba(116, 125, 136, .3);*/
transition: all 0.3s ease;
}
.btn-1:before {
height: 0%;
width: 2px;
}
.btn-1:after {
width: 0%;
height: 2px;
}
.btn-1:hover:before {
height: 100%;
}
.btn-1:hover:after {
width: 100%;
}
.btn-1:hover {
background: transparent;
}
.btn-1 span:hover {
color: #fab387;
}
.btn-1 span:before,
.btn-1 span:after {
position: absolute;
content: "";
left: 0;
top: 0;
background: #fab387;
/*box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5),
-4px -4px 6px 0 rgba(116, 125, 136, .2),
inset -4px -4px 6px 0 rgba(255,255,255,.5),
inset 4px 4px 6px 0 rgba(116, 125, 136, .3);*/
transition: all 0.3s ease;
}
.btn-1 span:before {
width: 2px;
height: 0%;
}
.btn-1 span:after {
height: 2px;
width: 0%;
}
.btn-1 span:hover:before {
height: 100%;
}
.btn-1 span:hover:after {
width: 100%;
} }

19
public/css/colors.css Normal file
View file

@ -0,0 +1,19 @@
:root {
--accent: 250, 179, 135;
--accent-light: 250, 221, 201;
--accent-dark: 149, 106, 81;
--accent-gradient: linear-gradient(45deg, rgb(var(--accent)), rgb(var(--accent-light)) 30%, white 60%);
color: white;
}
a:link {
color: #89b4fa
}
a:visited {
color: #b4befe
}
a:hover {
color: #89dceb
}

21
public/css/instructions.css Normal file
View file

@ -0,0 +1,21 @@
.instructions {
margin-bottom: 2rem;
border: 1px solid rgba(var(--accent-light), 25%);
background: linear-gradient(rgba(var(--accent-dark), 66%),
rgba(var(--accent-dark), 33%));
padding: 1.5rem;
border-radius: 8px;
}
.instructions code {
font-size: 0.8em;
font-weight: bold;
background: rgba(var(--accent-light), 12%);
color: rgb(var(--accent-light));
border-radius: 4px;
padding: 0.3em 0.4em;
}
.instructions strong {
color: rgb(var(--accent-light));
}

67
public/css/mystyle.css → public/css/limepot.css
View file

@ -1,11 +1,11 @@
@import "classes.css"; @import "classes.css";
@import "colors.css";
@font-face { @font-face {
font-family: standardGalactic; font-family: standardGalactic;
src: url(/fonts/galactic.ttf); src: url(/fonts/galactic.ttf);
} }
:root { :root {
background: repeat url("/assets/background.png"); background: repeat url("/assets/background.png");
-webkit-background-size: repeat; -webkit-background-size: repeat;
@ -13,30 +13,43 @@
-o-background-size: cover; -o-background-size: cover;
background-size: repeat; background-size: repeat;
--accent: 250, 179, 135;
--accent-light: 250, 221, 201;
--accent-dark: 149, 106, 81;
--accent-gradient: linear-gradient(45deg, rgb(var(--accent)), rgb(var(--accent-light)) 30%, white 60%);
}
html {
font-family: system-ui, sans-serif; font-family: system-ui, sans-serif;
background: #13151a;
background-size: 224px;
}
main {
margin: auto;
padding: 1rem; padding: 1rem;
width: 800px; width: 1000px;
max-width: calc(100% - 2rem); max-width: calc(100% - 2rem);
color: white;
font-size: 20px; font-size: 20px;
line-height: 1.6; line-height: 1.6;
margin: auto;
}
.content {
width: 85%;
max-width: 75em;
margin: auto;
padding: 0.5em;
margin-top: 1em;
margin-bottom: 1em;
border: 3px solid #fab387;
border-radius: 5px;
opacity: 0.9;
background: rgba(0, 0, 0, .66);
}
.small-quote {
font-size: smaller;
color: #a6adc8;
}
footer {
text-align: center;
}
figure {
text-align: center;
} }
audio { audio {
width: 100%; width: 100%;;
} }
h1 { h1 {
@ -46,27 +59,7 @@ h1 {
margin-bottom: 1em; margin-bottom: 1em;
} }
a:link {
color: #89b4fa
}
a:visited {
color: #b4befe
}
a:hover {
color: #89dceb
}
hr { hr {
width: 32%; width: 32%;
color: #6e738d; color: #6e738d;
} }
body {
color: #cdd6f4
}
p {
color: #cdd6f4
}

106
public/css/nav-buttons.css Normal file
View file

@ -0,0 +1,106 @@
.custom-btn {
width: 130px;
height: 40px;
color: #4c4f69;
border-radius: 5px;
padding: 10px 25px;
font-weight: 500;
background: transparent;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
display: inline-block;
box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5),
7px 7px 20px 0px rgba(0, 0, 0, .1),
4px 4px 5px 0px rgba(0, 0, 0, .1);
outline: none;
font-size: large;
}
/* 8 */
.btn-1 {
background-color: #c6d0f5;
background-image: linear-gradient(315deg, #c6d0f5 0%, #fab387 74%);
line-height: 42px;
padding: 0;
border: none;
}
.btn-1 span {
position: relative;
display: block;
width: 100%;
height: 100%;
}
.btn-1:before,
.btn-1:after {
position: absolute;
content: "";
right: 0;
bottom: 0;
background: #fab387;
/*box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5),
-4px -4px 6px 0 rgba(116, 125, 136, .2),
inset -4px -4px 6px 0 rgba(255,255,255,.5),
inset 4px 4px 6px 0 rgba(116, 125, 136, .3);*/
transition: all 0.3s ease;
}
.btn-1:before {
height: 0%;
width: 2px;
}
.btn-1:after {
width: 0%;
height: 2px;
}
.btn-1:hover:before {
height: 100%;
}
.btn-1:hover:after {
width: 100%;
}
.btn-1:hover {
background: transparent;
}
.btn-1 span:hover {
color: #fab387;
}
.btn-1 span:before,
.btn-1 span:after {
position: absolute;
content: "";
left: 0;
top: 0;
background: #fab387;
/*box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5),
-4px -4px 6px 0 rgba(116, 125, 136, .2),
inset -4px -4px 6px 0 rgba(255,255,255,.5),
inset 4px 4px 6px 0 rgba(116, 125, 136, .3);*/
transition: all 0.3s ease;
}
.btn-1 span:before {
width: 2px;
height: 0%;
}
.btn-1 span:after {
height: 2px;
width: 0%;
}
.btn-1 span:hover:before {
height: 100%;
}
.btn-1 span:hover:after {
width: 100%;
}

122
src/components/Footer.astro
View file

@ -1,42 +1,40 @@
--- ---
const today = new Date(); const today = new Date();
--- ---
<br><br> <br>
<center>
<footer class="footer"> <footer class="footer">
<div class="content has-text-centered"> <div class="content">
<hr>
<!--Badges--> <!--Badges-->
<a href="/buttons"><u>Mine Buttons</u></a> <a href="/buttons"><u>Mine Buttons</u></a>
<br> <br>
<a href="https://limepot.xyz/"><image src="/assets/badges/mine/limepotxyz.gif" alt="animation of a bunch of twinkling stars"/></a> <a href="https://limepot.xyz/"><image src="/assets/badges/mine/limepotxyz.gif" alt="animation of a bunch of twinkling stars" loading="lazy"/></a>
<image style="cursor:pointer;" onclick="toggleTheme()" src="/assets/badges/mine/standard-galactic-alphabet.png" alt="animation of a bunch of twinkling stars"/> <image style="cursor:pointer;" onclick="toggleTheme()" src="/assets/badges/mine/standard-galactic-alphabet.png" alt="animation of a bunch of twinkling stars" loading="lazy"/>
<br/><br> <br/><hr>
<a>Friendly Buttons</a> <a>Friendly Buttons</a>
<br> <br>
<a href="https://zvava.org/"><image src="/assets/badges/friends/zvava.org.png" alt="black background, with a slanted dark purple grid, and a purple outline, pink text saying 'zvava.org'"></a> <a href="https://zvava.org/"><image src="/assets/badges/friends/zvava.org.png" alt="black background, with a slanted dark purple grid, and a purple outline, pink text saying 'zvava.org'" loading="lazy"></a>
<a href="https://elke.cafe/"><image src="/assets/badges/friends/elke.cafe.gif" alt="dark static background, on the left side, a triquetra, in yellow/orange text 'elke.cafe'"></a> <a href="https://elke.cafe/"><image src="/assets/badges/friends/elke.cafe.gif" alt="dark static background, on the left side, a triquetra, in yellow/orange text 'elke.cafe'" loading="lazy"></a>
<a href="https://void.rehab/"><image src="/assets/badges/friends/void.rehab.png" alt="black background, with white, uh, thingies, on the sides 'void.rehab'"></a> <a href="https://void.rehab/"><image src="/assets/badges/friends/void.rehab.png" alt="black background, with white, uh, thingies, on the sides 'void.rehab'" loading="lazy"></a>
<a href="https://void.lgbt/"><image src="/assets/badges/friends/void.lgbt.gif" alt="gray static background, left void.lgbt icon, text on the right in black 'The Void'"></a> <a href="https://void.lgbt/"><image src="/assets/badges/friends/void.lgbt.gif" alt="gray static background, left void.lgbt icon, text on the right in black 'The Void'" loading="lazy"></a>
<br> <br>
<a href="https://micro.pages.gay/"><image src="/assets/badges/friends/niko.png" alt="prototype from oneshot giviing a :3c expression with a darker background and Micro in purple 500 from tailwindcss on the right with dithering between the two sections"></a> <a href="https://micro.pages.gay/"><image src="/assets/badges/friends/niko.png" alt="prototype from oneshot giviing a :3c expression with a darker background and Micro in purple 500 from tailwindcss on the right with dithering between the two sections" loading="lazy"></a>
<a href="https://loveshock.xyz/"><image src="/assets/badges/friends/loveshock.gif" alt="dark background, with a curved grid/web, with the text 'vist the jukebox at loveshock.xyz'"></a> <a href="https://loveshock.xyz/"><image src="/assets/badges/friends/loveshock.gif" alt="dark background, with a curved grid/web, with the text 'vist the jukebox at loveshock.xyz'" loading="lazy"></a>
<a href="https://csillagpor.net"><image src="/assets/badges/friends/mira-button.png" alt="miras button'"></a> <a href="https://csillagpor.net"><image src="/assets/badges/friends/mira-button.png" alt="miras button'" loading="lazy"></a>
<a href="https://voltrina.net"><image src="/assets/badges/friends/voltrina_badge.png" alt="volted rina"></a> <a href="https://voltrina.net"><image src="/assets/badges/friends/voltrina_badge.png" alt="volted rina" loading="lazy"></a>
<br> <br>
<a href="https://labyrinth.zone/users/yassie_j"><image src="/assets/badges/friends/wide_yas.png" alt="wide yaseen"></a> <a href="https://labyrinth.zone/users/yassie_j"><image src="/assets/badges/friends/wide_yas.png" alt="wide yaseen" loading="lazy"></a>
<a href="https://disarray.sh/"><image src="/assets/badges/friends/disarray.sh.png" alt="jade disarray site"></a> <a href="https://disarray.sh/"><image src="/assets/badges/friends/disarray.sh.png" alt="jade disarray site" loading="lazy"></a>
<a href="https://astrid.tech/"><image src="/assets/badges/friends/astrid.tech.png" alt="astrid dot tech"></a> <a href="https://astrid.tech/"><image src="/assets/badges/friends/astrid.tech.png" alt="astrid dot tech" loading="lazy"></a>
<a href="https://constellatory.net/"><image src="/assets/badges/friends/constellatory.net.png" alt="constellatory"></a> <a href="https://constellatory.net/"><image src="/assets/badges/friends/constellatory.net.png" alt="constellatory" loading="lazy"></a>
<br> <br>
<a href="https://labyrinth.zone/"><image src="/assets/badges/friends/labyrinth_zone.gif" alt="constellatory"></a> <a href="https://labyrinth.zone/"><image src="/assets/badges/friends/labyrinth_zone.gif" alt="constellatory" loading="lazy"></a>
<br/><br> <br/><hr>
<a>Other Buttons</a> <a>Other Buttons</a>
<br> <br>
<a href="https://jointhefediverse.net/"><image src="/assets/badges/FEDERATE-NOW.jpg" alt="Fediverse icon 'Federate Now!'"/></a> <a href="https://jointhefediverse.net/"><image src="/assets/badges/FEDERATE-NOW.jpg" alt="Fediverse icon 'Federate Now!'" loading="lazy"/></a>
<a href="https://gnu.org"><image src="/assets/badges/gnu-linux.gif" alt="Tux mascott 'Made on GNU/Linux'"/></a> <a href="https://gnu.org"><image src="/assets/badges/gnu-linux.gif" alt="Tux mascott 'Made on GNU/Linux'" loading="lazy"/></a>
<a href="https://fuckoffgoogle.de/"><image src="/assets/badges/google_stand.gif" alt="Fight against monopolistic practices, stand up to google!"/></a> <a href="https://fuckoffgoogle.de/"><image src="/assets/badges/google_stand.gif" alt="Fight against monopolistic practices, stand up to google!" loading="lazy"/></a>
<a href="https://privacytests.org/"><image src="/assets/badges/chrmevil.gif" alt="Google Chrome is Evil!"/></a> <a href="https://privacytests.org/"><image src="/assets/badges/chrmevil.gif" alt="Google Chrome is Evil!" loading="lazy"/></a>
<iframe <iframe
src="//incr.easrng.net/badge?key=limepot" src="//incr.easrng.net/badge?key=limepot"
style="background: url(//incr.easrng.net/bg.gif)" style="background: url(//incr.easrng.net/bg.gif)"
@ -45,66 +43,28 @@ const today = new Date();
height="31" height="31"
frameborder="0"></iframe> frameborder="0"></iframe>
<br> <br>
<a href="https://privacytests.org/"><image src="/assets/badges/anythingbut.gif" alt="Anything But Chrome"/></a> <a href="https://privacytests.org/"><image src="/assets/badges/anythingbut.gif" alt="Anything But Chrome" loading="lazy"/></a>
<a href="https://archlinux.org/"><image src="/assets/badges/archlinux.gif" alt="Archlinux badge"/></a> <a href="https://archlinux.org/"><image src="/assets/badges/archlinux.gif" alt="Archlinux badge" loading="lazy"/></a>
<a href="https://transfemscience.org/"><image src="/assets/badges/transfemscience.org.gif" alt="Trans Your Gender"/></a> <a href="https://transfemscience.org/"><image src="/assets/badges/transfemscience.org.gif" alt="Trans Your Gender" loading="lazy"/></a>
<a href="https://vscodium.com/"><image src="/assets/badges/vscodium.com.png" alt="Made with Vscodium"/></a> <a href="https://vscodium.com/"><image src="/assets/badges/vscodium.com.png" alt="Made with Vscodium" loading="lazy"/></a>
<a href="https://www.java.com/"><image src="/assets/badges/get_java.gif" alt="Get Java Now"/></a> <a href="https://www.java.com/"><image src="/assets/badges/get_java.gif" alt="Get Java Now" loading="lazy"/></a>
<br> <br>
<a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Flimepot.xyz%2F"><image src="/assets/badges/validator.w3.org.png" alt="Invalid w3c html"/></a> <a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Flimepot.xyz%2F"><image src="/assets/badges/validator.w3.org.png" alt="Invalid w3c html" loading="lazy"/></a>
<a href="https://www.anera.org/"><image src="/assets/badges/anera.org.png" alt="Free palestine"/></a> <a href="https://www.anera.org/"><image src="/assets/badges/anera.org.png" alt="Free palestine" loading="lazy"/></a>
<a href="https://www.aseprite.org/"><image src="/assets/badges/ase-logo.gif" alt="Made with Aseprite"/></a> <a href="https://www.aseprite.org/"><image src="/assets/badges/ase-logo.gif" alt="Made with Aseprite" loading="lazy"/></a>
<a href="https://store.steampowered.com/app/70/HalfLife"><image src="/assets/badges/hl.gif" alt="Half-Life"/></a> <a href="https://store.steampowered.com/app/70/HalfLife"><image src="/assets/badges/hl.gif" alt="Half-Life" loading="lazy"/></a>
<image src="/assets/badges/blink.gif" alt="Anime girl blinking"/> <image src="/assets/badges/blink.gif" alt="Anime girl blinking" loading="lazy"/>
<br> <br>
<a href="https://marijuana.procon.org/"><image src="/assets/badges/legalize.gif" alt="Legalize Marijuana"/> <!-- <a href="https://marijuana.procon.org/"><image src="/assets/badges/legalize.gif" alt="Legalize Marijuana" loading="lazy"/>-->
<hr>
<a>Web Rings</a>
<br> <br>
<p>
<a href="https://fediring.net/previous?host=limepot.xyz" style="font-size: 45px">←</a> <a href="https://fediring.net/previous?host=limepot.xyz" style="font-size: 45px">←</a>
<a href="https://fediring.net/"><image src="/assets/badges/fediring-badge.gif" alt="Fediring badge"></image></a> <a href="https://fediring.net/"><image src="/assets/badges/fediring-badge.gif" alt="Fediring badge" loading="lazy"></a>
<a href="https://fediring.net/next?host=limepot.xyz" style="font-size: 45px">→</a> <a href="https://fediring.net/next?host=limepot.xyz" style="font-size: 45px">→</a>
</p> <!-- <image src="/assets/webrings/phonewave.png" style="height: 32; width: 32;">-->
</div>
<!--Badges--> <div class="content">
<hr><br><br> <p class="small-quote">El. Psy. Kongroo.</p>
<a href="https://astro.build">
<img
src="/assets/badges/made-with-astro.svg"
alt="Built with Astro"
width="128"
height="24"
/>
</a>
<br />
<a href="https://github.com/catppuccin/catppuccin">
<img
src="https://img.shields.io/badge/Catppuccin-Mocha%20Peach-fe640b"
width="180"
height="20"
alt="Catppuccin Mocha Peach"
/>
</a>
<a
href="https://git.nullafati.xyz/LimePotato/limepot-xyz"
>
<img
src="https://img.shields.io/badge/Site-Source-lightgrey.svg"
width="94.2"
height="20"
alt="Site Source"
/>
</a>
<br />
<a href="https://up.ouroboros.group/status/obos"
><u>Experiencing downtimes?</u></a
>
</image></a
>
</a></a
></a
></a>
</div> </div>
</footer> </footer>
</center>
<br><br>

2
src/components/Head.astro
View file

@ -9,7 +9,7 @@ const canonicalURL = new URL(Astro.url.pathname, Astro.site);
const { title, description } = Astro.props; const { title, description } = Astro.props;
--- ---
<link rel="stylesheet" href="/css/mystyle.css" /> <link rel="stylesheet" href="/css/limepot.css" />
<link <link
rel="alternate" rel="alternate"
type="application/rss+xml" type="application/rss+xml"

38
src/components/Header.astro
View file

@ -1,18 +1,28 @@
--- ---
import HeaderLink from './HeaderLink.astro'; import HeaderLink from "./HeaderLink.astro";
import { SITE_TITLE } from '../consts'; import { SITE_TITLE } from "../consts";
--- ---
<center> <nav class="menu content">
<nav class="navbar" role="navigation" aria-label="main navigation"> <button
<div class="navbar-menu" id="navMenu"> class="custom-btn btn-1"
<div class="navbar-start"> type="button"
<button class="custom-btn btn-1 navbar-item" type="button" onclick="location.href='/'" ><span>LimePot</span></button> onclick="location.href='/'">
<button class="custom-btn btn-1 navbar-item" type="button" onclick="location.href='/projects'" ><span>Projects</span></button> <span>Home</span>
<button class="custom-btn btn-1 navbar-item" type="button" onclick="location.href='/blog'" ><span>Blog</span></button> </button>
</div>
</div> <button
class="custom-btn btn-1"
type="button"
onclick="location.href='/projects'">
<span>Projects</span>
</button>
<button
class="custom-btn btn-1"
type="button"
onclick="location.href='/blog'">
<span>Blog</span>
</button>
</nav> </nav>
<div class="navbar-end"> <br>
</div>
</center>

6
src/layouts/Layout.astro
View file

@ -15,13 +15,9 @@ const { title } = Astro.props;
<Head /> <Head />
<title>{title}</title> <title>{title}</title>
</head> </head>
<body onload="redirect()"> <body onload="redirect()" id="body">
<Header /> <Header />
<section class="section">
<div class="container">
<slot /> <slot />
</div>
</section>
<Footer /> <Footer />
<script type='text/javascript' src='/scripts/fuckchrome.js'></script> <script type='text/javascript' src='/scripts/fuckchrome.js'></script>
<script type='text/javascript' src='/scripts/galactic-font.js'></script> <script type='text/javascript' src='/scripts/galactic-font.js'></script>

31
src/pages/index.astro
View file

@ -5,34 +5,32 @@ import Card from "../components/Card.astro";
<Layout title="LimePot"> <Layout title="LimePot">
<main> <main>
<div class="content" style="text-align: center;"> <div class="content">
<marquee Behavior="Alternate"> <marquee Behavior="Alternate">
<h2 class="title">LimePotato</h2> <h2 class="title">LimePotato</h2>
</marquee> </marquee>
<hr /> <h3 class="subtitle" style="text-align: center;">Welcome to my little corner :3</h3>
</div>
<div class="content">
<figure> <figure>
<figcaption> <figcaption>
Some Ambience? <span>Some Ambience?</span>
<br /> <br />
<span style="font-size: smaller; color: #a6adc8;" <span style="font-size: smaller; color: #a6adc8;">(Might take a moment to load)</span>
>(Might take a moment to load)</span
>
<br />
<span style="font-size: smaller;">
<a
href="/assets/sounds/ambience/383506__klankbeeld__pinewood-in-memoriam-febr-05-nl-giersbergen-33db-170215_1085.flac"
>Download File</a
>
</span>
</figcaption> </figcaption>
<audio <audio
controls controls
src="/assets/sounds/ambience/383506__klankbeeld__pinewood-in-memoriam-febr-05-nl-giersbergen-33db-170215_1085.flac" src="/assets/sounds/ambience/383506__klankbeeld__pinewood-in-memoriam-febr-05-nl-giersbergen-33db-170215_1085.flac"
type="audio/flac"
> >
</audio> </audio>
<span style="font-size: small;">
<a href="/assets/sounds/ambience/383506__klankbeeld__pinewood-in-memoriam-febr-05-nl-giersbergen-33db-170215_1085.flac">
Download File
</a>
</span>
</figure> </figure>
<hr /> </div>
<div class="content">
<p> <p>
Howdy! You can call me <span style="color: #fab387;">[Nelle]</span>, Howdy! You can call me <span style="color: #fab387;">[Nelle]</span>,
although some call me <span style="color: #fab387;" although some call me <span style="color: #fab387;"
@ -51,7 +49,8 @@ import Card from "../components/Card.astro";
Systems administration, pixel art, 3D Printing, Tinkering, and really Systems administration, pixel art, 3D Printing, Tinkering, and really
just whatever hits the dopamine in the right spot. just whatever hits the dopamine in the right spot.
</p> </p>
<br> </div>
<div class="content">
<h2 class="subtitle">Contact Information</h2> <h2 class="subtitle">Contact Information</h2>
<p><a href="mailto:bm01@limepot.xyz">==> Email</a></p> <p><a href="mailto:bm01@limepot.xyz">==> Email</a></p>
<p><a href="https://steamcommunity.com/id/limepot/">==> Steam</a></p> <p><a href="https://steamcommunity.com/id/limepot/">==> Steam</a></p>