some updates to pages and meeting minutes routing
This commit is contained in:
parent
73c7a33583
commit
126abf5450
9 changed files with 147 additions and 28 deletions
|
@ -11,8 +11,8 @@ const {name, time,location,description,past} = Astro.props;
|
|||
var border_class = "border-y-4 p-2 border-accent-400";
|
||||
var info_class = "underline underline-offset-4 decoration-4 decoration-primary-400";
|
||||
if (past) {
|
||||
border_class = "border-y-4 p-2 border-accent-300";
|
||||
info_class = "underline underline-offset-4 decoration-4 decoration-primary-300";
|
||||
border_class = "border-y-4 p-2 border-primary-300";
|
||||
info_class = "underline underline-offset-4 decoration-4 decoration-accent-300";
|
||||
}
|
||||
---
|
||||
|
||||
|
|
30
src/components/MinutesElement.astro
Normal file
30
src/components/MinutesElement.astro
Normal file
|
@ -0,0 +1,30 @@
|
|||
---
|
||||
interface Props {
|
||||
name: string,
|
||||
date: string,
|
||||
meeting_link: string,
|
||||
}
|
||||
const {name, date, meeting_link} = Astro.props;
|
||||
|
||||
var border_class = "hover:bg-neutral-300 border-y-4 p-2 border-accent-400";
|
||||
var info_class = "underline underline-offset-4 decoration-4 decoration-primary-400";
|
||||
---
|
||||
|
||||
<div class={border_class}>
|
||||
<a href={`meetings/${meeting_link}`}>
|
||||
<div class="flex justify-between">
|
||||
<h1 class="font-normal text-2xl p-2">
|
||||
{name}
|
||||
</h1>
|
||||
<div class="font-normal p-2">
|
||||
<p class="">
|
||||
date: <span class={info_class}>{date}</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--<p class="font-normal text-neutral-800 p-2">
|
||||
{description}
|
||||
<p>-->
|
||||
</a>
|
||||
</div>
|
||||
|
23
src/meetings/exec_meet_1.md
Normal file
23
src/meetings/exec_meet_1.md
Normal file
|
@ -0,0 +1,23 @@
|
|||
---
|
||||
name: Exec Meeting
|
||||
date: September 2024
|
||||
---
|
||||
|
||||
|
||||
some minutes idk?
|
||||
|
||||
|
||||
|
||||
* Some list
|
||||
* Some list
|
||||
* Some list
|
||||
* Some list
|
||||
|
||||
1. Some list
|
||||
2. Some list
|
||||
|
||||
|
||||
- [x] what?
|
||||
- [ ] what?
|
||||
- [ ] what?
|
||||
- [x] what?
|
10
src/meetings/exec_meet_2.md
Normal file
10
src/meetings/exec_meet_2.md
Normal file
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
name: Exec Meeting
|
||||
date: October 2024
|
||||
---
|
||||
|
||||
|
||||
# some minutes idk
|
||||
|
||||
## waa
|
||||
|
7
src/meetings/exec_meet_3.md
Normal file
7
src/meetings/exec_meet_3.md
Normal file
|
@ -0,0 +1,7 @@
|
|||
---
|
||||
name: Exec Meeting
|
||||
date: November 2024
|
||||
---
|
||||
|
||||
|
||||
some minutes idk
|
|
@ -12,14 +12,14 @@ import Navbar from "../components/Navbar.astro"
|
|||
</head>
|
||||
<body class="bg-neutral-200">
|
||||
<Navbar current_page="About"/>
|
||||
<div class="my-20 flex justify-center">
|
||||
<h2 class="text-6xl">CUBCAPS (this should be a better logo)</h2>
|
||||
</div>
|
||||
<!-- <div class="my-20 flex justify-center">
|
||||
<h2 class="text-6xl">CUBCAPS (this should be a better logo)</h2>
|
||||
</div> -->
|
||||
|
||||
<div class=" py-20 justify-center align-middle md:mx-40 mx-12 text-lg font-semibold">
|
||||
<p class="text-center">
|
||||
|
||||
Some landing page i still not sure about what it should be.
|
||||
|
||||
explanation who we are
|
||||
</p>
|
||||
</br>
|
||||
<p>
|
||||
|
|
|
@ -16,19 +16,17 @@ import Navbar from "../components/Navbar.astro"
|
|||
<h2 class="text-6xl">CUBCAPS (this should be a better logo)</h2>
|
||||
</div>
|
||||
|
||||
<div class=" py-20 justify-center align-middle mx-12 md:mx-40 text-lg font-semibold">
|
||||
<div class="font-normal py-20 justify-center align-middle mx-12 md:mx-40 text-lg">
|
||||
<p class="text-center">
|
||||
|
||||
Some landing page i still not sure about what it should be.
|
||||
</p>
|
||||
</br>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam mollis velit sed nibh lobortis facilisis. Nam lacinia, purus in convallis maximus, eros nisi lacinia sapien, ac accumsan erat ipsum vitae ligula. Aliquam euismod faucibus ipsum, quis molestie est pulvinar nec. Proin egestas feugiat mollis. Vivamus vestibulum nisi tortor, ut laoreet risus eleifend ut. Quisque porta tellus et tortor lacinia, vel scelerisque neque varius. Sed tempus justo mi, nec egestas nisl ultrices quis. In fermentum velit luctus massa luctus varius. Integer augue risus, suscipit ut efficitur eu, suscipit sed justo. Vivamus diam nulla, semper at ipsum et, interdum efficitur risus. Donec dignissim sagittis erat. In dignissim bibendum augue quis sagittis. Integer nec lacus a lacus commodo varius ut sit amet elit. Pellentesque mattis congue massa non gravida. Pellentesque cursus eget ex sed imperdiet. Sed sed suscipit ipsum.
|
||||
|
||||
Sed malesuada lorem non libero pellentesque, id maximus quam fermentum. Vestibulum eu eros porta, tempor eros eget, maximus augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse porta, mauris id maximus dignissim, quam ex hendrerit est, quis rutrum enim nibh a neque. Nunc eu massa sit amet lectus euismod viverra eu vel sem. Maecenas sit amet dictum lorem. Nulla ac est vel arcu rutrum pharetra. Sed mattis, lectus ac fringilla euismod, libero nisl porttitor nisl, id gravida ipsum dui viverra ex. In hac habitasse platea dictumst. Nunc lobortis rutrum augue et hendrerit. Quisque vel hendrerit ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Etiam sodales tellus euismod justo iaculis tempus. Phasellus ultricies convallis lectus, sed aliquam tortor semper quis.
|
||||
|
||||
Vestibulum et venenatis libero, non iaculis ligula. Vestibulum tempor porta viverra. In hac habitasse platea dictumst. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin non consectetur dui. Donec non mi lobortis turpis rutrum dignissim. Aenean quis tempor quam. Duis et cursus libero. Ut augue velit, mattis sed dapibus id, ornare sit amet tellus. Duis eu velit ac felis fermentum dictum. Quisque ut ultrices nisl, ac accumsan nunc. Maecenas suscipit fringilla dui sit amet vehicula. Nulla venenatis faucibus libero vitae sodales. Cras nisl sapien, dictum ut purus id, dapibus laoreet lacus.
|
||||
|
||||
maybe pictuers? some intro? overview.
|
||||
</p>
|
||||
<p>
|
||||
not sure yet
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
|
|
47
src/pages/meetings/[meeting_param].astro
Normal file
47
src/pages/meetings/[meeting_param].astro
Normal file
|
@ -0,0 +1,47 @@
|
|||
---
|
||||
import Navbar from '../../components/Navbar.astro';
|
||||
|
||||
export async function getStaticPaths() {
|
||||
|
||||
|
||||
var return_list = []
|
||||
const meetings_list = await Astro.glob('../../meetings/*.md');
|
||||
meetings_list.map((meeting) => (
|
||||
//meeting.file.split("/meetings/")[1].split(".")[0]
|
||||
return_list.push( {
|
||||
params: {meeting_param: meeting.file.split("/meetings/")[1].split(".")[0]},
|
||||
props: {meeting}
|
||||
|
||||
} )
|
||||
));
|
||||
return return_list
|
||||
}
|
||||
|
||||
const { meeting_param } = Astro.params;
|
||||
const { meeting } = Astro.props;
|
||||
---
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="icon" type="image/png" href="/favicon.png" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<meta name="generator" content={Astro.generator} />
|
||||
<title>CUBCAPS</title>
|
||||
</head>
|
||||
<body class="bg-neutral-200">
|
||||
<Navbar current_page="Meeting Minutes"/>
|
||||
|
||||
<div class="font-normal py-20 justify-center align-middle mx-12 md:mx-40 text-lg">
|
||||
|
||||
<div class="py-12 font-normal">
|
||||
<h1 class="helv text-3xl text-left">
|
||||
{meeting.frontmatter.name}
|
||||
</h1>
|
||||
<h1 class="helv text-xl text-left">
|
||||
{meeting.frontmatter.date}
|
||||
</h1>
|
||||
</div>
|
||||
<Fragment set:html={meeting.compiledContent()}/>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -1,5 +1,8 @@
|
|||
---
|
||||
import Navbar from "../components/Navbar.astro"
|
||||
import MinutesElement from "../components/MinutesElement.astro"
|
||||
|
||||
const meetings = await Astro.glob('../meetings/*.md');
|
||||
---
|
||||
|
||||
<html lang="en">
|
||||
|
@ -12,24 +15,25 @@ import Navbar from "../components/Navbar.astro"
|
|||
</head>
|
||||
<body class="bg-neutral-200">
|
||||
<Navbar current_page="Meeting Minutes"/>
|
||||
<div class="my-20 flex justify-center">
|
||||
<h2 class="text-6xl">CUBCAPS (this should be a better logo)</h2>
|
||||
</div>
|
||||
|
||||
<div class=" py-20 justify-center align-middle md:mx-40 mx-12 text-lg font-semibold">
|
||||
<p class="text-center">
|
||||
|
||||
Some landing page i still not sure about what it should be.
|
||||
</p>
|
||||
</br>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam mollis velit sed nibh lobortis facilisis. Nam lacinia, purus in convallis maximus, eros nisi lacinia sapien, ac accumsan erat ipsum vitae ligula. Aliquam euismod faucibus ipsum, quis molestie est pulvinar nec. Proin egestas feugiat mollis. Vivamus vestibulum nisi tortor, ut laoreet risus eleifend ut. Quisque porta tellus et tortor lacinia, vel scelerisque neque varius. Sed tempus justo mi, nec egestas nisl ultrices quis. In fermentum velit luctus massa luctus varius. Integer augue risus, suscipit ut efficitur eu, suscipit sed justo. Vivamus diam nulla, semper at ipsum et, interdum efficitur risus. Donec dignissim sagittis erat. In dignissim bibendum augue quis sagittis. Integer nec lacus a lacus commodo varius ut sit amet elit. Pellentesque mattis congue massa non gravida. Pellentesque cursus eget ex sed imperdiet. Sed sed suscipit ipsum.
|
||||
<div class=" py-20 justify-center align-middle mx-12 md:mx-40 text-lg font-semibold">
|
||||
|
||||
Sed malesuada lorem non libero pellentesque, id maximus quam fermentum. Vestibulum eu eros porta, tempor eros eget, maximus augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse porta, mauris id maximus dignissim, quam ex hendrerit est, quis rutrum enim nibh a neque. Nunc eu massa sit amet lectus euismod viverra eu vel sem. Maecenas sit amet dictum lorem. Nulla ac est vel arcu rutrum pharetra. Sed mattis, lectus ac fringilla euismod, libero nisl porttitor nisl, id gravida ipsum dui viverra ex. In hac habitasse platea dictumst. Nunc lobortis rutrum augue et hendrerit. Quisque vel hendrerit ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Etiam sodales tellus euismod justo iaculis tempus. Phasellus ultricies convallis lectus, sed aliquam tortor semper quis.
|
||||
<h1 class="helv text-3xl text-left">
|
||||
Previous meetings
|
||||
</h1>
|
||||
|
||||
<br/>
|
||||
|
||||
|
||||
{
|
||||
meetings.reverse().map((meeting) => (
|
||||
<MinutesElement name={meeting.frontmatter.name} date={meeting.frontmatter.date} meeting_link={meeting.file.split("/meetings/")[1].split(".")[0]} /><br>
|
||||
))
|
||||
}
|
||||
|
||||
<!-- <MinutesElement name="what" date="what" meeting_link="/"/>-->
|
||||
|
||||
Vestibulum et venenatis libero, non iaculis ligula. Vestibulum tempor porta viverra. In hac habitasse platea dictumst. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin non consectetur dui. Donec non mi lobortis turpis rutrum dignissim. Aenean quis tempor quam. Duis et cursus libero. Ut augue velit, mattis sed dapibus id, ornare sit amet tellus. Duis eu velit ac felis fermentum dictum. Quisque ut ultrices nisl, ac accumsan nunc. Maecenas suscipit fringilla dui sit amet vehicula. Nulla venenatis faucibus libero vitae sodales. Cras nisl sapien, dictum ut purus id, dapibus laoreet lacus.
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
Loading…
Reference in a new issue