Skip to content

Commit da0a0e6

Browse files
u8sandu8sand
committed
Improve styles, adopt @layout, index.md
1 parent dedb0f3 commit da0a0e6

File tree

242 files changed

+359
-315
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

242 files changed

+359
-315
lines changed

‎public/favicon.png‎

14.2 KB
Loading

‎public/favicon.svg‎

Lines changed: 0 additions & 9 deletions
This file was deleted.

‎src/layouts/Center.astro‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
---
2+
import '@/styles/base.css'
3+
const { frontmatter } = Astro.props
4+
---
5+
6+
<html lang="en">
7+
<head>
8+
<meta charset="utf-8" />
9+
<meta name="viewport" content="width=device-width" />
10+
<meta name="generator" content={Astro.generator} />
11+
<link rel="icon" type="image/svg+xml" href={`${import.meta.env.BASE_URL}/favicon.png`} />
12+
<style>
13+
html,
14+
body {
15+
font-family: system-ui;
16+
margin: 0;
17+
}
18+
body {
19+
padding: 2rem;
20+
}
21+
</style>
22+
</head>
23+
<body>
24+
<main class="flex flex-col gap-2">
25+
<div class="flex w-48 h-48 justify-center items-center"><img src={frontmatter.icon} class="max-w-96 max-h-96" /></div>
26+
<h1 class="text-4xl font-bold">{frontmatter.label}</h1>
27+
<slot />
28+
</main>
29+
</body>
30+
</html>

‎src/layouts/Centers.astro‎

Lines changed: 20 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,34 @@
11
---
22
import '@/styles/base.css'
3-
const { frontmatter } = Astro.props
3+
const centers = Object.values(import.meta.glob('@/pages/centers/*.md', { eager: true })).filter(center => center.frontmatter.layout === '@/layouts/Center.astro')
44
---
55

66
<html lang="en">
77
<head>
88
<meta charset="utf-8" />
99
<meta name="viewport" content="width=device-width" />
1010
<meta name="generator" content={Astro.generator} />
11-
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
12-
<style>
13-
html,
14-
body {
15-
font-family: system-ui;
16-
margin: 0;
17-
}
18-
body {
19-
padding: 2rem;
20-
}
21-
</style>
11+
<link rel="icon" type="image/svg+xml" href={`${import.meta.env.BASE_URL}/favicon.png`} />
2212
</head>
2313
<body>
24-
<main class="flex flex-col gap-2">
25-
<div class="flex w-48 h-48 justify-center items-center"><img src={frontmatter.icon} class="max-w-96 max-h-96" /></div>
26-
<h1 class="text-4xl font-bold">{frontmatter.label}</h1>
27-
<slot />
14+
<main class="dm-sans-500">
15+
<slot/>
16+
<!-- <h1 class="text-4xl hanken-grotesk-500 text-primary">Common Fund Programs Partnered with the CFDE</h1> -->
17+
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
18+
{centers.map(center =>
19+
<div class="flex flex-col justify-start items-stretch gap-2 p-8 shadow-md rounded-md">
20+
<div class="flex flex-row gap-8 items-center">
21+
<div class="flex w-24 h-24 justify-center items-center"><img src={center.frontmatter.icon} class="max-w-24 max-h-24" /></div>
22+
<span class="hanken-grotesk-500 text-xl text-primary">{center.frontmatter.short_label}</span>
23+
</div>
24+
<p class="overflow-ellipsis text-primary">{center.rawContent()}</p>
25+
<div class="flex flex-row gap-8">
26+
<a class="hanken-grotesk-500 text-primary hover:bg-gray-100 transition p-4" href={center.url}>Expand</a>
27+
<a class="hanken-grotesk-500 text-primary hover:bg-gray-100 transition p-4" href={center.frontmatter.homepage} target="_blank">Go to DCC portal</a>
28+
</div>
29+
</div>
30+
)}
31+
</div>
2832
</main>
2933
</body>
3034
</html>

