This commit is contained in:
Daniel Ledda
2024-11-01 15:42:09 +01:00
parent f60e975765
commit 7539e6ed48
50 changed files with 2004 additions and 750 deletions

View File

@@ -1,7 +1,5 @@
<h1>
<span lang="en">Caffeine: A vitamin-like nutrient, or adaptogen</span>
<span lang="de">Koffein: ein vitamin-ähnlicher Nährstoff, oder Adaptogen</span>
</h1>
<h1 lang="en">Caffeine: A vitamin-like nutrient, or adaptogen</h1>
<h1 lang="de">Koffein: ein vitamin-ähnlicher Nährstoff, oder Adaptogen</h1>
<p>
<span lang="en"><strong>Questions about tea and coffee, cancer and other degenerative diseases, and the hormones.</strong></span>

View File

@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>%TITLE%</title>
<link rel="stylesheet" href="/generative-energy/static/styles.css">
<link rel="stylesheet" href="/generative-energy/styles.css">
<link
href="https://fonts.googleapis.com/css2?family=Roboto&amp;family=Roboto+Slab:wght@600&amp;display=swap"
rel="stylesheet">

View File

@@ -139,18 +139,27 @@ hr {
background: #999;
}
footer .bottom {
display: flex;
flex-direction: row;
justify-content: space-between;
}
footer {
margin-bottom: 20px;
.bottom {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
> * {
flex: 1;
}
.dj-donate {
text-align: right;
}
img {
display: inline-block;
}
}
}
.ge-calculator {
table {
border-collapse: separate;
@@ -186,13 +195,3 @@ footer {
}
}
}
.fade-enter-active,
.fade-leave-active {
transition: opacity 0.5s ease;
}
.fade-enter-from,
.fade-leave-to {
opacity: 0;
}

View File

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 23 KiB

View File

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 9.7 KiB

0
public/home/img/.gitignore vendored Normal file
View File

BIN
public/home/img/daniel.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.3 KiB

BIN
public/home/img/dj.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

BIN
public/home/img/icon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

BIN
public/home/img/preis.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 384 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
public/home/img/tile.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

BIN
public/home/img/tradies.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

View File

@@ -1,18 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>G'day</title>
<link rel="icon" href="icon.webp" />
<link rel="stylesheet" href="/static/styles.css" />
<!-- SSR HEAD OUTLET -->
<script type="module" src="/static/app.js"></script>
</head>
<body>
<main class="container">
<h1>G'day, mate!</h1>
<h2>YOUR SITE GOES HERE</h2>
<img src="/static/image.jpeg" alt="KANGAROO" />
<div id="app-root"><!-- SSR OUTLET --></div>
</main>
</body>
</html>

View File

