74 lines
2.2 KiB
HTML
74 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Blog - Kalvin's Corner</title>
|
|
<link rel="stylesheet" href="/static/css/material.css">
|
|
<link rel="alternate" type="application/rss+xml" title="Blog Feed" href="/feed">
|
|
</head>
|
|
<body>
|
|
<header class="header">
|
|
<div class="header__content">
|
|
<a href="/" class="header__logo">📝 Blog</a>
|
|
<nav class="header__nav">
|
|
<a href="/">Home</a>
|
|
<a href="#about">About</a>
|
|
<a href="/feed">RSS Feed</a>
|
|
<a href="/dashboard">Dashboard</a>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="container" style="padding: 40px 16px;">
|
|
<div style="margin-bottom: 40px;">
|
|
<h1>Welcome to the Blog</h1>
|
|
<p style="font-size: 18px; color: var(--md-sys-color-on-surface-variant);">
|
|
Essays, thoughts, and micro-posts on technology, digital sovereignty, and activism.
|
|
</p>
|
|
</div>
|
|
|
|
<div id="search-box" style="margin-bottom: 40px; position: relative;">
|
|
<input
|
|
type="search"
|
|
placeholder="Search posts..."
|
|
style="width: 100%; max-width: 500px;"
|
|
>
|
|
</div>
|
|
|
|
<div id="posts-list">
|
|
<!-- Posts will be loaded here -->
|
|
</div>
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<div class="footer__content">
|
|
<div class="footer__section">
|
|
<h4>About This Blog</h4>
|
|
<p>A self-hosted blogging platform for essays and thoughts on technology and activism.</p>
|
|
</div>
|
|
<div class="footer__section">
|
|
<h4>Navigation</h4>
|
|
<ul>
|
|
<li><a href="/">Home</a></li>
|
|
<li><a href="/feed">RSS Feed</a></li>
|
|
<li><a href="/dashboard">Dashboard</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="footer__section">
|
|
<h4>Connect</h4>
|
|
<ul>
|
|
<li><a href="https://github.com">GitHub</a></li>
|
|
<li><a href="https://social.obulou.org">Fediverse</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="footer__bottom">
|
|
<p>© 2024. Self-hosted with care. <a href="https://github.com/kalvin0x8d0/blogging-cms">View source</a></p>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="/static/js/app.js"></script>
|
|
</body>
|
|
</html>
|