202 lines
7.4 KiB
HTML
202 lines
7.4 KiB
HTML
<!doctype html><html lang="en-us">
|
|
<head>
|
|
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="generator" content="Qubt theme for Hugo" />
|
|
|
|
|
|
|
|
<title>haxala1r</title>
|
|
<meta name="title" content="haxala1r" />
|
|
|
|
|
|
|
|
<meta name="author" content="Emin Arslan" />
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link type="text/css" rel="stylesheet" href="/css/main.bundle.min.955b22a3fcff20511a11d9c7fdac7dd57e8293ee16e4d4ca0d6ab737f4895c3017582739cfd1f17a7c3feae23b42a8f4b01d7052fa2bc03a1430fa0669bf2d60.css" integrity="sha512-lVsio/z/IFEaEdnH/ax91X6Ck+4W5NTKDWq3N/SJXDAXWCc5z9Hxenw/6uI7Qqj0sB1wUvorwDoUMPoGab8tYA==" />
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script defer src="/js/main.bundle.min.4657c962c90bb42241e3db9c00332ac44a2ff6a901654b8248b4e2f4b586571fd2aa672dcadf728d6f2135b0ea6088f21d1cf5302b4cae8557e0593f70081d72.js" integrity="sha512-RlfJYskLtCJB49ucADMqxEov9qkBZUuCSLTi9LWGVx/Sqmctyt9yjW8hNbDqYIjyHRz1MCtMroVX4Fk/cAgdcg=="></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<meta property="og:url" content="https://emin.software/posts/">
|
|
<meta property="og:site_name" content="haxala1r">
|
|
<meta property="og:title" content="Blog">
|
|
<meta property="og:locale" content="en_us">
|
|
<meta property="og:type" content="website">
|
|
|
|
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="twitter:title" content="Blog">
|
|
|
|
|
|
<script>
|
|
|
|
if (localStorage.getItem("color-theme") === "dark" || (!("color-theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches)) {
|
|
document.documentElement.classList.add("dark");
|
|
} else {
|
|
document.documentElement.classList.remove("dark");
|
|
}
|
|
</script>
|
|
|
|
</head>
|
|
<body class="flex h-screen flex-col justify-between bg-neutral-100 dark:bg-neutral-800">
|
|
<div>
|
|
<header class="sticky top-0 z-10 bg-neutral-100 dark:bg-neutral-800">
|
|
|
|
|
|
|
|
|
|
<section class="mx-auto flex max-w-screen-xl items-center justify-between p-4">
|
|
<a href="https://emin.software/" class="flex items-center space-x-3">
|
|
|
|
<span class="self-center whitespace-nowrap text-2xl font-semibold text-slate-700 dark:text-slate-400">
|
|
haxala1r
|
|
</span>
|
|
</a>
|
|
<div class="flex flex-row space-x-8">
|
|
<nav class="hidden space-x-8 text-xl md:block" aria-label="main">
|
|
|
|
<a href="/" class="px-3 py-2 text-slate-700 hover:text-indigo-500 md:p-0 dark:text-slate-400">
|
|
Home
|
|
</a>
|
|
|
|
<a href="/about/" class="px-3 py-2 text-slate-700 hover:text-indigo-500 md:p-0 dark:text-slate-400">
|
|
About
|
|
</a>
|
|
|
|
<a href="/posts/" class="px-3 py-2 text-slate-700 hover:text-indigo-500 md:p-0 dark:text-slate-400">
|
|
Posts
|
|
</a>
|
|
|
|
</nav>
|
|
<button id="theme-toggle" type="button" class="rounded-lg text-sm text-slate-700 hover:text-indigo-500 dark:text-slate-400" aria-label="theme-switcher">
|
|
<svg id="theme-toggle-dark-icon" class="hidden h-6 w-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path>
|
|
</svg>
|
|
<svg id="theme-toggle-light-icon" class="hidden h-6 w-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
|
<path
|
|
d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
|
|
fill-rule="evenodd"
|
|
clip-rule="evenodd"></path>
|
|
</svg>
|
|
</button>
|
|
<button id="hamburger-button" class="relative h-8 w-8 cursor-pointer text-3xl md:hidden" aria-label="hamburger-button">
|
|
<div
|
|
class="absolute top-4 -mt-0.5 h-[3px] w-8 rounded bg-slate-700 transition-all duration-500 before:absolute before:h-[3px] before:w-8 before:-translate-x-4 before:-translate-y-2.5 before:rounded before:bg-slate-700 before:transition-all before:duration-500 before:content-[''] after:absolute after:h-[3px] after:w-8 after:-translate-x-4 after:translate-y-2.5 after:rounded after:bg-slate-700 after:transition-all after:duration-500 after:content-[''] dark:bg-slate-400 before:dark:bg-slate-400 after:dark:bg-slate-400"></div>
|
|
</button>
|
|
</div>
|
|
</section>
|
|
<section id="mobile-menu" class="absolute hidden w-full origin-top animate-open-menu flex-col justify-center bg-neutral-100 text-4xl dark:bg-neutral-800">
|
|
<nav class="flex min-h-screen flex-col items-center py-8" aria-label="mobile">
|
|
|
|
<a href="/" class="px-3 py-2 text-center text-slate-700 hover:text-indigo-500 md:p-0 dark:text-slate-400">
|
|
Home
|
|
</a>
|
|
|
|
<a href="/about/" class="px-3 py-2 text-center text-slate-700 hover:text-indigo-500 md:p-0 dark:text-slate-400">
|
|
About
|
|
</a>
|
|
|
|
<a href="/posts/" class="px-3 py-2 text-center text-slate-700 hover:text-indigo-500 md:p-0 dark:text-slate-400">
|
|
Posts
|
|
</a>
|
|
|
|
</nav>
|
|
</section>
|
|
|
|
</header>
|
|
<main>
|
|
|
|
|
|
<div class="justify-left mx-auto mt-8 flex max-w-screen-xl px-4">
|
|
<article>
|
|
<h1 class="text-4xl font-extrabold text-slate-700 dark:text-slate-200">
|
|
Blog
|
|
</h1>
|
|
<div class="mt-2 text-lg text-slate-500 dark:text-slate-400">
|
|
|
|
</div>
|
|
</article>
|
|
</div>
|
|
|
|
|
|
<div class="mx-auto max-w-screen-xl">
|
|
<div class="mt-8 grid grid-flow-row grid-cols-1 justify-items-center gap-8 px-4 lg:grid-cols-2">
|
|
|
|
|
|
<a href="/posts/setup_p1/">
|
|
<div class="flex h-full max-h-80 w-full max-w-2xl flex-row rounded-xl bg-neutral-300 bg-clip-border text-slate-400 shadow-md dark:bg-neutral-700">
|
|
|
|
<div class="flex flex-col justify-between p-6">
|
|
<div>
|
|
<h4 class="mb-2 line-clamp-2 text-base font-semibold text-slate-700 antialiased md:text-2xl dark:text-slate-200">
|
|
My Setup
|
|
</h4>
|
|
<p class="mb-4 line-clamp-6 text-base text-slate-500 dark:text-slate-400">
|
|
I go over the things I’ve learned about docker, and how I’ve used it to host my website.
|
|
</p>
|
|
</div>
|
|
<div class="flex flex-row justify-between">
|
|
<div class="flex items-center -space-x-3">
|
|
|
|
</div>
|
|
<div class="p-3 text-xs text-slate-500 dark:text-slate-400">
|
|
Oct 25, 2024
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</main>
|
|
</div>
|
|
<footer>
|
|
<div class="flex flex-col justify-center p-10">
|
|
|
|
<p class="text-center text-slate-700 dark:text-slate-400">
|
|
©
|
|
2024
|
|
Emin Arslan
|
|
</p>
|
|
|
|
|
|
|
|
|
|
|
|
<p class="text-center text-sm text-slate-700 dark:text-slate-400">
|
|
Published with <a class="hover:underline hover:decoration-indigo-500 hover:text-indigo-500" href="https://gohugo.io" target="_blank" rel="noopener noreferrer">Hugo</a> & <a class="hover:underline hover:decoration-indigo-500 hover:text-indigo-500" href="https://github.com/chrede88/qubt" target="_blank" rel="noopener noreferrer">Qubt</a>
|
|
</p>
|
|
</div>
|
|
|
|
</footer>
|
|
</body>
|
|
</html>
|