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

a bit of formatting

Browse source
This commit is contained in:
nelle 2024-06-25 11:16:39 -06:00
parent 84cc31b48c
commit 4566b91cdb
3 changed files with 59 additions and 61 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/Card.astro
View file

@ -13,7 +13,7 @@ const { href, title, body, source, alt } = Astro.props;
<li class="link-card">
<a href={href} class="informational">
<h2>
<img src={source} width="24" height="24" alt={alt}/>
<img src={source} width="24" height="24" alt={alt} />
{title}
<span>&rarr;</span>
</h2>

15
src/components/Head.astro
View file

@ -1,10 +1,9 @@
---
---
---
<meta charset="UTF-8" />
<meta name="description" content="Personal website of LimePotato">
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />
<link rel="stylesheet" href="/css/mystyle.css">
<link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" />
<meta charset="UTF-8" />
<meta name="description" content="Personal website of LimePotato" />
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />
<link rel="stylesheet" href="/css/mystyle.css" />
<link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" />

103
src/components/Header.astro
View file

@ -2,71 +2,70 @@
---
<center>
<nav class="navbar" role="navigation" aria-label="main navigation" >
<div class="navbar-brand">
<a
role="button"
class="navbar-burger"
data-target="navMenu"
aria-label="menu"
aria-expanded="false"
>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div class="navbar-menu" id="navMenu">
<div class="navbar-start">
<a class="navbar-item" href="/">
<span class="text-gradient">LimePot</span>
</a>
<a class="navbar-item" href="/projects">
<span class="text-gradient">Projects</span>
</a>
<a class="navbar-item" href="/blog">
<span class="text-gradient">Blog</span>
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a
role="button"
class="navbar-burger"
data-target="navMenu"
aria-label="menu"
aria-expanded="false"
>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
</div>
</nav>
<div class="navbar-end">
<!--
<div class="navbar-menu" id="navMenu">
<div class="navbar-start">
<a class="navbar-item" href="/">
<span class="text-gradient">LimePot</span>
</a>
<a class="navbar-item" href="/projects">
<span class="text-gradient">Projects</span>
</a>
<a class="navbar-item" href="/blog">
<span class="text-gradient">Blog</span>
</a>
</div>
</div>
</nav>
<div class="navbar-end">
<!--
<a class="navbar-item" href="https://ko-fi.com/limepot">
<img src="/assets/other-branding/ko-fi-button-red.png">
</a>
-->
<!--
<!--
<a class="navbar-item" href="https://likeitsthe90s.limepot.xyz/">
Lets act like its the 90s
</a>
-->
</div>
<!-- This JS is required for mobile users to navigate the site, working on a mobile alternative -->
<script>
document.addEventListener("DOMContentLoaded", () => {
// Get all "navbar-burger" elements
const $navbarBurgers = Array.prototype.slice.call(
document.querySelectorAll(".navbar-burger"),
0
);
</div>
<!-- This JS is required for mobile users to navigate the site, working on a mobile alternative -->
<script>
document.addEventListener("DOMContentLoaded", () => {
// Get all "navbar-burger" elements
const $navbarBurgers = Array.prototype.slice.call(
document.querySelectorAll(".navbar-burger"),
0
);
// Add a click event on each of them
$navbarBurgers.forEach((el) => {
el.addEventListener("click", () => {
// Get the target from the "data-target" attribute
const target = el.dataset.target;
const $target = document.getElementById(target);
// Add a click event on each of them
$navbarBurgers.forEach((el) => {
el.addEventListener("click", () => {
// Get the target from the "data-target" attribute
const target = el.dataset.target;
const $target = document.getElementById(target);
// Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
el.classList.toggle("is-active");
$target.classList.toggle("is-active");
// Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
el.classList.toggle("is-active");
$target.classList.toggle("is-active");
});
});
});
});
</script>
</script>
</center>
<!-- This JS is required for mobile users to navigate the site, working on a mobile alternative -->