@@ -0,0 +1,130 @@
interface Point {
x: number;
y: number;
}
interface Size {
height: string;
width: string;
}
class SexyTooltip {
private static readonly carrierStyle: Partial<CSSStyleDeclaration> = {
opacity: "0",
display: "block",
pointerEvents: "none",
backgroundColor: "black",
border: "white solid 1px",
color: "white",
padding: "10px",
position: "absolute",
zIndex: "1",
overflow: "hidden",
height: "0",
width: "0",
transition: "opacity 200ms, height 200ms, width 200ms",
};
private static readonly textCarrierStyle: Partial<CSSStyleDeclaration> = {
width: "350px",
display: "block",
overflow: "hidden",
};
private static readonly defaultWidth = 350;
private readonly carrier: HTMLDivElement;
private readonly textCarrier: HTMLSpanElement;
private readonly elementsWithTooltips: Element[] = [];
private active: boolean = false;
constructor(carrier: HTMLDivElement) {
if (carrier.childNodes.length > 0) {
throw new Error("Incorrect setup for tooltip! Remove the child nodes from the tooltip div.");
}
this.carrier = carrier;
this.textCarrier = document.createElement("span");
this.carrier.appendChild(this.textCarrier);
Object.assign(this.carrier.style, SexyTooltip.carrierStyle);
Object.assign(this.textCarrier.style, SexyTooltip.textCarrierStyle);
document.querySelectorAll(".tooltip").forEach((element) => {
if (element.nodeName === "SPAN") {
console.log(element.previousElementSibling);
this.elementsWithTooltips.push(element.previousElementSibling);
}
});
document.addEventListener("mousemove", (event) => this.rerenderTooltip({ x: event.pageX, y: event.pageY }));
}
rerenderTooltip(mousePos: Point) {
const newText = this.getTooltipTextForHoveredElement(mousePos);
if (newText !== this.textCarrier.innerHTML) {
this.transitionTooltipSize(newText);
const tooltipHasText = newText !== "";
if (tooltipHasText !== this.active) {
this.toggleActive();
}
}
if (this.isStillVisible()) {
this.updatePosition(mousePos);
}
}
isStillVisible() {
return getComputedStyle(this.carrier).opacity !== "0";
}
updatePosition(pos: Point) {
if (pos.x + 15 + this.carrier.clientWidth <= document.body.scrollWidth) {
this.carrier.style.left = (pos.x + 15) + "px";
} else {
this.carrier.style.left = (document.body.scrollWidth - this.carrier.clientWidth - 5) + "px";
}
if (pos.y + this.carrier.clientHeight <= document.body.scrollHeight) {
this.carrier.style.top = pos.y + "px";
} else {
this.carrier.style.top = (document.body.scrollHeight - this.carrier.clientHeight - 5) + "px";
}
}
toggleActive() {
if (this.active) {
this.active = false;
this.carrier.style.opacity = "0";
this.carrier.style.padding = "0";
} else {
this.active = true;
this.carrier.style.opacity = "1";
this.carrier.style.padding = SexyTooltip.carrierStyle.padding;
}
}
transitionTooltipSize(text: string) {
const testDiv = document.createElement("div");
testDiv.style.height = "auto";
testDiv.style.width = SexyTooltip.defaultWidth + "px";
testDiv.innerHTML = text;
document.body.appendChild(testDiv);
const calculatedHeight = testDiv.scrollHeight;
testDiv.style.display = "inline";
testDiv.style.width = "auto";
document.body.removeChild(testDiv);
const size = { height: calculatedHeight + "px", width: "350px" };
this.carrier.style.height = size.height;
this.carrier.style.width = text === "" ? "0" : size.width;
this.textCarrier.innerHTML = text;
}
getTooltipTextForHoveredElement(mousePos: Point): string {
for (const elem of this.elementsWithTooltips) {
const boundingRect = elem.getBoundingClientRect();
const inYRange = mousePos.y >= boundingRect.top + window.pageYOffset - 1 &&
mousePos.y <= boundingRect.bottom + window.pageYOffset + 1;
const inXRange = mousePos.x >= boundingRect.left + window.pageXOffset - 1 &&
mousePos.x <= boundingRect.right + window.pageXOffset + 1;
if (inYRange && inXRange) {
return (elem.nextElementSibling as HTMLSpanElement)?.innerText ?? "";
}
}
return "";
}
}
export default SexyTooltip;

47
public/home/js/main.ts Normal file
View File

@@ -0,0 +1,47 @@
import SexyTooltip from "./SexyTooltip.js";
const tooltipDiv = document.getElementById("tooltipCarrier") as HTMLDivElement;
const tooltip = new SexyTooltip(tooltipDiv);
const dudes = document.querySelectorAll(".dude") as NodeListOf<HTMLImageElement>;
const shakers = document.querySelectorAll(".shakeable") as NodeListOf<HTMLElement>;
const emailLink = document.getElementById("emailLink") as HTMLAnchorElement;
let numDudesDroppingSickBeats: number = 0;
dudes.forEach((dude) => dude.addEventListener("mouseup", () => toggleDude(dude)));
function toggleDude(dude: HTMLImageElement) {
if (dude.classList.contains("spinMe")) {
numDudesDroppingSickBeats -= 1;
dude.addEventListener("animationiteration", function listener() {
dude.classList.remove("spinMe");
dude.removeEventListener("animationiteration", listener as EventListenerOrEventListenerObject);
});
} else {
numDudesDroppingSickBeats += 1;
dude.classList.add("spinMe");
}
updateShakers();
}
function updateShakers() {
shakers.forEach((shaker) => {
if (numDudesDroppingSickBeats === 0) {
shaker.classList.remove("shakeMe");
} else if (!shaker.classList.contains("shakeMe")) {
shaker.classList.add("shakeMe");
}
});
}
emailLink.addEventListener("click", (event) => {
const myDomain = "gmail";
const myTld = "com";
const myName = "danjledda";
const dot = ".";
const at = "@";
let link = "mailto:" + myName + myDomain + myTld;
link = link.slice(0, 10) + dot + link.slice(10, 11) + dot + link.slice(11, 16) + at + link.slice(16, 21) + dot +
link.slice(21);
window.location.href = link;
});

