a bit of formatting

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

View file

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

View file

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

View file

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