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

Compare commits

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

No commits in common. "d071dad97a8336a577eadf2af52287047152d63d" and "ab8d36a66fed2b8626c0d10dbfbf537c966fb5c3" have entirely different histories.
d071dad97a ... ab8d36a66f

10 changed files with 10 additions and 39 deletions
Show stats Expand all files Collapse all files

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

Binary file not shown.

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

Binary file not shown.

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

Binary file not shown.

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

Binary file not shown.

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

Binary file not shown.

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

Binary file not shown.

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

Binary file not shown.

25
src/assets/sound.js
View file

@ -1,25 +0,0 @@
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,14 +1,12 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en-us"> <html lang="da-dk">
<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">
@ -20,7 +18,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>
@ -30,7 +28,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>
@ -41,7 +39,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>
@ -52,14 +50,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 and Breakout</h3> <h3>Clones of Galaga og 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>
@ -75,8 +73,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" width="100" height="100" style="width: 50%; height: auto; border-radius: 10px" alt="palmoe.dk logo" /> <img src="/assets/palmoe.png" style="width: 50%; height: auto; border-radius: 10px" alt="palmoe.dk logo" />
<dl class="column center" style="gap: 8px;"> <dl>
<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,10 +5,8 @@
<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">
@ -75,8 +73,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" width="100" height="100" style="width: 50%; height: auto; border-radius: 10px" alt="palmoe.dk logo" /> <img src="/assets/palmoe.png" style="width: 50%; height: auto; border-radius: 10px" alt="palmoe.dk logo" />
<dl class="column center" style="gap: 8px;"> <dl>
<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>