www.nixre.net/blog/hello-world/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

280 lines
12 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>Hello World | nixre.net</title>
<meta name="keywords" content="">
<meta name="description" content="Today Ive spent a little time to set a this website with hugo and this is my first post to say “Hello” to my dear readers :-)
Already two or three times I took a look at hugo and each time I had quite a few problems to really start with it. I think hugo isnt very easy at the beginning and to be honest in some aspects its logic really doesnt match with mine, but I decided to use hugo now and to get used to it.">
<meta name="author" content="c47">
<link rel="canonical" href="https://www.nixre.net/blog/hello-world/">
<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="Hello World" />
<meta property="og:description" content="Today Ive spent a little time to set a this website with hugo and this is my first post to say “Hello” to my dear readers :-)
Already two or three times I took a look at hugo and each time I had quite a few problems to really start with it. I think hugo isnt very easy at the beginning and to be honest in some aspects its logic really doesnt match with mine, but I decided to use hugo now and to get used to it." />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://www.nixre.net/blog/hello-world/" /><meta property="article:section" content="blog" />
<meta property="article:published_time" content="2021-12-24T20:18:37+01:00" />
<meta property="article:modified_time" content="2024-02-19T20:46:35+01:00" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="Hello World"/>
<meta name="twitter:description" content="Today Ive spent a little time to set a this website with hugo and this is my first post to say “Hello” to my dear readers :-)
Already two or three times I took a look at hugo and each time I had quite a few problems to really start with it. I think hugo isnt very easy at the beginning and to be honest in some aspects its logic really doesnt match with mine, but I decided to use hugo now and to get used to it."/>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1 ,
"name": "Blog",
"item": "https://www.nixre.net/blog/"
},
{
"@type": "ListItem",
"position": 2 ,
"name": "Hello World",
"item": "https://www.nixre.net/blog/hello-world/"
}
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BlogPosting",
"headline": "Hello World",
"name": "Hello World",
"description": "Today Ive spent a little time to set a this website with hugo and this is my first post to say “Hello” to my dear readers :-)\nAlready two or three times I took a look at hugo and each time I had quite a few problems to really start with it. I think hugo isnt very easy at the beginning and to be honest in some aspects its logic really doesnt match with mine, but I decided to use hugo now and to get used to it.",
"keywords": [
],
"articleBody": "Today Ive spent a little time to set a this website with hugo and this is my first post to say “Hello” to my dear readers :-)\nAlready two or three times I took a look at hugo and each time I had quite a few problems to really start with it. I think hugo isnt very easy at the beginning and to be honest in some aspects its logic really doesnt match with mine, but I decided to use hugo now and to get used to it. Especially because I really like the “Color your world” theme :-)\nI still have to find out a few things with hugo and how I can customize templates and make the system do what I have in mind, but for now Im relatively satisfied with this first version.\nI wish you all a pleasant holiday and see you soon :-)\nc47\n",
"wordCount" : "149",
"inLanguage": "en",
"datePublished": "2021-12-24T20:18:37+01:00",
"dateModified": "2024-02-19T20:46:35+01:00",
"author":{
"@type": "Person",
"name": "c47"
},
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://www.nixre.net/blog/hello-world/"
},
"publisher": {
"@type": "Organization",
"name": "nixre.net",
"logo": {
"@type": "ImageObject",
"url": "https://www.nixre.net/favicon.ico"
}
}
}
</script>
</head>
<body class=" 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">
<article class="post-single">
<header class="post-header">
<h1 class="post-title entry-hint-parent">
Hello World
</h1>
<div class="post-meta"><span title='2021-12-24 20:18:37 +0100 CET'>[ Published: 2021-12-24 ]</span>&nbsp; &middot; &nbsp;<span title='2024-02-19 20:46:35 +0100 CET'>[ Last modified: 2024-02-19 ]</span>&nbsp; &middot; &nbsp;1 min&nbsp; &middot; &nbsp;149 words&nbsp; &middot; &nbsp;c47
</div>
</header>
<div class="post-content"><p>Today Ive spent a little time to set a this website with hugo and this is my first post to say “Hello” to my dear readers :-)</p>
<p>Already two or three times I took a look at hugo and each time I had quite a few problems to really start with it. I think hugo isnt very easy at the beginning and to be honest in some aspects its logic really doesnt match with mine, but I decided to use hugo now and to get used to it. Especially because I really like the “Color your world” theme :-)</p>
<p>I still have to find out a few things with hugo and how I can customize templates and make the system do what I have in mind, but for now Im relatively satisfied with this first version.</p>
<p>I wish you all a pleasant holiday and see you soon :-)</p>
<p>c47</p>
</div>
<footer class="post-footer">
<ul class="post-tags">
</ul>
</footer>
</article>
<nav class="paginav">
<a class="prev" href="https://www.nixre.net/blog/web0/">
<span class="title">« Prev</span>
<br>
<span>Web0</span>
</a>
</nav>
</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>