www.nixre.net/tags/diy/index.html
c47 f5f6231a6f
Change primary color of the light theme
Contrast was too high, so I added an additional stylesheet to override
then css variable.
2024-03-03 11:18:33 +01:00

203 lines
8.3 KiB
HTML

<!DOCTYPE html>
<html lang="en" dir="auto">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="robots" content="index, follow">
<title>diy | nixre.net</title>
<meta name="keywords" content="">
<meta name="description" content="Personal website">
<meta name="author" content="c47">
<link rel="canonical" href="https://www.nixre.net/tags/diy/">
<link rel="stylesheet" type="text/css" href="/fonts/Fork-Awesome/css/fork-awesome.min.css">
<link rel="stylesheet" type="text/css" href="/style.css">
<link crossorigin="anonymous" href="/assets/css/stylesheet.745d5d8db92185a9f0a7d25ab7baabd4cee0fee5c68f6b521b7383175df39d84.css" integrity="sha256-dF1djbkhhanwp9Jat7qr1M7g/uXGj2tSG3ODF13znYQ=" rel="preload stylesheet" as="style">
<link rel="icon" href="https://www.nixre.net/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="https://www.nixre.net/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://www.nixre.net/favicon-32x32.png">
<link rel="apple-touch-icon" href="https://www.nixre.net/apple-touch-icon.png">
<link rel="mask-icon" href="https://www.nixre.net/safari-pinned-tab.svg">
<meta name="theme-color" content="#2e2e33">
<meta name="msapplication-TileColor" content="#2e2e33">
<noscript>
<style>
#theme-toggle,
.top-link {
display: none;
}
</style>
</noscript><meta property="og:title" content="diy" />
<meta property="og:description" content="Personal website" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.nixre.net/tags/diy/" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="diy"/>
<meta name="twitter:description" content="Personal website"/>
</head>
<body class="list dark" id="top">
<script>
if (localStorage.getItem("pref-theme") === "light") {
document.body.classList.remove('dark')
}
</script>
<header class="header">
<nav class="nav">
<div class="logo">
<a href="https://www.nixre.net/" accesskey="h" title="nixre.net (Alt + H)">nixre.net</a>
<div class="logo-switches">
<button id="theme-toggle" accesskey="t" title="(Alt + T)">
<svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round">
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
</svg>
<svg id="sun" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round">
<circle cx="12" cy="12" r="5"></circle>
<line x1="12" y1="1" x2="12" y2="3"></line>
<line x1="12" y1="21" x2="12" y2="23"></line>
<line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
<line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
<line x1="1" y1="12" x2="3" y2="12"></line>
<line x1="21" y1="12" x2="23" y2="12"></line>
<line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
<line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
</svg>
</button>
</div>
</div>
<ul id="menu">
<li>
<a href="https://www.nixre.net/blog/" title="Blog">
<span>Blog</span>
</a>
</li>
<li>
<a href="https://www.nixre.net/categories/" title="Categories">
<span>Categories</span>
</a>
</li>
<li>
<a href="https://www.nixre.net/tags/" title="Tags">
<span>Tags</span>
</a>
</li>
<li>
<a href="https://www.nixre.net/series/" title="Series">
<span>Series</span>
</a>
</li>
<li>
<a href="https://www.nixre.net/about/" title="About">
<span>About</span>
</a>
</li>
</ul>
</nav>
</header>
<main class="main">
<header class="page-header">
<h1>
diy
</h1>
</header>
<article class="post-entry tag-entry">
<header class="entry-header">
<h2 class="entry-hint-parent">Hafermilch
</h2>
</header>
<div class="entry-content">
<p>Schon seit einer Weile versuche ich verschiedenste Dinge, um eine Zubereitungsart zu finden, die mir fuer selbstgemachte Hafermilch gefaellt. Einerseits, um selbst Einfluss auf Geschmack und Inhalt nehmen zu koennen und andererseits, um Tetrapacks einzusparen.
Ich fand eine Zubereitung im Netz , in deren Kommentarbereich darauf hingewiesen wurde, dass die Temperatur eine Rolle spielt und das Schleimen verhindert werden kann, wenn das Wasser kalt genug ist. Daraufhin nahm ich anfangs wenig Wasser und gab nach etwas Puerieren wieder Wasser hinzu, um so die Gesamttemperatur immer wieder herabzusenken....</p>
</div>
<footer class="entry-footer"><span title='2022-05-28 22:08:28 +0100 +0100'>[ Published: 2022-05-28 ]</span>&nbsp; &middot; &nbsp;<span title='2022-05-29 08:13:08 +0100 +0100'>[ Last modified: 2022-05-29 ]</span>&nbsp; &middot; &nbsp;2 min&nbsp; &middot; &nbsp;267 words&nbsp; &middot; &nbsp;c47</footer>
<a class="entry-link" aria-label="post link to Hafermilch" href="https://www.nixre.net/blog/hafermilch/"></a>
</article>
</main>
<footer class="footer">
<span>&copy; 2024 <a href="https://www.nixre.net/">nixre.net</a></span>
<span>
Powered by
<a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
<a href="https://github.com/adityatelange/hugo-PaperMod/" rel="noopener" target="_blank">PaperMod</a>
<a href="/impressum/">Impressum</a>
</span>
</footer>
<a href="#top" aria-label="go to top" title="Go to Top (Alt + G)" class="top-link" id="top-link" accesskey="g">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="currentColor">
<path d="M12 6H0l6-6z" />
</svg>
</a>
<script>
let menu = document.getElementById('menu')
if (menu) {
menu.scrollLeft = localStorage.getItem("menu-scroll-position");
menu.onscroll = function () {
localStorage.setItem("menu-scroll-position", menu.scrollLeft);
}
}
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener("click", function (e) {
e.preventDefault();
var id = this.getAttribute("href").substr(1);
if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView({
behavior: "smooth"
});
} else {
document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView();
}
if (id === "top") {
history.replaceState(null, null, " ");
} else {
history.pushState(null, null, `#${id}`);
}
});
});
</script>
<script>
var mybutton = document.getElementById("top-link");
window.onscroll = function () {
if (document.body.scrollTop > 800 || document.documentElement.scrollTop > 800) {
mybutton.style.visibility = "visible";
mybutton.style.opacity = "1";
} else {
mybutton.style.visibility = "hidden";
mybutton.style.opacity = "0";
}
};
</script>
<script>
document.getElementById("theme-toggle").addEventListener("click", () => {
if (document.body.className.includes("dark")) {
document.body.classList.remove('dark');
localStorage.setItem("pref-theme", 'light');
} else {
document.body.classList.add('dark');
localStorage.setItem("pref-theme", 'dark');
}
})
</script>
</body>
</html>