2024-10-30 15:02:21 +00:00
<!doctype html> < html lang = "en-us" >
2024-10-30 15:18:30 +00:00
< head > < script src = "/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer > < / script >
2024-10-30 15:02:21 +00:00
< 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 >
2024-10-30 15:18:30 +00:00
< meta property = "og:url" content = "http://localhost:1313/posts/" >
2024-10-30 15:02:21 +00:00
< 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" >
2024-10-30 15:18:30 +00:00
< a href = "http://localhost:1313/" class = "flex items-center space-x-3" >
2024-10-30 15:02:21 +00:00
< 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 - p1
< / h4 >
< p class = "mb-4 line-clamp-6 text-base text-slate-500 dark:text-slate-400" >
My Setup In this ‘ series’ I will be walking you through my process of how I host everything on this server.
I’ m currently running, on top of my blog, a gogs instance.
When first creating this website, I just had my blog. I generated this blog using hugo: a static site generator. Hugo allowed me to focus on writing whatever I wanted in Markdown format, it would take care of converting my writing into HTML and CSS.
< / 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 >
