vodofrede/palmoe.dk
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: vodofrede:ab8d36a66fed2b8626c0d10dbfbf537c966fb5c3
Branches Tags
vodofrede:main
vodofrede:dev
...
compare: vodofrede:d071dad97a8336a577eadf2af52287047152d63d
Branches Tags
vodofrede:main
vodofrede:dev

11 commits
ab8d36a66f ... d071dad97a

Author SHA1 Message Date
vodofrede
d071dad97a added sound effects 2024-03-26 12:38:18 +01:00
vodofrede
d8b7bf27bf asd 2024-03-25 23:24:35 +01:00
vodofrede
52e9775173 fix SEO 2024-03-25 23:22:36 +01:00
vodofrede
1e30532bc9 explicit height and width for img 2024-03-25 23:16:35 +01:00
vodofrede
8f84fff4e4 Merge branch 'main' of https://git.palmoe.dk/vodofrede/palmoe.dk 2024-03-25 22:58:19 +01:00
vodofrede
f6039d562d english capitalization 2024-03-25 22:58:16 +01:00
vodofrede
1e9b1bccca english capitalization 2024-03-25 22:58:02 +01:00
vodofrede
a330503ad3 Merge branch 'main' of https://git.palmoe.dk/vodofrede/palmoe.dk 2024-03-25 22:57:07 +01:00
vodofrede
01b1ea04bf Merge branch 'main' of https://git.palmoe.dk/vodofrede/palmoe.dk 2024-03-25 22:57:03 +01:00
vodofrede
5c3a49b75c Merge branch 'main' of https://git.palmoe.dk/vodofrede/palmoe.dk 2024-03-25 22:56:39 +01:00
vodofrede
e69d4bfae3 Merge branch 'main' of https://git.palmoe.dk/vodofrede/palmoe.dk 2024-03-25 22:56:23 +01:00
10 changed files with 39 additions and 10 deletions
Show stats Expand all files Collapse all files

BIN
src/assets/effects/click_1.wav Normal file
View file

Binary file not shown.

BIN
src/assets/effects/hover_1.wav Normal file
View file

Binary file not shown.

BIN
src/assets/effects/hover_2.wav Normal file
View file

Binary file not shown.

BIN
src/assets/effects/hover_3.wav Normal file
View file

Binary file not shown.

BIN
src/assets/effects/hover_4.wav Normal file
View file

Binary file not shown.

BIN
src/assets/effects/hover_5.wav Normal file
View file

Binary file not shown.

BIN
src/assets/effects/hover_6.wav Normal file
View file

Binary file not shown.

25
src/assets/sound.js Normal file
View file

@ -0,0 +1,25 @@
function load_effects(names) {
return names.map(name => {
let audio = document.createElement("audio");
audio.src = `/assets/effects/${name}.wav`;
audio.volume = 0.1;
return audio;
});
}
function play_random(effects) {
let index = Math.floor(Math.random() * effects.length);
effects[index].pause();
effects[index].play().catch(() => { });
}
document.addEventListener("DOMContentLoaded", () => {
let click_effects = load_effects(["click_1"]);
let hover_effects = load_effects(["hover_1", "hover_2", "hover_3", "hover_4", "hover_5", "hover_6"]);
let links = [...document.getElementsByTagName("a")];
links.forEach(link => {
link.addEventListener("mouseover", () => play_random(hover_effects));
link.addEventListener("mousedown", () => play_random(click_effects));
});
})

18
src/en/index.html
View file

