add blog button
This commit is contained in:
parent
c376c0eb83
commit
4681ed7441
10 changed files with 314 additions and 279 deletions
6
.vscode/launch.json
vendored
6
.vscode/launch.json
vendored
|
@ -1,6 +1,12 @@
|
||||||
{
|
{
|
||||||
"version": "0.2.0",
|
"version": "0.2.0",
|
||||||
"configurations": [
|
"configurations": [
|
||||||
|
{
|
||||||
|
"command": "./node_modules/.bin/astro build",
|
||||||
|
"name": "Build prod",
|
||||||
|
"request": "launch",
|
||||||
|
"type": "node-terminal"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"command": "./node_modules/.bin/astro dev",
|
"command": "./node_modules/.bin/astro dev",
|
||||||
"name": "Development server",
|
"name": "Development server",
|
||||||
|
|
60
dist/about/index.html
vendored
60
dist/about/index.html
vendored
|
@ -18,41 +18,43 @@
|
||||||
</script></head>
|
</script></head>
|
||||||
<body>
|
<body>
|
||||||
<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 class="navbar-item" href="/">
|
<a class="navbar-item" href="/">
|
||||||
<img src="/assets/profileimages/lunanelle.jpeg" style="border-radius: 20%">
|
<img src="/assets/profileimages/lunanelle.jpeg" style="border-radius: 20%">
|
||||||
<span class="text-gradient">LimePot</span>
|
<span class="text-gradient">LimePot</span>
|
||||||
|
</a>
|
||||||
|
<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="/about">
|
||||||
|
<span class="text-gradient">About Me</span>
|
||||||
</a>
|
</a>
|
||||||
<a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
|
|
||||||
<span aria-hidden="true"></span>
|
<a class="navbar-item" href="/projects">
|
||||||
<span aria-hidden="true"></span>
|
<span class="text-gradient">Projects</span>
|
||||||
<span aria-hidden="true"></span>
|
</a>
|
||||||
|
|
||||||
|
<a class="navbar-item" href="/blog">
|
||||||
|
<span class="text-gradient">Blog</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="navbar-menu" id="navMenu">
|
</div>
|
||||||
<div class="navbar-start">
|
</nav>
|
||||||
<a class="navbar-item" href="/about">
|
<div class="navbar-end">
|
||||||
<span class="text-gradient">About Me</span>
|
<!--
|
||||||
</a>
|
|
||||||
|
|
||||||
<a class="navbar-item" href="/projects">
|
|
||||||
<span class="text-gradient">Projects</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<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>-->
|
||||||
</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 -->
|
<!-- 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 -->
|
|
||||||
</nav>
|
|
||||||
<section class="section">
|
<section class="section">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|
||||||
|
|
60
dist/blog/index.html
vendored
60
dist/blog/index.html
vendored
|
@ -18,41 +18,43 @@
|
||||||
</script></head>
|
</script></head>
|
||||||
<body>
|
<body>
|
||||||
<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 class="navbar-item" href="/">
|
<a class="navbar-item" href="/">
|
||||||
<img src="/assets/profileimages/lunanelle.jpeg" style="border-radius: 20%">
|
<img src="/assets/profileimages/lunanelle.jpeg" style="border-radius: 20%">
|
||||||
<span class="text-gradient">LimePot</span>
|
<span class="text-gradient">LimePot</span>
|
||||||
|
</a>
|
||||||
|
<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="/about">
|
||||||
|
<span class="text-gradient">About Me</span>
|
||||||
</a>
|
</a>
|
||||||
<a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
|
|
||||||
<span aria-hidden="true"></span>
|
<a class="navbar-item" href="/projects">
|
||||||
<span aria-hidden="true"></span>
|
<span class="text-gradient">Projects</span>
|
||||||
<span aria-hidden="true"></span>
|
</a>
|
||||||
|
|
||||||
|
<a class="navbar-item" href="/blog">
|
||||||
|
<span class="text-gradient">Blog</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="navbar-menu" id="navMenu">
|
</div>
|
||||||
<div class="navbar-start">
|
</nav>
|
||||||
<a class="navbar-item" href="/about">
|
<div class="navbar-end">
|
||||||
<span class="text-gradient">About Me</span>
|
<!--
|
||||||
</a>
|
|
||||||
|
|
||||||
<a class="navbar-item" href="/projects">
|
|
||||||
<span class="text-gradient">Projects</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<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>-->
|
||||||
</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 -->
|
<!-- 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 -->
|
|
||||||
</nav>
|
|
||||||
<section class="section">
|
<section class="section">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|
||||||
|
|
60
dist/boilerplate/index.html
vendored
60
dist/boilerplate/index.html
vendored
|
@ -17,41 +17,43 @@
|
||||||
</script></head>
|
</script></head>
|
||||||
<body>
|
<body>
|
||||||
<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 class="navbar-item" href="/">
|
<a class="navbar-item" href="/">
|
||||||
<img src="/assets/profileimages/lunanelle.jpeg" style="border-radius: 20%">
|
<img src="/assets/profileimages/lunanelle.jpeg" style="border-radius: 20%">
|
||||||
<span class="text-gradient">LimePot</span>
|
<span class="text-gradient">LimePot</span>
|
||||||
|
</a>
|
||||||
|
<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="/about">
|
||||||
|
<span class="text-gradient">About Me</span>
|
||||||
</a>
|
</a>
|
||||||
<a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
|
|
||||||
<span aria-hidden="true"></span>
|
<a class="navbar-item" href="/projects">
|
||||||
<span aria-hidden="true"></span>
|
<span class="text-gradient">Projects</span>
|
||||||
<span aria-hidden="true"></span>
|
</a>
|
||||||
|
|
||||||
|
<a class="navbar-item" href="/blog">
|
||||||
|
<span class="text-gradient">Blog</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="navbar-menu" id="navMenu">
|
</div>
|
||||||
<div class="navbar-start">
|
</nav>
|
||||||
<a class="navbar-item" href="/about">
|
<div class="navbar-end">
|
||||||
<span class="text-gradient">About Me</span>
|
<!--
|
||||||
</a>
|
|
||||||
|
|
||||||
<a class="navbar-item" href="/projects">
|
|
||||||
<span class="text-gradient">Projects</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<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>-->
|
||||||
</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 -->
|
<!-- 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 -->
|
|
||||||
</nav>
|
|
||||||
<section class="section">
|
<section class="section">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|
||||||
|
|
60
dist/index.html
vendored
60
dist/index.html
vendored
|
@ -17,41 +17,43 @@
|
||||||
</script></head>
|
</script></head>
|
||||||
<body>
|
<body>
|
||||||
<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 class="navbar-item" href="/">
|
<a class="navbar-item" href="/">
|
||||||
<img src="/assets/profileimages/lunanelle.jpeg" style="border-radius: 20%">
|
<img src="/assets/profileimages/lunanelle.jpeg" style="border-radius: 20%">
|
||||||
<span class="text-gradient">LimePot</span>
|
<span class="text-gradient">LimePot</span>
|
||||||
|
</a>
|
||||||
|
<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="/about">
|
||||||
|
<span class="text-gradient">About Me</span>
|
||||||
</a>
|
</a>
|
||||||
<a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
|
|
||||||
<span aria-hidden="true"></span>
|
<a class="navbar-item" href="/projects">
|
||||||
<span aria-hidden="true"></span>
|
<span class="text-gradient">Projects</span>
|
||||||
<span aria-hidden="true"></span>
|
</a>
|
||||||
|
|
||||||
|
<a class="navbar-item" href="/blog">
|
||||||
|
<span class="text-gradient">Blog</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="navbar-menu" id="navMenu">
|
</div>
|
||||||
<div class="navbar-start">
|
</nav>
|
||||||
<a class="navbar-item" href="/about">
|
<div class="navbar-end">
|
||||||
<span class="text-gradient">About Me</span>
|
<!--
|
||||||
</a>
|
|
||||||
|
|
||||||
<a class="navbar-item" href="/projects">
|
|
||||||
<span class="text-gradient">Projects</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<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>-->
|
||||||
</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 -->
|
<!-- 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 -->
|
|
||||||
</nav>
|
|
||||||
<section class="section">
|
<section class="section">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|
||||||
|
|
60
dist/policy/index.html
vendored
60
dist/policy/index.html
vendored
|
@ -17,41 +17,43 @@
|
||||||
</script></head>
|
</script></head>
|
||||||
<body>
|
<body>
|
||||||
<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 class="navbar-item" href="/">
|
<a class="navbar-item" href="/">
|
||||||
<img src="/assets/profileimages/lunanelle.jpeg" style="border-radius: 20%">
|
<img src="/assets/profileimages/lunanelle.jpeg" style="border-radius: 20%">
|
||||||
<span class="text-gradient">LimePot</span>
|
<span class="text-gradient">LimePot</span>
|
||||||
|
</a>
|
||||||
|
<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="/about">
|
||||||
|
<span class="text-gradient">About Me</span>
|
||||||
</a>
|
</a>
|
||||||
<a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
|
|
||||||
<span aria-hidden="true"></span>
|
<a class="navbar-item" href="/projects">
|
||||||
<span aria-hidden="true"></span>
|
<span class="text-gradient">Projects</span>
|
||||||
<span aria-hidden="true"></span>
|
</a>
|
||||||
|
|
||||||
|
<a class="navbar-item" href="/blog">
|
||||||
|
<span class="text-gradient">Blog</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="navbar-menu" id="navMenu">
|
</div>
|
||||||
<div class="navbar-start">
|
</nav>
|
||||||
<a class="navbar-item" href="/about">
|
<div class="navbar-end">
|
||||||
<span class="text-gradient">About Me</span>
|
<!--
|
||||||
</a>
|
|
||||||
|
|
||||||
<a class="navbar-item" href="/projects">
|
|
||||||
<span class="text-gradient">Projects</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<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>-->
|
||||||
</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 -->
|
<!-- 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 -->
|
|
||||||
</nav>
|
|
||||||
<section class="section">
|
<section class="section">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|
||||||
|
|
60
dist/posts/post-1/index.html
vendored
60
dist/posts/post-1/index.html
vendored
|
@ -14,41 +14,43 @@
|
||||||
<link rel="stylesheet" href="/_astro/about.4daafeb6.css" /><script type="module">document.addEventListener("DOMContentLoaded",()=>{Array.prototype.slice.call(document.querySelectorAll(".navbar-burger"),0).forEach(t=>{t.addEventListener("click",()=>{const e=t.dataset.target,a=document.getElementById(e);t.classList.toggle("is-active"),a.classList.toggle("is-active")})})});
|
<link rel="stylesheet" href="/_astro/about.4daafeb6.css" /><script type="module">document.addEventListener("DOMContentLoaded",()=>{Array.prototype.slice.call(document.querySelectorAll(".navbar-burger"),0).forEach(t=>{t.addEventListener("click",()=>{const e=t.dataset.target,a=document.getElementById(e);t.classList.toggle("is-active"),a.classList.toggle("is-active")})})});
|
||||||
</script></head>
|
</script></head>
|
||||||
<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 class="navbar-item" href="/">
|
<a class="navbar-item" href="/">
|
||||||
<img src="/assets/profileimages/lunanelle.jpeg" style="border-radius: 20%">
|
<img src="/assets/profileimages/lunanelle.jpeg" style="border-radius: 20%">
|
||||||
<span class="text-gradient">LimePot</span>
|
<span class="text-gradient">LimePot</span>
|
||||||
|
</a>
|
||||||
|
<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="/about">
|
||||||
|
<span class="text-gradient">About Me</span>
|
||||||
</a>
|
</a>
|
||||||
<a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
|
|
||||||
<span aria-hidden="true"></span>
|
<a class="navbar-item" href="/projects">
|
||||||
<span aria-hidden="true"></span>
|
<span class="text-gradient">Projects</span>
|
||||||
<span aria-hidden="true"></span>
|
</a>
|
||||||
|
|
||||||
|
<a class="navbar-item" href="/blog">
|
||||||
|
<span class="text-gradient">Blog</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="navbar-menu" id="navMenu">
|
</div>
|
||||||
<div class="navbar-start">
|
</nav>
|
||||||
<a class="navbar-item" href="/about">
|
<div class="navbar-end">
|
||||||
<span class="text-gradient">About Me</span>
|
<!--
|
||||||
</a>
|
|
||||||
|
|
||||||
<a class="navbar-item" href="/projects">
|
|
||||||
<span class="text-gradient">Projects</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<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>-->
|
||||||
</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 -->
|
<!-- 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 -->
|
|
||||||
</nav>
|
|
||||||
<center>
|
<center>
|
||||||
<h1 class="title">My First Blog Post</h1>
|
<h1 class="title">My First Blog Post</h1>
|
||||||
<h2 class="subtitle"><em>Summary: This is the first post of my new blog. - Written by LimePotato on 2023-10-29</em></h2>
|
<h2 class="subtitle"><em>Summary: This is the first post of my new blog. - Written by LimePotato on 2023-10-29</em></h2>
|
||||||
|
|
60
dist/posts/post-2/index.html
vendored
60
dist/posts/post-2/index.html
vendored
|
@ -14,41 +14,43 @@
|
||||||
<link rel="stylesheet" href="/_astro/about.4daafeb6.css" /><script type="module">document.addEventListener("DOMContentLoaded",()=>{Array.prototype.slice.call(document.querySelectorAll(".navbar-burger"),0).forEach(t=>{t.addEventListener("click",()=>{const e=t.dataset.target,a=document.getElementById(e);t.classList.toggle("is-active"),a.classList.toggle("is-active")})})});
|
<link rel="stylesheet" href="/_astro/about.4daafeb6.css" /><script type="module">document.addEventListener("DOMContentLoaded",()=>{Array.prototype.slice.call(document.querySelectorAll(".navbar-burger"),0).forEach(t=>{t.addEventListener("click",()=>{const e=t.dataset.target,a=document.getElementById(e);t.classList.toggle("is-active"),a.classList.toggle("is-active")})})});
|
||||||
</script></head>
|
</script></head>
|
||||||
<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 class="navbar-item" href="/">
|
<a class="navbar-item" href="/">
|
||||||
<img src="/assets/profileimages/lunanelle.jpeg" style="border-radius: 20%">
|
<img src="/assets/profileimages/lunanelle.jpeg" style="border-radius: 20%">
|
||||||
<span class="text-gradient">LimePot</span>
|
<span class="text-gradient">LimePot</span>
|
||||||
|
</a>
|
||||||
|
<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="/about">
|
||||||
|
<span class="text-gradient">About Me</span>
|
||||||
</a>
|
</a>
|
||||||
<a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
|
|
||||||
<span aria-hidden="true"></span>
|
<a class="navbar-item" href="/projects">
|
||||||
<span aria-hidden="true"></span>
|
<span class="text-gradient">Projects</span>
|
||||||
<span aria-hidden="true"></span>
|
</a>
|
||||||
|
|
||||||
|
<a class="navbar-item" href="/blog">
|
||||||
|
<span class="text-gradient">Blog</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="navbar-menu" id="navMenu">
|
</div>
|
||||||
<div class="navbar-start">
|
</nav>
|
||||||
<a class="navbar-item" href="/about">
|
<div class="navbar-end">
|
||||||
<span class="text-gradient">About Me</span>
|
<!--
|
||||||
</a>
|
|
||||||
|
|
||||||
<a class="navbar-item" href="/projects">
|
|
||||||
<span class="text-gradient">Projects</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<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>-->
|
||||||
</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 -->
|
<!-- 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 -->
|
|
||||||
</nav>
|
|
||||||
<center>
|
<center>
|
||||||
<h1 class="title">My Second Blog Post</h1>
|
<h1 class="title">My Second Blog Post</h1>
|
||||||
<h2 class="subtitle"><em>Summary: This is the second post of my new blog. - Written by LimePotato on 2023-10-29</em></h2>
|
<h2 class="subtitle"><em>Summary: This is the second post of my new blog. - Written by LimePotato on 2023-10-29</em></h2>
|
||||||
|
|
60
dist/projects/index.html
vendored
60
dist/projects/index.html
vendored
|
@ -18,41 +18,43 @@
|
||||||
</script></head>
|
</script></head>
|
||||||
<body>
|
<body>
|
||||||
<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 class="navbar-item" href="/">
|
<a class="navbar-item" href="/">
|
||||||
<img src="/assets/profileimages/lunanelle.jpeg" style="border-radius: 20%">
|
<img src="/assets/profileimages/lunanelle.jpeg" style="border-radius: 20%">
|
||||||
<span class="text-gradient">LimePot</span>
|
<span class="text-gradient">LimePot</span>
|
||||||
|
</a>
|
||||||
|
<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="/about">
|
||||||
|
<span class="text-gradient">About Me</span>
|
||||||
</a>
|
</a>
|
||||||
<a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
|
|
||||||
<span aria-hidden="true"></span>
|
<a class="navbar-item" href="/projects">
|
||||||
<span aria-hidden="true"></span>
|
<span class="text-gradient">Projects</span>
|
||||||
<span aria-hidden="true"></span>
|
</a>
|
||||||
|
|
||||||
|
<a class="navbar-item" href="/blog">
|
||||||
|
<span class="text-gradient">Blog</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="navbar-menu" id="navMenu">
|
</div>
|
||||||
<div class="navbar-start">
|
</nav>
|
||||||
<a class="navbar-item" href="/about">
|
<div class="navbar-end">
|
||||||
<span class="text-gradient">About Me</span>
|
<!--
|
||||||
</a>
|
|
||||||
|
|
||||||
<a class="navbar-item" href="/projects">
|
|
||||||
<span class="text-gradient">Projects</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<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>-->
|
||||||
</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 -->
|
<!-- 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 -->
|
|
||||||
</nav>
|
|
||||||
<section class="section">
|
<section class="section">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|
||||||
|
|
|
@ -1,58 +1,71 @@
|
||||||
---
|
---
|
||||||
---
|
---
|
||||||
|
|
||||||
<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 class="navbar-item" href="/">
|
<a class="navbar-item" href="/">
|
||||||
<img src="/assets/profileimages/lunanelle.jpeg" style="border-radius: 20%">
|
<img
|
||||||
<span class="text-gradient">LimePot</span>
|
src="/assets/profileimages/lunanelle.jpeg"
|
||||||
|
style="border-radius: 20%"
|
||||||
|
/>
|
||||||
|
<span class="text-gradient">LimePot</span>
|
||||||
|
</a>
|
||||||
|
<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="/about">
|
||||||
|
<span class="text-gradient">About Me</span>
|
||||||
</a>
|
</a>
|
||||||
<a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
|
|
||||||
<span aria-hidden="true"></span>
|
<a class="navbar-item" href="/projects">
|
||||||
<span aria-hidden="true"></span>
|
<span class="text-gradient">Projects</span>
|
||||||
<span aria-hidden="true"></span>
|
</a>
|
||||||
|
|
||||||
|
<a class="navbar-item" href="/blog">
|
||||||
|
<span class="text-gradient">Blog</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="navbar-menu" id="navMenu">
|
</div>
|
||||||
<div class="navbar-start">
|
</nav>
|
||||||
<a class="navbar-item" href="/about">
|
<div class="navbar-end">
|
||||||
<span class="text-gradient">About Me</span>
|
<!--
|
||||||
</a>
|
|
||||||
|
|
||||||
<a class="navbar-item" href="/projects">
|
|
||||||
<span class="text-gradient">Projects</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<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>-->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</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
|
<!-- This JS is required for mobile users to navigate the site, working on a mobile alternative -->
|
||||||
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
|
<script>
|
||||||
|
document.addEventListener("DOMContentLoaded", () => {
|
||||||
// Add a click event on each of them
|
// Get all "navbar-burger" elements
|
||||||
$navbarBurgers.forEach( el => {
|
const $navbarBurgers = Array.prototype.slice.call(
|
||||||
el.addEventListener('click', () => {
|
document.querySelectorAll(".navbar-burger"),
|
||||||
|
0
|
||||||
// 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) => {
|
||||||
// Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
|
el.addEventListener("click", () => {
|
||||||
el.classList.toggle('is-active');
|
// Get the target from the "data-target" attribute
|
||||||
$target.classList.toggle('is-active');
|
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");
|
||||||
});
|
});
|
||||||
|
});
|
||||||
});</script>
|
});
|
||||||
<!-- This JS is required for mobile users to navigate the site, working on a mobile alternative -->
|
</script>
|
||||||
</nav>
|
<!-- This JS is required for mobile users to navigate the site, working on a mobile alternative -->
|
||||||
|
|
Loading…
Reference in a new issue