pages-ci/index.html
2023-09-29 14:41:39 +00:00

216 lines
8.6 KiB
HTML

<!DOCTYPE html>
<html lang="en" dir="auto">
<head>
<meta name="generator" content="Hugo 0.111.3"><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="noindex, nofollow">
<title>My New Hugo Site</title>
<meta name="description" content="">
<meta name="author" content="">
<link rel="canonical" href="https://deblan.gitnet.page/pages-ci/">
<link crossorigin="anonymous" href="/pages-ci/assets/css/stylesheet.bc1149f4a72aa4858d3a9f71462f75e5884ffe8073ea9d6d5761d5663d651e20.css" integrity="sha256-vBFJ9KcqpIWNOp9xRi915YhP/oBz6p1tV2HVZj1lHiA=" rel="preload stylesheet" as="style">
<link rel="icon" href="https://deblan.gitnet.page/pages-ci/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="https://deblan.gitnet.page/pages-ci/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://deblan.gitnet.page/pages-ci/favicon-32x32.png">
<link rel="apple-touch-icon" href="https://deblan.gitnet.page/pages-ci/apple-touch-icon.png">
<link rel="mask-icon" href="https://deblan.gitnet.page/pages-ci/safari-pinned-tab.svg">
<meta name="theme-color" content="#2e2e33">
<meta name="msapplication-TileColor" content="#2e2e33">
<link rel="alternate" type="application/rss+xml" href="https://deblan.gitnet.page/pages-ci/index.xml">
<noscript>
<style>
#theme-toggle,
.top-link {
display: none;
}
</style>
<style>
@media (prefers-color-scheme: dark) {
:root {
--theme: rgb(29, 30, 32);
--entry: rgb(46, 46, 51);
--primary: rgb(218, 218, 219);
--secondary: rgb(155, 156, 157);
--tertiary: rgb(65, 66, 68);
--content: rgb(196, 196, 197);
--hljs-bg: rgb(46, 46, 51);
--code-bg: rgb(55, 56, 62);
--border: rgb(51, 51, 51);
}
.list {
background: var(--theme);
}
.list:not(.dark)::-webkit-scrollbar-track {
background: 0 0;
}
.list:not(.dark)::-webkit-scrollbar-thumb {
border-color: var(--theme);
}
}
</style>
</noscript>
</head>
<body class="list" id="top">
<script>
if (localStorage.getItem("pref-theme") === "dark") {
document.body.classList.add('dark');
} else if (localStorage.getItem("pref-theme") === "light") {
document.body.classList.remove('dark')
} else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
document.body.classList.add('dark');
}
</script>
<header class="header">
<nav class="nav">
<div class="logo">
<a href="https://deblan.gitnet.page/pages-ci/" accesskey="h" title="My New Hugo Site (Alt + H)">My New Hugo Site</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">
</ul>
</nav>
</header>
<main class="main">
<article class="first-entry">
<header class="entry-header">
<h2>My Third Post
</h2>
</header>
<div class="entry-content">
<p></p>
</div>
<footer class="entry-footer"><span title='2022-07-30 23:51:16 +0200 +0200'>July 30, 2022</span></footer>
<a class="entry-link" aria-label="post link to My Third Post" href="https://deblan.gitnet.page/pages-ci/posts/my-third-post/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>My Second Post
</h2>
</header>
<div class="entry-content">
<p>Second post </p>
</div>
<footer class="entry-footer"><span title='2022-07-25 16:00:20 +0200 +0200'>July 25, 2022</span></footer>
<a class="entry-link" aria-label="post link to My Second Post" href="https://deblan.gitnet.page/pages-ci/posts/my-second-post/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>My First Post (A)
</h2>
</header>
<div class="entry-content">
<p>Hello, world! Aliquip non nisi id minim magna ut. Dolor enim Lorem deserunt nisi ad magna velit magna id magna cillum. Elit nostrud nostrud consectetur culpa aliqua duis sit commodo.
Consectetur proident anim dolor nisi nostrud ad excepteur anim exercitation est amet dolore incididunt magna. Irure deserunt dolor culpa ea reprehenderit minim cillum nisi velit ex culpa amet sit eiusmod. Fugiat sint commodo dolore proident do labore fugiat qui esse Lorem amet consectetur....</p>
</div>
<footer class="entry-footer"><span title='2022-07-25 12:44:14 +0200 +0200'>July 25, 2022</span></footer>
<a class="entry-link" aria-label="post link to My First Post (A)" href="https://deblan.gitnet.page/pages-ci/posts/my-first-post/"></a>
</article>
</main>
<footer class="footer">
<span>&copy; 2023 <a href="https://deblan.gitnet.page/pages-ci/">My New Hugo Site</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>
</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>