484 lines
8.9 KiB
HTML
484 lines
8.9 KiB
HTML
<!DOCTYPE html>
|
|
|
|
|
|
<html lang="en-us" data-theme="">
|
|
<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
|
|
|
|
|
<meta charset="utf-8">
|
|
<meta name="HandheldFriendly" content="True">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="referrer" content="no-referrer-when-downgrade">
|
|
|
|
<title>My first port - Thanwer’s Blog</title>
|
|
|
|
<meta name="description" content="
|
|
|
|
|
|
#
|
|
|
|
Introduction
|
|
|
|
|
|
This is bold text, and this is emphasized text.
|
|
Visit the Hugo website!">
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="icon" type="image/x-icon" href="http://localhost:1313/favicon.ico">
|
|
<link rel="apple-touch-icon-precomposed" href="http://localhost:1313/favicon.png">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
body {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
}
|
|
</style>
|
|
|
|
<noscript>
|
|
<style>
|
|
body {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
</style>
|
|
</noscript>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="/css/style.03df79c682b91915c7cd261ecd1a6ec4d0fe668c98fa46310d0fbade319b11bd.css" integrity="sha256-A995xoK5GRXHzSYezRpuxND+ZoyY+kYxDQ+63jGbEb0=">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="/css/style.9c1888ebff42c0224ce04dac10cb2c401f1b77f54f78e8d87d73c3bed781c263.css" integrity="sha256-nBiI6/9CwCJM4E2sEMssQB8bd/VPeOjYfXPDvteBwmM=">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="/css/style.acd606c0fce58853afe0248d37bb41acbbcdd8b1aca2412b6c0fa760da0137f3.css" integrity="sha256-rNYGwPzliFOv4CSNN7tBrLvN2LGsokErbA+nYNoBN/M=">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script src="/js/script.672e2309c296e07c18bcd08b28d797a56222ff941d65f308fba3158c44885b14.js" type="text/javascript" charset="utf-8" integrity="sha256-Zy4jCcKW4HwYvNCLKNeXpWIi/5QdZfMI+6MVjESIWxQ="></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</head>
|
|
<body>
|
|
<a class="skip-main" href="#main">Skip to main content</a>
|
|
<div class="container">
|
|
<header class="common-header">
|
|
|
|
<div class="header-top">
|
|
<div class="header-top-left">
|
|
<h1 class="site-title noselect">
|
|
<a href="/">Thanwer's Blog</a>
|
|
</h1>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="theme-switcher">
|
|
<span class="inline-svg">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-sun-high"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14.828 14.828a4 4 0 1 0 -5.656 -5.656a4 4 0 0 0 5.656 5.656z" /><path d="M6.343 17.657l-1.414 1.414" /><path d="M6.343 6.343l-1.414 -1.414" /><path d="M17.657 6.343l1.414 -1.414" /><path d="M17.657 17.657l1.414 1.414" /><path d="M4 12h-2" /><path d="M12 4v-2" /><path d="M20 12h2" /><path d="M12 20v2" /></svg>
|
|
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
|
|
<script>
|
|
const STORAGE_KEY = 'user-color-scheme'
|
|
const defaultTheme = "light"
|
|
|
|
let currentTheme
|
|
let switchButton
|
|
let autoDefinedScheme = window.matchMedia('(prefers-color-scheme: dark)')
|
|
|
|
function switchTheme(e) {
|
|
currentTheme = (currentTheme === 'dark') ? 'light' : 'dark';
|
|
if (localStorage) localStorage.setItem(STORAGE_KEY, currentTheme);
|
|
document.documentElement.setAttribute('data-theme', currentTheme);
|
|
changeGiscusTheme(currentTheme);
|
|
document.body.dispatchEvent(new CustomEvent(currentTheme + "-theme-set"));
|
|
}
|
|
|
|
const autoChangeScheme = e => {
|
|
currentTheme = e.matches ? 'dark' : 'light'
|
|
document.documentElement.setAttribute('data-theme', currentTheme);
|
|
changeGiscusTheme(currentTheme);
|
|
document.body.dispatchEvent(new CustomEvent(currentTheme + "-theme-set"));
|
|
}
|
|
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
switchButton = document.querySelector('.theme-switcher')
|
|
currentTheme = detectCurrentScheme()
|
|
|
|
if (currentTheme === 'auto') {
|
|
autoChangeScheme(autoDefinedScheme);
|
|
autoDefinedScheme.addListener(autoChangeScheme);
|
|
} else {
|
|
document.documentElement.setAttribute('data-theme', currentTheme)
|
|
}
|
|
|
|
if (switchButton) {
|
|
switchButton.addEventListener('click', switchTheme, false)
|
|
}
|
|
|
|
showContent();
|
|
})
|
|
|
|
function detectCurrentScheme() {
|
|
if (localStorage !== null && localStorage.getItem(STORAGE_KEY)) {
|
|
return localStorage.getItem(STORAGE_KEY)
|
|
}
|
|
if (defaultTheme) {
|
|
return defaultTheme
|
|
}
|
|
return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
|
|
}
|
|
|
|
function showContent() {
|
|
document.body.style.visibility = 'visible';
|
|
document.body.style.opacity = 1;
|
|
}
|
|
|
|
function changeGiscusTheme (theme) {
|
|
function sendMessage(message) {
|
|
const iframe = document.querySelector('iframe.giscus-frame');
|
|
if (!iframe) return;
|
|
iframe.contentWindow.postMessage({ giscus: message }, 'https://giscus.app');
|
|
}
|
|
|
|
sendMessage({
|
|
setConfig: {
|
|
theme: theme
|
|
}
|
|
});
|
|
}
|
|
</script>
|
|
|
|
|
|
<ul class="social-icons noselect">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<li>
|
|
<a href="/index.xml" title="RSS" rel="me">
|
|
<span class="inline-svg">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-rss"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M4 4a16 16 0 0 1 16 16" /><path d="M4 11a9 9 0 0 1 9 9" /></svg>
|
|
|
|
|
|
</span>
|
|
|
|
</a>
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
<div class="header-top-right">
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<nav></nav>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</header>
|
|
<main id="main" tabindex="-1">
|
|
|
|
|
|
|
|
<article class="post h-entry">
|
|
<div class="post-header">
|
|
<header>
|
|
<h1 class="p-name post-title draft">My first port</h1>
|
|
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
<div class="post-info noselect">
|
|
|
|
<div class="post-date dt-published">
|
|
<time datetime="2024-10-19">2024-10-19</time>
|
|
|
|
</div>
|
|
|
|
|
|
<a class="post-hidden-url u-url" href="/posts/my-first-post/">/posts/my-first-post/</a>
|
|
<a href="http://localhost:1313/" class="p-name p-author post-hidden-author h-card" rel="me">map[name:Pietro Arancibia]</a>
|
|
|
|
|
|
<div class="post-taxonomies">
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<details class="toc noselect">
|
|
<summary>Table of Contents</summary>
|
|
<div class="inner"><nav id="TableOfContents">
|
|
<ul>
|
|
<li><a href="#introduction">Introduction</a></li>
|
|
</ul>
|
|
</nav></div>
|
|
</details>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
var toc = document.querySelector(".toc");
|
|
if (toc) {
|
|
toc.addEventListener("click", function () {
|
|
if (event.target.tagName !== "A") {
|
|
event.preventDefault();
|
|
if (this.open) {
|
|
this.open = false;
|
|
this.classList.remove("expanded");
|
|
} else {
|
|
this.open = true;
|
|
this.classList.add("expanded");
|
|
}
|
|
}
|
|
});
|
|
}
|
|
</script>
|
|
|
|
<div class="content e-content">
|
|
<h2 id="introduction" >
|
|
<div>
|
|
<a href="#introduction">
|
|
#
|
|
</a>
|
|
Introduction
|
|
</div>
|
|
</h2>
|
|
<p>This is <strong>bold</strong> text, and this is <em>emphasized</em> text.</p>
|
|
<p>Visit the <a href="https://gohugo.io">Hugo</a> website!</p>
|
|
|
|
</div>
|
|
|
|
</article>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</main>
|
|
|
|
<footer class="common-footer noselect">
|
|
|
|
|
|
|
|
<div class="common-footer-bottom">
|
|
|
|
|
|
<div style="display: flex; align-items: center; gap:8px">
|
|
© Pietro Arancibia, 2024
|
|
|
|
</div>
|
|
<div style="display:flex;align-items: center">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
<div>
|
|
Powered by <a target="_blank" rel="noopener noreferrer" href="https://gohugo.io/">Hugo</a>, theme <a target="_blank" rel="noopener noreferrer" href="https://github.com/Junyi-99/hugo-theme-anubis2">Anubis2</a>.<br>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<p class="h-card vcard">
|
|
|
|
<a href=http://localhost:1313/ class="p-name u-url url fn" rel="me">map[name:Pietro Arancibia]</a>
|
|
|
|
|
|
|
|
|
|
</p>
|
|
|
|
</footer>
|
|
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|