add details for book club

This commit is contained in:
Jiajun Xu 2025-06-09 20:23:35 -07:00
parent ed1c796f49
commit 05fc21daa2
2 changed files with 8 additions and 37 deletions

View File

@ -1,35 +0,0 @@
---
import Navbar from "../components/Navbar";
import Footer from "../components/Footer";
import Layout from "../layouts/Layout.astro";
import "../styles/globals.css";
---
<Layout>
<main class="flex min-h-screen flex-col justify-between">
<div>
<Navbar client:load activePage="BookClub" />
<div class="pl-4 pr-4">
<h1 class="pb-4 pt-4 text-3xl font-semibold">Book Club</h1>
<div class="flex flex-col gap-4">
<p class="mb-4">
Join our book club where we read and discuss books about technology, power, and resistance.
</p>
<div class="flex flex-col gap-8">
<!-- Book entries will go here -->
<div class="border p-4 rounded-lg">
<h2 class="text-xl font-semibold mb-2">Current Book</h2>
<p class="italic">Coming soon...</p>
</div>
<div class="border p-4 rounded-lg">
<h2 class="text-xl font-semibold mb-2">Past Books</h2>
<p class="italic">Coming soon...</p>
</div>
</div>
</div>
</div>
</div>
<Footer />
</main>
</Layout>

View File

@ -11,12 +11,18 @@ import "../../styles/globals.css";
<Navbar client:load activePage="WhatWereWorkingOn" /> <Navbar client:load activePage="WhatWereWorkingOn" />
<div class="pl-4 pr-4"> <div class="pl-4 pr-4">
<h1 class="pb-4 pt-4 text-3xl font-semibold">Book Club</h1> <h1 class="pb-4 pt-4 text-3xl font-semibold">Book Club</h1>
<p>Join our book club where we read and discuss books about technology, power, and resistance.</p>
<div class="flex flex-col gap-8"> <div class="flex flex-col gap-8">
<div class="border p-6 rounded-lg"> <div class="border p-6 rounded-lg">
<h2 class="text-2xl font-semibold mb-4">Current Book</h2> <h2 class="text-lg font-semibold mb-4 underline">Current Book</h2>
<div class="flex flex-col gap-4"> <div class="flex flex-col gap-4">
<p class="italic">Common Circuits</p> <div class="flex items-center gap-4">
<p class="italic font-semibold">Common Circuits</p>
<p class="text-sm text-gray-500">by Luis Felipe R. Murillo</p>
</div>
<p class="text-purple-600">Next meeting: 6/27</p>
<p class="text-sm">Reading for next meeting: Introduction + Chapter 1 + Chapter 2</p>
</div> </div>
</div> </div>