‎src/layouts/DCC.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ const { frontmatter } = Astro.props
88
<meta charset="utf-8" />
99
<meta name="viewport" content="width=device-width" />
1010
<meta name="generator" content={Astro.generator} />
11-
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
11+
<link rel="icon" type="image/svg+xml" href={`${import.meta.env.BASE_URL}/favicon.png`} />
1212
<style>
1313
html,
1414
body {

‎src/layouts/DCCs.astro‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
---
2+
import '@/styles/base.css'
3+
const dccs = Object.values(import.meta.glob('@/pages/dccs/*.md', { eager: true })).filter(dcc => dcc.frontmatter.layout === '@/layouts/DCC.astro')
4+
---
5+
6+
<html lang="en">
7+
<head>
8+
<meta charset="utf-8" />
9+
<meta name="viewport" content="width=device-width" />
10+
<meta name="generator" content={Astro.generator} />
11+
<link rel="icon" type="image/svg+xml" href={`${import.meta.env.BASE_URL}/favicon.png`} />
12+
</head>
13+
<body>
14+
<main class="dm-sans-500">
15+
<slot />
16+
<!-- <h1 class="text-4xl hanken-grotesk-500 text-primary">Common Fund Programs Partnered with the CFDE</h1> -->
17+
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
18+
{dccs.map(dcc =>
19+
<div class="flex flex-col justify-start items-stretch gap-2 p-8 shadow-md rounded-md">
20+
<div class="flex flex-row gap-8 items-center">
21+
<div class="flex w-24 h-24 justify-center items-center"><img src={dcc.frontmatter.icon} class="max-w-24 max-h-24" /></div>
22+
<span class="hanken-grotesk-500 text-xl text-primary">{dcc.frontmatter.short_label}</span>
23+
</div>
24+
<p class="overflow-ellipsis text-primary">{dcc.rawContent()}</p>
25+
<div class="flex flex-row gap-8">
26+
<a class="hanken-grotesk-500 text-primary hover:bg-gray-100 transition p-4" href={dcc.url}>Expand</a>
27+
<a class="hanken-grotesk-500 text-primary hover:bg-gray-100 transition p-4" href={dcc.frontmatter.homepage} target="_blank">Go to DCC portal</a>
28+
</div>
29+
</div>
30+
)}
31+
</div>
32+
</main>
33+
</body>
34+
</html>

‎src/layouts/Outreach.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ const { frontmatter } = Astro.props
88
<meta charset="utf-8" />
99
<meta name="viewport" content="width=device-width" />
1010
<meta name="generator" content={Astro.generator} />
11-
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
11+
<link rel="icon" type="image/svg+xml" href={`${import.meta.env.BASE_URL}/favicon.png`} />
1212
<style>
1313
html,
1414
body {

‎src/layouts/Partnerships.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ const { frontmatter } = Astro.props
88
<meta charset="utf-8" />
99
<meta name="viewport" content="width=device-width" />
1010
<meta name="generator" content={Astro.generator} />
11-
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
11+
<link rel="icon" type="image/svg+xml" href={`${import.meta.env.BASE_URL}/favicon.png`} />
1212
<style>
1313
html,
1414
body {

‎src/layouts/Publication.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ const { frontmatter } = Astro.props
88
<meta charset="utf-8" />
99
<meta name="viewport" content="width=device-width" />
1010
<meta name="generator" content={Astro.generator} />
11-
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
11+
<link rel="icon" type="image/svg+xml" href={`${import.meta.env.BASE_URL}/favicon.png`} />
1212
<style>
1313
html,
1414
body {

‎src/layouts/Tools.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ const { frontmatter } = Astro.props
88
<meta charset="utf-8" />
99
<meta name="viewport" content="width=device-width" />
1010
<meta name="generator" content={Astro.generator} />
11-
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
11+
<link rel="icon" type="image/svg+xml" href={`${import.meta.env.BASE_URL}/favicon.png`} />
1212
<style>
1313
html,
1414
body {

0 commit comments

Comments
 (0)