189
public/home/main.css Normal file
View File

@@ -0,0 +1,189 @@
:root {
--subject-spacing: 40px;
}
html,
body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
body {
background-color: #292929;
font-family: "Roboto", serif;
}
.title_name {
font-size: 50px;
color: floralwhite;
font-family: "Roboto Slab", "Times New Roman", Times, serif;
text-align: center;
}
.title_name img {
margin: 20px;
height: 100px;
width: auto;
vertical-align: middle;
}
.spinMe {
animation: spin 1s infinite linear;
}
.shakeMe {
animation: shake 0.2s infinite linear;
}
@keyframes shake {
0% {
transform: scale(1) translate(1px, 1px) rotate(0deg);
}
25% {
transform: scale(0.95) translate(-1px, -2px) rotate(-1deg);
}
50% {
transform: scale(0.9) translate(-3px, 0px) rotate(1deg);
}
75% {
transform: scale(0.95) translate(3px, 2px) rotate(0deg);
}
100% {
transform: scale(1) translate(-1px, 2px) rotate(-1deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg) scale(1);
filter: hue-rotate(0deg) saturate(5);
}
25% {
transform: rotate(90deg) scale(2);
}
50% {
transform: rotate(180deg) scale(1);
}
75% {
transform: rotate(270deg) scale(2);
}
100% {
transform: rotate(360deg) scale(1);
filter: hue-rotate(360deg) saturate(5);
}
}
.supercontainer {
padding-top: 3em;
margin: auto;
}
.main {
width: 50em;
margin: 20px auto;
text-align: center;
}
@media only screen and (max-width: 1024px) {
.main {
width: 35em;
padding: 20px;
}
:root {
--subject-spacing: 20px;
}
}
@media only screen and (max-width: 768px) {
.title_name img {
margin: 10px;
height: 60px;
width: auto;
}
.title_name {
font-size: 30px;
}
.main {
width: 20em;
padding: 20px;
}
}
span.subjecttitle {
height: 100%;
font-family: "Roboto Slab", "Times New Roman", Times, serif;
font-size: 20px;
padding-right: 5px;
}
.subject:first-child {
margin-top: 0;
}
.subject:last-child {
margin-bottom: 0;
}
.subject {
margin-top: var(--subject-spacing);
margin-bottom: var(--subject-spacing);
}
.resourcelist {
margin-top: 2px;
background-color: white;
border-style: solid;
border-color: #292929;
border-width: 1px;
border-radius: 5px;
a:first-of-type {
.resource {
padding: 15px 20px 10px 20px;
border-radius: 5px 5px 0 0;
}
}
a:last-of-type {
.resource {
padding: 10px 20px 15px 20px;
border-radius: 0 0 5px 5px;
}
}
a:only-of-type {
.resource {
border-radius: 5px;
}
}
}
.resource {
position: relative;
background-color: white;
padding: 10px 20px 10px 20px;
display: block;
color: #333333;
text-decoration: none;
transition: background-color 200ms;
}
.resource:hover {
background-color: #bde4ff;
}
.resource:active {
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.50) inset;
}
a {
color: #000;
text-decoration: none;
cursor: pointer;
}
.tooltip-container {
display: inline-block;
}

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,740 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title></title>
<meta name="generator" content="LibreOffice 6.0.7.3 (Linux)"/>
<meta name="created" content="2020-06-26T11:18:35.466195148"/>
<meta name="changed" content="2020-06-29T14:58:13.220640138"/>
<style type="text/css">
@page { margin: 0.79in }
p { margin-bottom: 0.1in; line-height: 115% }
td p { margin-bottom: 0in }
a:link { so-language: zxx }
table, th, td { border: 1px solid black !important }
td { padding: 10px !important }
td { width: auto !important; height: auto !important }
table { border-collapse: collapse }
</style>
</head>
<body lang="en-US" dir="ltr">
<p style="margin-bottom: 0in; line-height: 100%"><br/>
</p>
<table>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Allach">Allach</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>Axleigh
</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p>Ahaloh → Allach, Aha → Axe, Loh → Leigh (“Aha + lohe”
→ “Flusslichtung”)</p>
</td>
</tr>
<tr>
<td width="122" height="22" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Altstadt_(M%C3%BCnchen)">Altstadt</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>Oldstead</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><br/>
</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Am_Hart">Am Hart</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>At the Woods</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><br/>
</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Am_Moosfeld">Am Moosfeld</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>At the Mossfield</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><br/>
</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Am_Riesenfeld">Am
Riesenfeld</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>At the Giantfield</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><br/>
</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Au_(M%C3%BCnchen)">Au</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p><span style="background: transparent">Ey</span></p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><span style="background: transparent">as in “Romsey”,
“Athelney”, “Beverley Hills”</span></p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Aubing">Aubing</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p><span style="background: transparent">Eving</span></p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><span style="background: transparent">Kein Beleg für Herkunft,
erste Ewähnung 16. April 1010 unter “Ubingun”. Bajuwarischer
Name “Ubo” könnte naheliegen.</span></p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Berg_am_Laim">Berg am
Laim</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p><span style="background: transparent">Loam Hill</span></p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><br/>
</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Bogenhausen">Bogenhausen</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p><span style="background: transparent">Bobehouse</span></p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><span style="background: transparent">Bajuware Pubo, Pupi</span></p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Daglfing">Daglfing</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p><span style="background: transparent">Dighelfing /daɪəlfɪŋ/
</span>
</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><span style="background: transparent">Bajuware Tagolf/Thachulf</span></p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Denning_(M%C3%BCnchen)">Denning</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p><span style="background: transparent">Denning </span>
</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><span style="background: transparent">Bajuware Tenno</span></p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Englschalking">Englschalking</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p><span style="background: transparent">Angelshalking</span></p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><span style="background: transparent">(en. <i>shalk </i>→ a
servant; Englschalch → “strenger Knecht”)</span></p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Fasangarten">Fasangarten</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p><span style="background: transparent">Pheasantgarden</span></p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><br/>
</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Feldmoching">Feldmoching</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p><span style="background: transparent">Field Mocking </span>
</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><span style="background: transparent">Feld der Anhänger des
Mocho, imagined as en. Mocko</span></p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Forstenried">Forstenried</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p><span style="background: transparent">Forestley</span></p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><br/>
</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Freiham">Freiham</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p><span style="background: transparent">Freeham</span></p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><br/>
</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Freimann">Freimann</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p><span style="background: transparent">Freeman</span></p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><br/>
</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/F%C3%BCrstenried">Fürstenried</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p><span style="background: transparent">Princeley</span></p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><br/>
</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Obergiesing">Obergiesing</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p><span style="background: transparent">Upper </span><span style="background: transparent">Kye</span><span style="background: transparent">sing
/</span><span style="background: transparent">ka</span>ɪz<span style="background: transparent">ɪŋ/
</span>
</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><span style="background: transparent">Bajuware </span><span style="background: transparent">Kyso
</span><span style="background: transparent"> </span><span style="background: transparent">perhaps
en. </span><i><span style="background: transparent">Kyeso
</span></i><span style="font-style: normal"><span style="background: transparent">(/</span></span><span style="font-style: normal"><span style="background: transparent">ka</span></span><span style="font-style: normal"><span style="background: transparent">ɪ</span></span><span style="font-style: normal"><span style="background: transparent">z</span></span><span style="font-style: normal"><span style="background: transparent">oʊ/)</span></span><span style="background: transparent">?
K and S stay the same, </span><span style="background: transparent">ahd.
</span><i><span style="background: transparent">y</span></i><span style="background: transparent">
is interchangeable with </span><i><span style="background: transparent">i</span></i><span style="background: transparent">,
probably </span><span style="background: transparent">would have
become /</span><span style="background: transparent">a</span><span style="background: transparent">ɪ</span><span style="background: transparent">/</span><span style="background: transparent">)</span></p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Untergiesing">Untergiesing</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p><span style="background: transparent">Lower Kyesing</span></p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><br/>
</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Hadern">Hadern</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p><span style="background: transparent">Hathern /hei</span>ð<span style="background: transparent">ɜ:</span><span style="background: transparent">n/</span></p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><span style="background: transparent">Von ahd. </span><i><span style="background: transparent">Haderun
</span></i><span style="background: transparent">(“bei den
Waldleuten”</span><span style="background: transparent">)</span></p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/w/index.php?title=Holzapfelkreuth&amp;action=edit&amp;redlink=1">Holzapfelkreuth</a>
</p>
</td>
<td width="188" style="border: none; padding: 0in">
<p><span style="background: transparent">Woodapple Glade</span></p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><span style="background: transparent">Kreuth → <i>das
Gereutete</i>, nhd. <i>Gerodete</i>, related to “rid” → a
clearing, “rid of trees”</span></p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Haidhausen">Haidhausen</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p><span style="background: transparent">Heathhouse</span></p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><br/>
</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Harlaching">Harlaching</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>Heathleighing
</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p>Von ahd. <i>Hadaleih </i>+ <i>ing →</i><span style="font-style: normal">gleich:
“Heide + lohe + ing”</span></p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Hasenbergl">Hasenbergl</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>Hare Hill</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><br/>
</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Isarvorstadt">Isarvorstadt</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>Isar Forestead</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><br/>
</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Johanneskirchen_(M%C3%BCnchen)">Johanneskirchen</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>Johnkirk</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p>en. -<i>kirk → </i><span style="font-style: normal">Church</span></p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Laim">Laim</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>Loam</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p>Laim = nhd. <i>Lehm = </i><span style="font-style: normal">en.
</span><i>Loam</i></p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Langwied_(M%C3%BCnchen)">Langwied</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>Longwood</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p>Wied → ahd. witu “Wald”, en. “wood”</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Lehel_(M%C3%BCnchen)">Lehel</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>Fief
</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p>(von nhd. <i>Lehen</i><span style="font-style: normal">,</span><i>
</i>cf. en. <i>Loan</i>)</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Lochhausen_(M%C3%BCnchen)">Lochhausen</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>Lockhouse</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><br/>
</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Ludwigsvorstadt">Ludwigsvorstadt</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>Ludwig Forestead</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><br/>
</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Maxvorstadt">Maxvorstadt</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>Max Forestead</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><br/>
</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Milbertshofen_(Bezirksteil)">Milbertshofen</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>Ilvinghope
</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p>ca. 1149 “Ilmungeshoven” von Bajuware
Ilbunch/Ilbung/Ilmung. War Einsiedlerhof, auf den man ausgesiedelt
wurde wegen Krankheit oder als Strafe → aussprache wurde
absichtlich undeutlich um die Beziehung zu diesem Dorf zu
verstecken.
</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p> <a href="https://de.wikipedia.org/wiki/Moosach_(M%C3%BCnchen)">Moosach</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>Moorey</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p>Moor + ach (“Au”). R wird zu S durch Rhotazismus (cf.
frieren → Frost, verlieren → Verlust, waren → gewesen)</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Neuhausen_(M%C3%BCnchen)">Neuhausen</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>Newhouse</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><br/>
</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Nymphenburg_(M%C3%BCnchen)">Nymphenburg</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>Nymphbury</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><br/>
</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Oberf%C3%B6hring">Oberföhring</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>Upper Fairing</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p>Bajuware Fero</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Obermenzing">Obermenzing</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>Upper Menting</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p>Bajuware Manzo (wegen -ing umgelautet)</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Pasing">Pasing</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>Paising /peɪzɪŋ/</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p>Bajuware Paoso, Paso</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Perlach_(M%C3%BCnchen)">Perlach</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>Pearley</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><br/>
</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Ramersdorf_(M%C3%BCnchen)">Ramersdorf</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>Rammlethorpe /ræməlθɔ:p/
</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p>“Rumoltesdorf” ca. 1006. Kein Fugen-S im Englischen</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Riem">Riem</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>Rim</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p>cf. “Pacific Rim”</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Schwabing">Schwabing</a>
</p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>Swabing /sweɪbɪŋ/</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p>Bajuware Swapo</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Schwanthalerh%C3%B6he">Schwanthalerhöhe</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>Swandale Heights</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><br/>
</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Sendling">Sendling</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>Senthling</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p>Bajuware Sentilo</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Solln">Solln</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>Soal</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p>Also closely related: en. soil, slough</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Steinhausen_(M%C3%BCnchen)">Steinhausen</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>Stonehouse</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><br/>
</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Thalkirchen">Thalkirchen</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>Dalekirk</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><br/>
</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Trudering">Trudering</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>Droughthring /drauθrɪŋ/
</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p>Bajuware Truchtaro/Truhtheri/Drudheri/Tructeri</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Untermenzing">Untermenzing</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>Lower Menting</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><br/>
</p>
</td>
</tr>
<tr>
<td width="122" style="border: none; padding: 0in">
<p><a href="https://de.wikipedia.org/wiki/Zamdorf">Zamdorf</a></p>
</td>
<td width="188" style="border: none; padding: 0in">
<p>Tamthorpe /tæmθɔ:p/</p>
</td>
<td width="344" style="border: none; padding: 0in">
<p><br/>
</p>
</td>
</tr>
</table>
<p style="margin-bottom: 0in; line-height: 100%"><br/>
</p>
<p style="margin-bottom: 0in; line-height: 100%">Quellen:</p>
<p style="margin-bottom: 0in; line-height: 100%"><br/>
</p>
<p style="margin-bottom: 0in; line-height: 100%">Wikipedia Seiten zu
den jeweiligen Orten</p>
<p style="margin-bottom: 0in; line-height: 100%"><br/>
</p>
<p style="margin-bottom: 0in; line-height: 100%">Wiktionary fuer
einige Rueckbildungen (zB Slough, Rim, Long<b>weed</b><span style="font-weight: normal">,
Loam, Angel</span><b>shalk</b><span style="font-weight: normal">ing)</span></p>
<p style="margin-bottom: 0in; line-height: 100%"><br/>
</p>
<p style="margin-bottom: 0in; line-height: 100%"><a href="https://en.wikipedia.org/wiki/List_of_generic_forms_in_place_names_in_Ireland_and_the_United_Kingdom">https://en.wikipedia.org/wiki/List_of_generic_forms_in_place_names_in_Ireland_and_the_United_Kingdom</a></p>
<p style="margin-bottom: 0in; line-height: 100%"><br/>
</p>
<p style="margin-bottom: 0in; line-height: 100%"><a href="https://de.wikipedia.org/wiki/Kategorie:Ortsnamen-Endung">https://de.wikipedia.org/wiki/Kategorie:Ortsnamen-Endung</a></p>
<p style="margin-bottom: 0in; line-height: 100%"><br/>
</p>
<p style="margin-bottom: 0in; line-height: 100%"><a href="http://www.fam-schweden.de/Muenchen/muenchen.html">http://www.fam-schweden.de/Muenchen/muenchen.html</a></p>
<p style="margin-bottom: 0in; line-height: 100%"><br/>
</p>
<p style="margin-bottom: 0in; line-height: 100%"><a href="https://de.wikipedia.org/wiki/Zweite_Lautverschiebung#Phase_1">https://de.wikipedia.org/wiki/Zweite_Lautverschiebung#Phase_1</a></p>
<p style="margin-bottom: 0in; line-height: 100%"><br/>
</p>
<p style="margin-bottom: 0in; line-height: 100%"><a href="https://www.munichkindl.net/besiedlung">https://www.munichkindl.net/besiedlung</a></p>
<p style="margin-bottom: 0in; line-height: 100%"><br/>
</p>
<p style="margin-bottom: 0in; line-height: 100%"><a href="https://www.gutenberg.org/files/22636/22636-h/22636-h.htm">https://www.gutenberg.org/files/22636/22636-h/22636-h.htm</a></p>
<p style="margin-bottom: 0in; line-height: 100%"><br/>
</p>
<p style="margin-bottom: 0in; line-height: 100%"><br/>
</p>
<p style="margin-bottom: 0in; line-height: 100%"><br/>
</p>
</body>
</html>

