-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
8 lines (8 loc) · 4.2 KB
/
index.html
1
2
3
4
5
6
7
8
<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><meta name="generator" content="Astro v4.16.13"><!-- Primary Meta Tags --><title>Welcome to My Blog</title><meta name="title" content="Welcome to My Blog"><meta name="description" content="A Medium-style blog built with Astro"><!-- Canonical URL --><link rel="canonical" href="https://pksvv.github.io/astroblog/"><!-- Open Graph / Facebook --><meta property="og:type" content="website"><meta property="og:url" content="https://pksvv.github.io/astroblog/"><meta property="og:title" content="Welcome to My Blog"><meta property="og:description" content="A Medium-style blog built with Astro"><meta property="og:image" content="https://pksvv.github.io/social-image.jpg"><!-- Twitter --><meta property="twitter:card" content="summary_large_image"><meta property="twitter:url" content="https://pksvv.github.io/astroblog/"><meta property="twitter:title" content="Welcome to My Blog"><meta property="twitter:description" content="A Medium-style blog built with Astro"><meta property="twitter:image" content="https://pksvv.github.io/social-image.jpg"><!-- RSS Feed --><link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/rss.xml"><!-- Fonts --><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;1,300;1,400&display=swap" rel="stylesheet"><link rel="stylesheet" href="/astroblog/_astro/about.CqLttqp8.css">
<style>body{font-family:Merriweather,serif}
.prose[data-astro-cid-bvzihdzo]{max-width:65ch;margin:0 auto}.prose[data-astro-cid-bvzihdzo] h1[data-astro-cid-bvzihdzo],.prose[data-astro-cid-bvzihdzo] h2[data-astro-cid-bvzihdzo],.prose[data-astro-cid-bvzihdzo] h3[data-astro-cid-bvzihdzo],.prose[data-astro-cid-bvzihdzo] h4[data-astro-cid-bvzihdzo],.prose[data-astro-cid-bvzihdzo] h5[data-astro-cid-bvzihdzo],.prose[data-astro-cid-bvzihdzo] h6[data-astro-cid-bvzihdzo]{color:#1a202c;margin-top:2em;margin-bottom:1em}.prose[data-astro-cid-bvzihdzo] p[data-astro-cid-bvzihdzo]{margin-bottom:1.5em;line-height:1.75}.prose[data-astro-cid-bvzihdzo] ul[data-astro-cid-bvzihdzo],.prose[data-astro-cid-bvzihdzo] ol[data-astro-cid-bvzihdzo]{margin-bottom:1.5em;padding-left:1.5em}.prose[data-astro-cid-bvzihdzo] li[data-astro-cid-bvzihdzo]{margin-bottom:.5em}
</style></head> <body class="bg-white text-gray-900"> <header class="border-b border-gray-200"> <nav class="max-w-4xl mx-auto px-4 py-6"> <div class="flex justify-between items-center"> <a href="/" class="text-2xl font-bold text-accent-600 hover:text-accent-700 transition-colors duration-200">Blog</a> <div class="space-x-6"> <a href="/" class="hover:text-accent-600 transition-colors duration-200">Home</a> <a href="/blog" class="hover:text-accent-600 transition-colors duration-200">Articles</a> <a href="/resume" class="hover:text-accent-600 transition-colors duration-200">Resume</a> <a href="/about" class="hover:text-accent-600 transition-colors duration-200">About</a> </div> </div> </nav> </header> <main class="max-w-4xl mx-auto px-4 py-12"> <section class="text-center mb-16"> <h1 class="text-5xl font-bold mb-4">Welcome to My Blog</h1> <p class="text-xl text-gray-600 max-w-2xl mx-auto">
Thoughts, stories and ideas about technology, life, and everything in between.
</p> </section> <section> <article class="mb-12"> <a href="/astroblog/blog/first-post"> <h2 class="text-3xl font-bold mb-2 hover:text-accent-600 transition-colors duration-200">Getting Started with Blogging</h2> </a> <time class="text-accent-600 text-sm" datetime="2024-03-20T00:00:00.000Z"> March 20, 2024 </time> <p class="mt-3 text-gray-700 leading-relaxed">Tips and tricks for starting your blogging journey and finding your voice.</p> <a href="/astroblog/blog/first-post" class="inline-block mt-4 text-accent-600 hover:text-accent-700 transition-colors duration-200">
Read more →
</a> </article> </section> </main> <footer class="border-t border-gray-200 mt-12"> <div class="max-w-4xl mx-auto px-4 py-6 text-center text-gray-600"> <p>© 2024 Your Blog. All rights reserved.</p> </div> </footer> </body></html>