-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Signed-off-by: Avinal Kumar <avinal.xlvii@gmail.com>
- Loading branch information
Showing
1 changed file
with
96 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,96 @@ | ||
<!DOCTYPE html> | ||
<html lang="en-us" | ||
dir="ltr"> | ||
|
||
<head> | ||
<meta charset="utf-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>Post 3 | My New Hugo Site</title> | ||
|
||
<link rel="stylesheet" href="/css/main.min.abe9198953fa438b19a2a50216b91f39b918bdffbcbb3d138c2c7ff41bfc260c.css" integrity="sha256-q+kZiVP6Q4sZoqUCFrkfObkYvf+8uz0TjCx/9Bv8Jgw=" crossorigin="anonymous"> | ||
|
||
|
||
<script src="/js/main.4a337dba599406f415cd073f12ed1cf19160c6c16bd482947d6f87e6f5d81d22.js" integrity="sha256-SjN9ulmUBvQVzQc/Eu0c8ZFgxsFr1IKUfW+H5vXYHSI=" crossorigin="anonymous"></script> | ||
|
||
|
||
</head> | ||
|
||
<body class="bg-neutral-800"> | ||
<main class="container mx-auto"> | ||
<div class="min-h-screen flex flex-col justify-center relative overflow-hidden"> | ||
<div class="relative w-full bg-neutral md:max-w-3xl md:mx-auto lg:max-w-4xl lg:pb-28"> | ||
<div class="prose prose-invert mx-auto lg:prose-lg prose-a:decoration-cyan-500 hover:prose-a:decoration-pink-500"> | ||
<div class="bg-neutral-900 md:-mx-8 lg:-mx-16 px-8 py-1"> | ||
<header class="relative"> | ||
<img class="object-cover w-full h-60 sm:h-96 brightness-50" src="https://example.org/" alt="Post 3"> | ||
<h1 class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-center w-full text-white">Post 3</h1> | ||
|
||
<span class="absolute bottom-1/4 left-1/2 -translate-x-1/2 text-base font-sans oldstyle-nums text-center w-full"> | ||
<a class="font-bold no-underline hover:text-pink-500" href="/">Avinal Kumar</a> | ||
| | ||
|
||
|
||
<time datetime="2023-03-15T11:00:00-07:00">March 15, 2023</time> | ||
|
||
<span>| 133 words</span> | ||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<span>| ~1 min</span> | ||
|
||
</span> | ||
</header> | ||
<article> | ||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<p>Occaecat aliqua consequat laborum ut ex aute aliqua culpa quis irure esse magna dolore quis. Proident fugiat labore eu laboris officia Lorem enim. Ipsum occaecat cillum ut tempor id sint aliqua incididunt nisi incididunt reprehenderit. Voluptate ad minim sint est aute aliquip esse occaecat tempor officia qui sunt. Aute ex ipsum id ut in est velit est laborum incididunt. Aliqua qui id do esse sunt eiusmod id deserunt eu nostrud aute sit ipsum. Deserunt esse cillum Lorem non magna adipisicing mollit amet consequat.</p> | ||
<p><img src="bryce-canyon.jpg" alt="Bryce Canyon National Park"></p> | ||
<p>Sit excepteur do velit veniam mollit in nostrud laboris incididunt ea. Amet eu cillum ut reprehenderit culpa aliquip labore laborum amet sit sit duis. Laborum id proident nostrud dolore laborum reprehenderit quis mollit nulla amet veniam officia id id. Aliquip in deserunt qui magna duis qui pariatur officia sunt deserunt.</p> | ||
|
||
|
||
|
||
</article> | ||
|
||
<span class="flex flex-wrap py-6 space-x-2 border-t border-gray-500"> | ||
<a class="px-3 py-1 m-1 rounded-sm hover:underline bg-pink-400 text-gray-900 font-bold" href="">category</a> | ||
<i class="px-3 py-1 m-1 rounded-sm bg-cyan-500 text-gray-900">#red</i> | ||
<i class="px-3 py-1 m-1 rounded-sm bg-cyan-500 text-gray-900">#green</i> | ||
<i class="px-3 py-1 m-1 rounded-sm bg-cyan-500 text-gray-900">#blue</i> | ||
</span> | ||
|
||
|
||
</div> | ||
</div> | ||
<div id="remark42" class="md:p-4 mb-16"></div> | ||
</div> | ||
</div> | ||
<footer> | ||
<div class="fixed bottom-0 left-0 bg-neutral-900 p-3 w-full border-t border-cyan-500"> | ||
<div class="mx-auto flex justify-center space-x-6 text-gray-400"> | ||
|
||
<a class="underline decoration-cyan-500 hover:decoration-pink-500 text-xl" href="https://avinal.space">Home</a> | ||
|
||
<a class="underline decoration-cyan-500 hover:decoration-pink-500 text-xl" href="https://avinal.space/pages/about-me">About</a> | ||
|
||
<a class="underline decoration-cyan-500 hover:decoration-pink-500 text-xl" href="https://avinal.space/posts">Blog</a> | ||
|
||
<a class="underline decoration-cyan-500 hover:decoration-pink-500 text-xl" href="https://avinal.space/pages/projects">Projects</a> | ||
|
||
<a class="underline decoration-cyan-500 hover:decoration-pink-500 text-xl" href="https://github.com/avinal">GitHub</a> | ||
|
||
</div> | ||
</div> | ||
</footer> | ||
</main> | ||
</body> | ||
|
||
</html> |