pages/index.html

133 lines
4.4 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<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 itemprop="name" content="Eka on Tildeverse">
<meta itemprop="description" content="Blogging on Linux Machine">
<meta name="twitter:title" content="Eka on Tildeverse">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:description" content="Blogging on Linux Machine">
<meta name="twitter:site" content="@eka">
<meta name="twitter:creator" content="@eka">
<meta name="twitter:image:src" content="https://eka.tildepages.org/twitter.jpg">
<meta name="og:title" content="Eka on Tildeverse">
<meta name="og:description" content="Blogging on Linux Machine">
<meta name="og:image" content="https://eka.tildepages.org/og.jpg">
<meta name="og:url" content="https://eka.tildepages.org/">
<meta name="og:site_name" content="Eka on Tildeverse">
<meta name="og:locale" content="en_GB">
<meta name="og:type" content="website">
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<title>Eka on Tildeverse</title>
<link rel="stylesheet" href="/assets/main.bundle.css">
</head>
<body class="flex flex-col min-h-screen">
<header>
<nav class="container mx-auto max-w-3xl px-8 pt-2 flex flex-wrap justify-between">
<div>
<h1>
<a href="/">Eka on Tildeverse</a>
</h1>
<p>Blogging on Linux Machine</p>
</div>
<ul class="flex flex-wrap sm:w-32 w-full mt-6 md:justify-between justify-evenly">
<li>
<a href="/404.html">404</a>
</li>
<li>
<a href="/about">About</a>
</li>
</ul>
</nav>
</header>
<main class="container mx-auto max-w-3xl p-8 grow">
<div>
<div class="mb-8 border-dotted border-b pb-8 border-gray-300">
<h2>
<a class="block" href="/post/messing-up-with-11ty/">Messing up with 11ty</a>
</h2>
<p class="excerpt">Mencoba hal baru selain hugo dan bashblog</p>
<a class="tag jamstack" href="/tag/jamstack">jamstack</a>
<span class="block md:inline md:float-right md:pt-4 pt-2 created-date" datetime="Sun Jul 17 2022 07:00:00 GMT+0700 (Western Indonesia Time)">
July 17, 2022
</span>
</div>
</div>
<div>
<div class="md:flex justify-evenly mb-6">
<div class="flex justify-between mx-auto w-full">
</div>
<div class="flex justify-between mx-auto w-full">
</div>
</div>
<p class="text-center text-sm italic mb-10">(On page
1
of
1.)</p>
</div>
<div class="grid grid-flow-row grid-cols-3 gap-4 mb-2">
<a class="tag cats mx-auto" href="/tag/cats">cats</a>
<a class="tag enchiladas mx-auto" href="/tag/jamstack">jamstack</a>
<a class="tag beer mx-auto" href="/tag/beer">beer</a>
<a class="tag spirituality mx-auto" href="/tag/spirituality">spirituality</a>
<a class="tag orcas mx-auto" href="/tag/orcas">orcas</a>
<a class="tag stoicism mx-auto" href="/tag/stoicism">stoicism</a>
</div>
</main>
<footer class="bg-gray-900 pb-10">
<p class="block text-center text-sm mb-6">
Built by
<a target="_blank" href="https://github.com/reeseschultz">
Reese Schultz
</a>
</p>
<a class="block text-center text-sm" href="/privacy-policy">Privacy Policy</a>
</footer>
<div id="privacy-notice" style="height: 5em" class="sticky bottom-0 py-5 px-2 bg-gray-800 w-full flex justify-center">
<p class="px-2 text-sm self-center">By using this site, you agree that you have read and understand its <a href="/privacy-policy">Privacy Policy</a>.</p>
<button aria-label="dismiss" style="height: 32px; width: 32px" class="flex justify-center align-center" id="privacy-notice-button-container">
<svg id="privacy-notice-button" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><path d="M14.53 4.53l-1.06-1.06L9 7.94 4.53 3.47 3.47 4.53 7.94 9l-4.47 4.47 1.06 1.06L9 10.06l4.47 4.47 1.06-1.06L10.06 9z"/></svg>
</button>
</div>
<script src="https://unpkg.com/clipboard@2/dist/clipboard.min.js"></script>
<script src="/assets/main.bundle.js"></script>
</body>
</html>