View File

@@ -1,22 +0,0 @@
.container {
margin: auto;
text-align: center;
width: 100%;
background-color: #fffafa;
box-shadow: #000000;
padding-top: 10px;
min-height: calc(100vh - 10px);
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
@media (min-width: 992px) {
width: 900px;
}
h1 {
margin: 0;
}
}
body {
margin: 0;
}

88
public/index2.html Normal file
View File

@@ -0,0 +1,88 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>DJ Ledda's Homepage</title>
<meta name="description" content="the coolest homepage in the whole galaxy" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="manifest" href="site.webmanifest" />
<link rel="icon" href="img/dj.gif" />
<link rel="stylesheet" href="css/main.css" />
<link
href="https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Slab:wght@600&display=swap"
rel="stylesheet"
/>
<meta name="theme-color" content="#fafafa" />
</head>
<body>
<!--[if IE]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- Site Content -->
<div class="supercontainer">
<div class="shakeable">
<div class="title_name">
<img src="img/dj.gif" alt="dj legt krasse Mucke auf" class="dude" />
<span class="tooltip">I wonder what he's listening to?</span>
<span>DJ Ledda</span>
<span class="tooltip">Easily the coolest guy out there.</span>
<img src="img/dj.gif" alt="dj laying down some sick beats" class="dude" />
<span class="tooltip">I once heard this guy played at revs.</span>
</div>
<div class="main">
<div class="subject">
<div class="resourcelist">
<a class="resource" href="https://drum-slayer.com">
Drum Slayer
</a>
<span class="tooltip"
>Small app for designing multitrack looped rhythms with local save and multiple files.
Originally built using just vanilla TypeScript and CSS, now with Vue.</span>
<a class="resource" href="/somaesque">
Somaesque
</a>
<span class="tooltip"
>Puzzle solver app for puzzle cubes resembling the original Soma Cube puzzle. Save and edit
your own puzzles! Built with Svelte, THREE.js and AssemblyScript.</span>
<a class="resource" href="/generative-energy">
Generative Energy - Ray Peat Resources
</a>
<span class="tooltip">Thyroid calculator, German translations, and more...</span>
<a class="resource" href="/muenchen-auf-englisch.html">
München auf Englisch - Munich in English
</a>
<span class="tooltip"
>Authentic historically accurate translations of all of Munich's S-Bahn and U-Bahn stations,
as well as the main municipalities, into English. You live in Allach? It's Axleigh now.
Giesing? Nope! Kyesing! This is a WIP.</span>
<a class="resource" href="/kadi/">
K A D I: Online Yatzy Scoresheets
</a>
<span class="tooltip"
>Make an account and start saving paper and tracking your Yatzy stats with your friends!
Make your own rulesets, and more. Built with React, express.js, and MongoDB. Currently
inactive.</span>
<a class="resource" href="http://git.djledda.de/Ledda">
My git projects
</a>
<span class="tooltip">Check out what I'm coding!</span>
<a id="emailLink" class="resource">
Click here to get in touch
</a>
<span class="tooltip">You'll see my address when you click here.</span>
</div>
</div>
</div>
<div id="tooltipCarrier"></div>
</div>
</div>
<!-- End Content -->
<script src="js/main.js" type="module"></script>
</body>
</html>

View File

@@ -0,0 +1,18 @@
<!DOCTYPE html>
<html>
<head>
<title>G'day</title>
<link rel="icon" href="/home/icon.webp" />
<link rel="stylesheet" href="/home/main.css" />
<link rel="icon" href="img/dj.gif" />
<link
href="https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Slab:wght@600&display=swap"
rel="stylesheet"
/>
<!-- SSR HEAD OUTLET -->
</head>
<body>
<div id="app-root"><!-- SSR OUTLET --></div>
</body>
</html>

5
public/robots.txt Normal file
View File

@@ -0,0 +1,5 @@
# www.robotstxt.org/
# Allow crawling of all content
User-agent: *
Disallow: