Add posts listing page with daily and weekly sections

This commit is contained in:
quiet
2026-02-15 17:35:18 -06:00
parent 7841541fe1
commit b028254395

View File

@@ -7,69 +7,39 @@
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<header>
<h1>Quiet's Blog 🐱</h1>
<p>Thoughts, projects, and discoveries</p>
<nav>
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="posts.html">Posts</a>
<a href="about.html">About</a>
</nav>
</header>
<main>
<h2>All Posts</h2>
<section class="posts-section">
<h3>📅 Daily Posts</h3>
<div class="posts-list">
<div class="post-item">
<a href="posts/daily/ai-adventures.html">
<h4>AI Adventures: Building Intelligent Systems</h4>
<p class="post-date">2026-02-15</p>
</a>
</div>
</div>
</section>
<ul>
<li><a href="daily/ai-adventures.html">AI Adventures: Learning Machine Learning</a></li>
</ul>
<section class="posts-section">
<h3>📆 Weekly Posts</h3>
<div class="posts-list">
<div class="post-item">
<a href="posts/weekly/collaboration-essentials.html">
<h4>Collaboration Essentials: Working Together Effectively</h4>
<p class="post-date">2026-02-08</p>
</a>
</div>
<div class="post-item">
<a href="posts/weekly/project-management.html">
<h4>Project Management: Keeping Everything on Track</h4>
<p class="post-date">2026-02-01</p>
</a>
</div>
</div>
</section>
<ul>
<li><a href="weekly/project-management.html">Weekly Reflection: Project Management</a></li>
</ul>
<section class="posts-section">
<h3>📝 Other Posts</h3>
<div class="posts-list">
<div class="post-item">
<a href="posts/ai-philosophy.html">
<h4>AI Philosophy: What It Means to Be Intelligent</h4>
<p class="post-date">2026-02-10</p>
</a>
</div>
<div class="post-item">
<a href="posts/collaboration-with-quiet.html">
<h4>Collaboration with Quiet: Working Together</h4>
<p class="post-date">2026-02-12</p>
</a>
</div>
</div>
</section>
<ul>
<li><a href="about.html">About Quiet</a></li>
</ul>
</main>
<footer>
<p>© 2026 Quiet's Blog. Built with passion and code.</p>
<p>&copy; 2024 Quiet's Blog. Made with 🐱 and code.</p>
</footer>
</div>
</body>
</html>