@ -1,12 +1,14 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="da-dk"> <html lang="en-us">
<head> <head>
<title>Frederik Palmø</title> <title>Frederik Palmø</title>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Home page of Frederik Palmø (vodofrede)" />
<link rel="stylesheet" href="/assets/main.css" /> <link rel="stylesheet" href="/assets/main.css" />
<link rel="icon" type="image/x-icon " href="/assets/favicon.ico" /> <link rel="icon" type="image/x-icon " href="/assets/favicon.ico" />
<script src="/assets/sound.js"></script>
</head> </head>
<body class="column separate" style="padding: 2%; gap: 15px"> <body class="column separate" style="padding: 2%; gap: 15px">
@ -18,7 +20,7 @@
<h2>Projects</h2> <h2>Projects</h2>
<article class="column separate"> <article class="column separate">
<div class="row separate wrap"> <div class="row separate wrap">
<h3>Character planner</h3> <h3>Character Planner</h3>
<span class="row separate"> <span class="row separate">
<a href="https://erdtree.palmoe.dk">project</a> <a href="https://erdtree.palmoe.dk">project</a>
<a href="https://git.palmoe.dk/vodofrede/erdtree">source</a> <a href="https://git.palmoe.dk/vodofrede/erdtree">source</a>
@ -28,7 +30,7 @@
</article> </article>
<article class="column separate"> <article class="column separate">
<div class="row separate wrap"> <div class="row separate wrap">
<h3>Hashing library</h3> <h3>Hashing Library</h3>
<span class="row separate"> <span class="row separate">
<a href="https://crates.io/crates/lore">project</a> <a href="https://crates.io/crates/lore">project</a>
<a href="https://git.palmoe.dk/vodofrede/lore">source</a> <a href="https://git.palmoe.dk/vodofrede/lore">source</a>
@ -39,7 +41,7 @@
</article> </article>
<article class="column separate"> <article class="column separate">
<div class="row separate wrap"> <div class="row separate wrap">
<h3>Leetcode input parser</h3> <h3>Leetcode Input Parser</h3>
<span class="row separate"> <span class="row separate">
<a href="https://crates.io/crates/eyes">project</a> <a href="https://crates.io/crates/eyes">project</a>
<a href="https://git.palmoe.dk/vodofrede/eyes">source</a> <a href="https://git.palmoe.dk/vodofrede/eyes">source</a>
@ -50,14 +52,14 @@
</article> </article>
<article class="column separate"> <article class="column separate">
<div class="row separate wrap"> <div class="row separate wrap">
<h3>Controllable string lights</h3> <h3>Controllable String Lights</h3>
<span class="row separate"></span> <span class="row separate"></span>
</div> </div>
<p>This project involved a solution for having outdoor string lights for use in a covered lounge area. The project utilizes inexpensive, "dumb" string lights along with a microcontroller that provides a control interface accessible over the home network (for platforms like Apple HomeKit and Home-Assistant). Through this project, I have learned about IoT protocols and programming microcontrollers.</p> <p>This project involved a solution for having outdoor string lights for use in a covered lounge area. The project utilizes inexpensive, "dumb" string lights along with a microcontroller that provides a control interface accessible over the home network (for platforms like Apple HomeKit and Home-Assistant). Through this project, I have learned about IoT protocols and programming microcontrollers.</p>
</article> </article>
<article class="column separate"> <article class="column separate">
<div class="row separate wrap"> <div class="row separate wrap">
<h3>Clones of Galaga og Breakout</h3> <h3>Clones of Galaga and Breakout</h3>
<span class="row separate"> <span class="row separate">
<a href="https://github.com/vodofrede/DIKUGames">source</a> <a href="https://github.com/vodofrede/DIKUGames">source</a>
</span> </span>
@ -73,8 +75,8 @@
</article> </article>
</section> </section>
<aside class="column" style="align-items: center; min-width: 25%; gap: 15px"> <aside class="column" style="align-items: center; min-width: 25%; gap: 15px">
<img src="/assets/palmoe.png" style="width: 50%; height: auto; border-radius: 10px" alt="palmoe.dk logo" /> <img src="/assets/palmoe.png" width="100" height="100" style="width: 50%; height: auto; border-radius: 10px" alt="palmoe.dk logo" />
<dl> <dl class="column center" style="gap: 8px;">
<div class="row separate"> <div class="row separate">
<dt>Gitea</dt> <dt>Gitea</dt>
<dd><a href="https://git.palmoe.dk/vodofrede">vodofrede</a></dd> <dd><a href="https://git.palmoe.dk/vodofrede">vodofrede</a></dd>

6
src/index.html
View file

@ -5,8 +5,10 @@
<title>Frederik Palmø</title> <title>Frederik Palmø</title>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Home page of Frederik Palmø (vodofrede)" />
<link rel="stylesheet" href="/assets/main.css" /> <link rel="stylesheet" href="/assets/main.css" />
<link rel="icon" type="image/x-icon " href="/assets/favicon.ico" /> <link rel="icon" type="image/x-icon " href="/assets/favicon.ico" />
<script src="/assets/sound.js"></script>
</head> </head>
<body class="column separate" style="padding: 2%; gap: 15px"> <body class="column separate" style="padding: 2%; gap: 15px">
@ -73,8 +75,8 @@
</article> </article>
</section> </section>
<aside class="column" style="align-items: center; min-width: 25%; gap: 15px"> <aside class="column" style="align-items: center; min-width: 25%; gap: 15px">
<img src="/assets/palmoe.png" style="width: 50%; height: auto; border-radius: 10px" alt="palmoe.dk logo" /> <img src="/assets/palmoe.png" width="100" height="100" style="width: 50%; height: auto; border-radius: 10px" alt="palmoe.dk logo" />
<dl> <dl class="column center" style="gap: 8px;">
<div class="row separate"> <div class="row separate">
<dt>Gitea</dt> <dt>Gitea</dt>
<dd><a href="https://git.palmoe.dk/vodofrede">vodofrede</a></dd> <dd><a href="https://git.palmoe.dk/vodofrede">vodofrede</a></dd>