a bit of formatting
This commit is contained in:
parent
84cc31b48c
commit
4566b91cdb
3 changed files with 59 additions and 61 deletions
|
|
@ -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>→</span>
|
<span>→</span>
|
||||||
</h2>
|
</h2>
|
||||||
|
|
|
||||||
|
|
@ -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" />
|
|
||||||
|
|
|
||||||
|
|
@ -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 -->
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue