Ledda/djledda-web
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update

Browse Source
This commit is contained in:
Daniel Ledda
2024-11-02 15:49:07 +01:00
parent 0ae2811eeb
commit 9eb1701250
12 changed files with 303 additions and 134 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app/api.ts
View File

@@ -1,7 +1,16 @@
export type DJAPIEndpoint = "/rp-articles";
type RPArticle = {
title: string,
slug: string;
titleDe: string,
titleEn: string,
author: string,
tags?: string[],
};
export interface DJAPIResultMap extends Record<DJAPIEndpoint, unknown> {
"/rp-articles": { slug: string; title: string, tags?: string[] }[];
"/rp-articles": RPArticle[];
}
export type DJAPIResult = DJAPIResultMap[DJAPIEndpoint];

2
app/generative-energy/GEDeutsch.tsx
View File

@@ -31,7 +31,7 @@ export default defineComponent({
{rpArticles.value && rpArticles.value.map((_) => (
<li>
<RouterLink to={{ name: "GEDeutschArticle", params: { articleName: _.slug } }}>
{_.title}
{_.titleDe}
</RouterLink>
{_.tags?.map(tag => <span class="tag">{tag}</span>)}
</li>

14
app/generative-energy/GEDeutschArticle.tsx
View File

@@ -41,7 +41,13 @@ export default defineComponent({
const articleMetadata = computed(() => articleData.value?.find(_ => _.slug === props.articleName));
useHead({ title: () => articleMetadata.value?.title ?? '' });
useHead({
title: () => articleMetadata.value?.title ?? '',
metatags: () => articleMetadata.value ? [
{ name: 'title', content: articleMetadata.value.title },
{ name: 'author', content: articleMetadata.value.author },
] : [],
});
function transformArticleNode(node: Node): VNode | string {
if (node.nodeType === node.ELEMENT_NODE) {
@@ -49,6 +55,10 @@ export default defineComponent({
const attrs: Record<string, string> = {};
const children = [...node.childNodes].map((_) => transformArticleNode(_));
if (el.attributes.getNamedItem('lang')?.value === 'en') {
el.ariaHidden = 'true';
}
if (el.tagName === "P") {
(el as HTMLParagraphElement).dataset.tunit = '';
}
@@ -101,7 +111,7 @@ export default defineComponent({
</div>
<p class="text-slab">
Bei dem untenstehenden Artikel handelt es sich um eine hobbymäßige, amateurhafte Übersetzung des
Artikels „{ articleMetadata.value?.title }“ von Ray Peat. Bei Ungenauigkeiten oder Fehlübersetzungen freue ich mich über <DJEmail>eine Mail</DJEmail>!
Artikels „{ articleMetadata.value?.titleEn }“ von Ray Peat. Bei Ungenauigkeiten oder Fehlübersetzungen freue ich mich über <DJEmail>eine Mail</DJEmail>!
</p>
{ articleMetadata.value?.tags?.includes('in-arbeit') && <h5 class="baustelle">🚧 Bitte beachte, dass diese Übersetzung noch in Arbeit ist! 🚧</h5> }
<hr />

2
app/generative-energy/GEMain.tsx
View File

@@ -17,8 +17,8 @@ export default {
and my life in general. Hover over the links below for more detail.
</p>
</div>
<div class="text-slab">
<h2>Links</h2>
<div class="text-slab">
<ul>
<li>
<DJTooltip tooltip="Convert to and from grains, set ratios, etc.">

2
app/home/DJHomeRoot.tsx
View File

@@ -71,7 +71,7 @@ export default defineComponent({
stations, as well as the main municipalities, into English. You live in Allach? It's
Axleigh now. Giesing? Nope! Kyesing! This is a WIP.
">
München auf Englisch - Munich in English
M&uuml;nchen auf Englisch - Munich in English
</DJTooltip>
</a>
<a href="/kadi/">

1
app/useDJSSRContext.ts
View File

@@ -3,6 +3,7 @@ import { type MaybeRefOrGetter, useSSRContext } from "vue";
export type DJSSRContext = {
head: {
title: MaybeRefOrGetter<string>;
metatags: MaybeRefOrGetter<Array<{ name: string, content: string }>>;
};
registry: Record<string, unknown>;
styles: Record<string, string>;

26
app/useHead.ts
View File

@@ -1,19 +1,37 @@
import { watchEffect, toValue, type MaybeRefOrGetter } from 'vue';
import { watch, toValue, type MaybeRefOrGetter } from 'vue';
import useDJSSRContext from "@/useDJSSRContext.ts";
import { h } from "@/util.ts";
export default function useHead(params: {
title: MaybeRefOrGetter<string>,
metatags?: MaybeRefOrGetter<Array<{ name: string, content: string }>>
}) {
const context = useDJSSRContext();
if (context) {
context.head.title = params.title;
context.head.metatags = params.metatags ?? [];
} else {
watchEffect(() => {
const newTitle = toValue(params.title);
watch([() => toValue(params.title), () => toValue(params.metatags) ?? []], ([newTitle, newMetatags]) => {
if (newTitle) {
document.title = newTitle;
}
});
const currMetatags = document.head.querySelectorAll('meta');
const existing = new Set<string>();
for (const currMetatag of currMetatags) {
const match = newMetatags.find(_ => _.name === currMetatag.name);
if (!match) {
currMetatag.remove();
} else {
existing.add(match.name);
currMetatag.content = match.content;
}
}
for (const newMetatag of newMetatags) {
if (!existing.has(newMetatag.name)) {
document.head.appendChild(h('meta', newMetatag));
}
}
}, { immediate: true });
}
}

15
main.ts
View File

@@ -15,7 +15,10 @@ const utf8Decoder = new TextDecoder("utf-8");
const parser = new DOMParser();
function appHeaderScript(params: { ssrContext: DJSSRContext, entryPath: string }) {
return `<script type="importmap">
return `
<title>${ toValue(params.ssrContext.head.title) }</title>
${ toValue(params.ssrContext.head.metatags).map(_ => `<meta name="${ _.name }" content="${ _.content }">`).join('\n\t') }
<script type="importmap">
{
"imports": {
"vue": "/deps/vue/dist/vue.esm-browser.prod.js",
@@ -77,13 +80,16 @@ async function getAPIResponse(apiReq: Request): Promise<Response> {
for (const filePath of paths) {
const content = await Deno.readTextFile(filePath);
const dom = parser.parseFromString(content, 'text/html');
const metadata = { title: '', tags: [] as string[], slug: '' };
const metadata = { title: '', author: 'Ray Peat, übersetzt von Daniel Ledda', titleEn: '', titleDe: '', tags: [] as string[], slug: '' };
const metaTags = dom.querySelectorAll('meta') as unknown as NodeListOf<HTMLMetaElement>;
for (const metaTag of metaTags) {
const name = metaTag.attributes.getNamedItem('name')?.value ?? '';
const content = metaTag.attributes.getNamedItem('content')?.value ?? '';
if (name === 'title') {
if (name === 'title-de') {
metadata.titleDe = content;
metadata.title = content;
} else if (name === 'title-en') {
metadata.titleEn = content;
} else if (name === 'tags') {
metadata.tags = content ? content.split(",") : [];
} else if (name === 'slug') {
@@ -190,7 +196,7 @@ Deno.serve({
app.provide("dom-parse", (innerHTML: string) => {
return parser.parseFromString(innerHTML, "text/html").documentElement;
});
const ssrContext: DJSSRContext = { styles: {}, registry: {}, head: { title: "" } };
const ssrContext: DJSSRContext = { styles: {}, registry: {}, head: { title: "", metatags: [] } };
if (router) {
await router.replace(pathname.split("/generative-energy")[1]);
await router.isReady();
@@ -198,7 +204,6 @@ Deno.serve({
const rendered = await renderToString(app, ssrContext);
const content = utf8Decoder.decode(await Deno.readFile(siteTemplate))
.replace(`<!-- SSR OUTLET -->`, rendered)
.replaceAll("%TITLE%", toValue(ssrContext.head?.title) ?? "Site")
.replace(
`<!-- SSR HEAD OUTLET -->`,
appHeaderScript({ ssrContext, entryPath: clientEntry }),

121
public/generative-energy/content/caffeine.html
View File

@@ -1,6 +1,7 @@
<meta name="slug" content="caffeine">
<meta name="title" content="Koffein: ein vitamin-ähnlicher Nährstoff, oder Adaptogen">
<meta name="tags" content="in-arbeit">
<meta name="title-de" content="Koffein: ein vitaminähnlicher Nährstoff, oder Adaptogen">
<meta name="title-en" content="Caffeine: A vitamin-like nutrient, or adaptogen">
<meta name="tags" content="">
<h1 data-tunit>
<span lang="en">Caffeine: A vitamin-like nutrient, or adaptogen</span>
@@ -618,15 +619,8 @@
</span>
</p>
<hr>
<p>
🚧 Baustelle beginnt ab hier. 🚧
</p>
<hr>
<p>
<span lang="en">
Toxins and stressors often kill cells, for example in the brain, liver, and
immune system, by causing the cells to expend energy faster than it can be
replaced. There is an enzyme system that repairs genetic damage, called
@@ -636,16 +630,38 @@
death, without preventing the normal cellular turnover<strong>;</strong> that
is, they don"t produce tumors by preventing the death of cells that aren"t
needed.
</span>
<span lang="de">
Giftstoffe und Stressoren können Zellen oft töten, zum Beispiel im Gehirn, in der Leber, und im Immunsystem,
indem sie dafür sorgen, dass die Zellen ihre Energie schneller verbrauchen, als sie ersetzt werden kann. "PARP"
ist ein Enzymsystem, das genetische Schäden repariert. Die Aktivierung dieses Enzyms sorgt für große
Energieverschwendung, und Stoffe, die es hemmen, können den Zelltod aufhalten. Niacin und Koffein können dieses
Enzym ausreichend hemmen, um diesem typischen Zelltod vorzubeugen, ohne den normalen Zellenumsatz zu
verhindern; sprich, Tumoren werden nicht begünstigt, weil sie den Zelltod von nicht
gebrauchten Zellen eben nicht verhindern.
</span>
</p>
<p>
<span lang="en">
The purines are important in a great variety of regulatory processes, and
caffeine fits into this complex system in other ways that are often protective
against stress. For example, it has been proposed that tea can protect against
circulatory disease by preventing abnormal clotting, and the mechanism seems
to be that caffeine (or theophylline) tends to restrain stress-induced
platelet aggregaton.
</span>
<span lang="de">
Die Purine sind für eine Vielzahl von regulierenden Prozessen wichtig, und Koffein passt in dieses System
in vielerlei Hinsicht hinein, und weist oft eine schützende Wirkung auf. Es wurde zum Beispiel vorgeschlagen,
dass Tee vor Herzkreislauferkrankungen schützen kann, indem es abnormale Blutgerinnung verhindert, und der
Mechanismus ist scheinbar, dass Koffein (bzw. Theophyllin) dazu neigt, durch Stress verursachte
Thrombozytenaggregation zu hemmen.
</span>
</p>
<p>
<span lang="en">
When platelets clump, they release various factors that contribute to the
development of a clot. Serotonin is one of these, and is released by other
kinds of cell, including mast cells and basophils and nerve cells. Serotonin
@@ -653,16 +669,33 @@
and inflammation, and the release of many other stress mediators. Caffeine,
besides inhibiting the platelet aggregation, also tends to inhibit the release
of serotonin, or to promote its uptake and binding.
</span>
<span lang="de">
Wenn Blutplättchen verklumpen, schütten sie mehrere Faktoren aus, die zur Entwicklung einer Gerinnung beitragen.
Serotonin ist einer dieser Faktoren, und es wird von anderen Zellenarten ausgeschüttet, wie zum Beispiel
Mastzellen, Basophilen, und Nervenzellen. Serotonin sorgt für Gefäßkrämpfe und einen erhöhten Blutdruck,
Durchlässigkeit und Entzündung der Blutgefäße, und die Ausschüttung vieler anderer Stress-vermittelnder
Stoffe.
</span>
</p>
<p>
<span lang="en">
J. W. Davis, et al., 1996, found that high uric acid levels seem to protect
against the development of Parkinson"s disease. They ascribed this effect to
uric acid"s antioxidant function. Coffee drinking, which <em>lowers</em> uric
acid levels, nevertheless appeared to be much more strongly protective against
Parkinson"s disease than uric acid.
</span>
<span lang="de">
J. W. Davis, et al., 1996, beobachteten, dass einen hohen Harnsäurespiegel offenbar vor der Entwicklung von
Parkinson schützt. Sie schrieben diese Wirkung der antioxidativen Funktion von Harnsäure zu. Das Trinken von
Kaffee, was den Harnsäurespiegel senkt, schien dennoch noch viel stärker vor Parkinson zu schützen als Harnsäure.
</span>
</p>
<p>
<span lang="en">
Possibly more important than coffee"s ability to protect the health is the way
it does it. The studies that have tried to gather evidence to show that coffee
is harmful, and found the opposite, have provided insight into several
@@ -671,14 +704,32 @@
associated with a low incidence of Parkinson"s disease could focus attention
on the ways that thyroid and carbon dioxide and serotonin, estrogen, mast
cells, histamine and blood clotting interact to produce nerve cell death.
</span>
<span lang="de">
Möglicherweise noch wichtiger als der gesundheitsschützende Effekt von Kaffee ist seine genaue Wirkungsweise.
Studien, die Beweise dafür zu sammeln suchten, dass Kaffee schädlich ist, und das Gegenteil beobachteten,
bieten ein besseres Verständnis für mehrere Krankheiten. Die Wirkung von Kaffee auf Serotonin, zum Beispiel,
ähnelt stark der von Kohlenstoffdioxid und den Schilddrüsenhormone. Die Beobachtung, dass das Trinken von Kaffee
mit einer geringen Parkinsoninzidenz einhergeht, könnte die Aufmerksamkeit darauf lenken, wie die
Schilddrüsenhormone und Kohlenstoffdioxid mit Serotonin, Östrogen, Mastzellen, Histamin, und Blutgerinnung
bei der Entwicklung von Nervenzelltod interagieren.
</span>
</p>
<p>
<span lang="en">
Thinking about how caffeine can be beneficial across such a broad spectrum of
problems can give us a perspective on the similarities of their underlying
physiology and biochemistry, expanding the implications of stress, biological
energy, and adaptability.
</span>
<span lang="de">
Wenn wir darüber nachdenken, wie Koffein bei einem breiten Spektrum von Problemen positiv wirksam sein kann,
können wir eine Perspektive für die ihnen zugrundeliegende Physiologie und Biochemie erhalten, was die
Implikationen für Stress biologische Energie, und unsere Anpassungsfähigkeit erweitert.
</span>
</p>
<p>
<span lang="en">
The observation that coffee drinkers have a low incidence of suicide, for
example, might be physiologically related to the large increase in suicide
rate among people who use the newer antidepressants called "serotonin reuptake
@@ -688,14 +739,32 @@
increases metabolic energy, and tends to improve mood. In animal studies, it
reverses the state of helplessness or despair, often more effectively than
so-called antidepressants.
</span>
<span lang="de">
Die Beobachtung, dass Kaffeetrinker eine geringe Suizidrate haben, zum Beispiel, könnte physiologisch damit
zusammenhängen, dass die Suizidrate unter Personen höher ist, die die neuen Antidepressiva verwenden, die
"Serotonin-Wiederaufnahmehemmer". Serotoninüberschuss verursacht viele Depressionsmerkmale, wie zum Beispiel
erlernte Hilfslosigkeit und eine niedrigere Stoffwechselrate, während Kaffee die <em>Aufnahme</em>
(Deaktivierung oder Speicherung) von Serotonin stimuliert, Stoffwechselenergie erhöht, und die Stimmung
gewöhnlicherweise verbessert. In Tierversuchen sorgt es für die Umkehrung des Hilfslosigkeitszustands oder der
Verzweiflung, oft noch effektiver als die sogenannten Antidepressiva.
</span>
</p>
<p>
<span lang="en">
The research on caffeine"s effects on blood pressure, and on the use of fuel
by the more actively metabolizing cells, hasn"t clarified its effects on
respiration and nutrition, but some of these experiments confirm things that
coffee drinkers usually learn for themselves.
</span>
<span lang="de">
Die Forschung zu den Wirkungen von Koffein auf Blutdruck, sowie auf den Gebrauch von Brennstoffen von den
aktiver verstoffwechselnden Zellen, bietet noch keine Aufklärung zu den Wirkungen auf Veratmung und Ernährung,
aber einige dieser Experimente bestätigen einiges, das Kaffeetrinker am eigenen Leibe erfahren.
</span>
</p>
<p>
<span lang="en">
Often, a woman who thinks that she has symptoms of hypoglycemia says that
drinking even the smallest amount of coffee makes her anxious and shaky.
Sometimes, I have suggested that they try drinking about two ounces of coffee
@@ -704,8 +773,19 @@
between meals. Although we don"t know exactly why caffeine improves an
athlete"s endurance, I think the same processes are involved when coffee
increases a person"s "endurance" in ordinary activities.
</span>
<span lang="de">
Oft sagen Frauen, die unter Symptomen von Unterzuckerung zu leiden glauben, dass das Trinken von selbst der
kleinsten Menge Kaffee bei ihnen für Unruhe und Zittern sorgt. Manchmal habe ich geraten, dass sie versuchen
sollen, ungefähr zwei Unzen [~60ml] Kaffee zusammen mit Sahne oder Milch bei einer Mahlzeit zu trinken. Häufig
stellen sie fest, dass zu einer Reduzierung ihrer Unterzuckerungssymptome führt, und ermöglicht es ihnen,
zwischen Mahlzeiten symptomfrei zu bleiben. Obwohl wir nicht genau wissen, warum Koffein die Ausdauer von
Leistungssportlern verbessert, denke ich, dass die gleichen Vorgänge am Werk sind, wenn Kaffee die "Ausdauer"
eine Person bei normalen Aktivitäten erhöht.
</span>
</p>
<p>
<span lang="en">
Caffeine has remarkable parallels to thyroid and progesterone, and the use of
coffee or tea can help to maintain their production, or compensate for their
deficiency. Women spontaneously drink more coffee premenstrually, and since
@@ -719,15 +799,34 @@
<em>locally</em> activate thyroid secretion by a variety of mechanisms,
increasing cyclic AMP and decreasing serotonin in thyroid cells, for example,
and also by lowering the systemic stress mediators.
</span>
<span lang="de">
Koffein teilt bemerkenswerte Parallele mit den Schilddrüsenhormonen und Progesteron, und der Konsum von Kaffee
oder Tee kann dabei helfen, deren Produktion aufrechtzuerhalten, oder deren Mangel kompensieren. Frauen trinken
prämenstruell spontan mehr Kaffee und, da Koffein bekanntermaßen die Konzentration von Progesteron im Gehirn
erhöht, ist das offensichtlich eine spontane und rationale Form der Selbstmedikation; jedoch sehen medizinische
Redakteure die Kausalität gerne umgekehrt, und geben dem Kaffeekonsum die Schuld an eben den Symptomen, die dieser
tatsächlich lindert.
</span>
</p>
<p>
<span lang="en">
Medical editors like to publish articles that reinforce important prejudices,
even if, scientifically, they are trash. The momentum of a bad idea can
probably be measured by the tons of glossy paper that have gone into its
development. Just for the sake of the environment, it would be nice if editors
would try to think in terms of evidence and biological mechanisms, rather than
stereotypes.
</span>
<span lang="de">
Medizinische Redakteure veröffentlichen gerne Artikel, die wichtige Vorurteile stärken, selbst wenn sie
wissenschaftlicher Müll sind. Das Momentum einer schlechten Idee kann wahrscheinlich daran gemessen werden, wie
viele Tonnen Hochglanzpapier in ihre Entwicklung geflossen sind. Nur der Umwelt zuliebe wäre es schön,
wenn die Redakteure im Sinne von Beweisen und biologischen Mechanismen anstatt Stereotypen denken würden.
</span>
</p>
<p class="notranslate">
<p data-notranslate>
<a href="https://raypeat.com/articles/articles/hypothyroidism.shtml">Originalartikel und Quellenverzeichnis</a>
</p>

5
public/generative-energy/content/hypothyroidism.html
View File

@@ -1,5 +1,8 @@
<meta name="title" content="TSH, Temperatur, Puls, und andere Indikatoren bei einer Schilddrüsenunterfunktion">
<meta name="slug" content="hypothyroidism">
<meta name="title-de" content="TSH, temperature, pulse rate, and other indicators in hypothyroidism">
<meta name="title-en" content="TSH, Temperatur, Puls, und andere Indikatoren bei einer Schilddrüsenunterfunktion">
<meta name="author" content="Ray Peat">
<meta name="translator" content="Daniel Ledda">
<meta name="tags" content="">
<h1 data-tunit>

2
public/generative-energy/index_template.html
View File

@@ -3,7 +3,6 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>%TITLE%</title>
<link rel="stylesheet" href="/generative-energy/styles.css">
<link
@@ -12,7 +11,6 @@
<!-- <link rel="icon" href="/generative-energy/favicon.ico" sizes="any" /> -->
<meta name="description" content="Generative Energy - A page dedicated to Dr. Raymond Peat">
<meta property="og:title" content="%TITLE%">
<meta property="og:image" content="icecream.png">
<!-- SSR HEAD OUTLET -->

42
public/generative-energy/styles.css
View File

@@ -46,8 +46,20 @@ span.tag {
.header {
margin-top: 20px;
text-align: center;
button {
margin-top: 10px;
}
@media (min-width: 370px) {
display: flex;
justify-content: space-between;
button {
margin: 0;
}
}
}
[data-tunit] {
@@ -60,22 +72,24 @@ span.tag {
}
button.swap {
background-color: white;
background-color: rgb(96, 128, 96);
height: 25px;
width: 25px;
font-size: 16px;
border-radius: 3px;
border: solid 1px gray;
font-size: 18px;
border-radius: 6px;
border: 0;
cursor: pointer;
position: absolute;
color: white;
top: 5px;
right: 5px;
opacity: 0%;
transition: opacity 150ms;
font-weight: bold;
transition: background-color 150ms, opacity 150ms;
}
button.swap:hover {
background-color: lightgray;
background-color: rgb(57, 85, 57);
}
[data-tunit]:hover > button.swap {
@@ -165,6 +179,20 @@ hr {
footer {
margin-bottom: 20px;
.bottom {
text-align: center;
display: block;
.dj-donate {
margin-top: 16px;
}
img {
display: inline-block;
}
}
@media (min-width: 600px) {
.bottom {
display: flex;
flex-direction: row;
@@ -177,8 +205,6 @@ footer {
.dj-donate {
text-align: right;
}
img {
display: inline-block;
}
}
}