ReStyle #1

Merged
limepotato merged 5 commits from restyle into main 2024-06-25 11:17:13 -06:00
6 changed files with 3476 additions and 61 deletions
Showing only changes of commit 5d99ad0f61 - Show all commits

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

3416
public/css/bulma.css vendored Normal file

File diff suppressed because it is too large Load diff

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>

View file

@ -20,6 +20,7 @@
<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>
<br>
<a href="https://csillagpor.net"><image src="/assets/badges/friends/mira-button.png" alt="miras button'"></a>
<a href="https://voltrina.net"><image src="/assets/badges/friends/voltrina_badge.png" alt="volted rina"></a>
<br/><br>
<a>Other Buttons</a>
<br>

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" />

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 -->