Skip to content

Commit 0c277ac

Browse files
Factor out purple nested upper corners
This blob of code was copy-pasted all over the place with inconsistent indendation, which posed a real barrier to maintaining the content and style.
1 parent 98edf94 commit 0c277ac

File tree

23 files changed

+100
-814
lines changed

23 files changed

+100
-814
lines changed

404.html

+1-41
Original file line numberDiff line numberDiff line change
@@ -1,46 +1,6 @@
11
<div class="max-w-screen-xl mx-auto py-16 md:py-24">
2-
<div class="sm:px-6 lg:px-16">
3-
<div class="relative">
4-
<div class="absolute top-0 left-0 border-t border-l border-purple-50 h-10 md:h-20 w-10 md:w-20">
5-
<div
6-
class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-100 h-10 md:h-20 w-10 md:w-20">
7-
<div
8-
class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-200 h-10 md:h-20 w-10 md:w-20">
9-
<div
10-
class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-300 h-10 md:h-20 w-10 md:w-20">
11-
<div
12-
class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-400 h-10 md:h-20 w-10 md:w-20">
13-
<div
14-
class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-500 h-10 md:h-20 w-10 md:w-20">
15-
</div>
16-
</div>
17-
</div>
18-
</div>
19-
</div>
20-
</div>
21-
<div class="absolute top-0 right-0 border-t border-r border-purple-50 h-10 md:h-20 w-10 md:w-20">
22-
<div
23-
class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-100 h-10 md:h-20 w-10 md:w-20">
24-
<div
25-
class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-200 h-10 md:h-20 w-10 md:w-20">
26-
<div
27-
class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-300 h-10 md:h-20 w-10 md:w-20">
28-
<div
29-
class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-400 h-10 md:h-20 w-10 md:w-20">
30-
<div
31-
class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-500 h-10 md:h-20 w-10 md:w-20">
32-
</div>
33-
</div>
34-
</div>
35-
</div>
36-
</div>
37-
</div>
38-
</div>
39-
40-
</div>
2+
$partial("templates/corners.html")$
413
<div class="text-center pt-12 md:pt-20 px-12 sm:px-16 md:px-24 lg:px-36 ">
424
<h1 class="text-2xl-5xl">Unable to find that page!</h1>
43-
445
</div>
45-
466
</div>

affiliates/about/index.html

+8-37
Original file line numberDiff line numberDiff line change
@@ -1,46 +1,17 @@
11
---
22
title: About the Haskell Foundation
33
---
4-
<div class="max-w-screen-xl mx-auto py-16 md:py-24">
5-
<div class="sm:px-6 lg:px-16">
6-
<div class="relative">
7-
<div class="absolute top-0 left-0 border-t border-l border-purple-50 h-10 md:h-20 w-10 md:w-20">
8-
<div class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-100 h-10 md:h-20 w-10 md:w-20">
9-
<div class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-200 h-10 md:h-20 w-10 md:w-20">
10-
<div class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-300 h-10 md:h-20 w-10 md:w-20">
11-
<div class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-400 h-10 md:h-20 w-10 md:w-20">
12-
<div class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-500 h-10 md:h-20 w-10 md:w-20"></div>
13-
</div>
14-
</div>
15-
</div>
16-
</div>
17-
</div>
18-
<div class="absolute top-0 right-0 border-t border-r border-purple-50 h-10 md:h-20 w-10 md:w-20">
19-
<div class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-100 h-10 md:h-20 w-10 md:w-20">
20-
<div class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-200 h-10 md:h-20 w-10 md:w-20">
21-
<div class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-300 h-10 md:h-20 w-10 md:w-20">
22-
<div class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-400 h-10 md:h-20 w-10 md:w-20">
23-
<div class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-500 h-10 md:h-20 w-10 md:w-20"></div>
24-
</div>
25-
</div>
26-
</div>
27-
</div>
4+
<div class="max-w-screen-xl mx-auto py-16 md:py-24">
5+
$partial("templates/corners.html")$
6+
<div class="text-center pt-12 md:pt-20 px-12 sm:px-16 md:px-24 lg:px-36 ">
7+
<h1 class="text-2xl-5xl">What Does Affiliation Entail?</h1>
288
</div>
299
</div>
3010

31-
</div>
32-
<div class="text-center pt-12 md:pt-20 px-12 sm:px-16 md:px-24 lg:px-36 ">
33-
<h1 class="text-2xl-5xl">What Does Affiliation Entail?</h1>
34-
35-
</div>
36-
</div>
37-
38-
39-
4011
<div class="xl:max-w-screen-xl mx-auto md:px-12 lg:px-16">
4112
<div class="bg-gray-800 shadow-lg shadow-xl shadow-md shadow-sm px-6 sm:px-12 md:px-12 lg:px-16 py-16 md:py-20">
4213
<div class="grid gap-8 lg:grid-cols-2 lg:gap-16 lg:text-xl text-gray-300 leading-relaxed">
43-
14+
4415
<div class="space-y-8">
4516
<div>
4617
Affiliation means that the group supports the goals of the Haskell Foundation, and, in return, the Haskell Foundation supports this group.
@@ -65,10 +36,10 @@ <h1 class="text-2xl-5xl">What Does Affiliation Entail?</h1>
6536

6637
<div class="max-w-screen-xl mx-auto">
6738
<div class="mt-16 md:mt-24">
68-
39+
6940
<div class="px-4 sm:px-8 md:px-12 lg:px-16">
7041
<div class="mx-auto prose md:prose-lg">
71-
42+
7243
<h2>Affiliated Committees</h2>
7344

7445
<h3>Transparency</h3>
@@ -197,7 +168,7 @@ <h2>Affiliated Projects</h2>
197168
</p>
198169
</li>
199170
</ul>
200-
171+
201172
</div>
202173
</div>
203174

board-nominations/2022/index.html

+4-31
Original file line numberDiff line numberDiff line change
@@ -1,40 +1,13 @@
11
---
22
title: 2022 Board Nominations for the Haskell Foundation
33
---
4-
<div class="max-w-screen-xl mx-auto py-16 md:py-24">
5-
<div class="sm:px-6 lg:px-16">
6-
<div class="relative">
7-
<div class="absolute top-0 left-0 border-t border-l border-purple-50 h-10 md:h-20 w-10 md:w-20">
8-
<div class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-100 h-10 md:h-20 w-10 md:w-20">
9-
<div class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-200 h-10 md:h-20 w-10 md:w-20">
10-
<div class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-300 h-10 md:h-20 w-10 md:w-20">
11-
<div class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-400 h-10 md:h-20 w-10 md:w-20">
12-
<div class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-500 h-10 md:h-20 w-10 md:w-20"></div>
13-
</div>
14-
</div>
15-
</div>
16-
</div>
17-
</div>
18-
<div class="absolute top-0 right-0 border-t border-r border-purple-50 h-10 md:h-20 w-10 md:w-20">
19-
<div class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-100 h-10 md:h-20 w-10 md:w-20">
20-
<div class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-200 h-10 md:h-20 w-10 md:w-20">
21-
<div class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-300 h-10 md:h-20 w-10 md:w-20">
22-
<div class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-400 h-10 md:h-20 w-10 md:w-20">
23-
<div class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-500 h-10 md:h-20 w-10 md:w-20"></div>
24-
</div>
25-
</div>
26-
</div>
27-
</div>
4+
<div class="max-w-screen-xl mx-auto py-16 md:py-24">
5+
$partial("templates/corners.html")$
6+
<div class="text-center pt-12 md:pt-20 px-12 sm:px-16 md:px-24 lg:px-36 ">
7+
<h1 class="text-2xl-5xl">2022 Call for Nominations for the Haskell Foundation</h1>
288
</div>
299
</div>
3010

31-
</div>
32-
<div class="text-center pt-12 md:pt-20 px-12 sm:px-16 md:px-24 lg:px-36 ">
33-
<h1 class="text-2xl-5xl">2022 Call for Nominations for the Haskell Foundation</h1>
34-
35-
</div>
36-
</div>
37-
3811

3912

4013
<div class="px-4 sm:px-8 md:px-12 lg:px-16">

board-nominations/index.html

+4-31
Original file line numberDiff line numberDiff line change
@@ -2,40 +2,13 @@
22
title: Board Nominations for the Haskell Foundation (historical)
33
---
44
<div class="text-center text-xl">Note: This page is for historical purposes, the call for nominations has expired.</div>
5-
<div class="max-w-screen-xl mx-auto py-16 md:py-24">
6-
<div class="sm:px-6 lg:px-16">
7-
<div class="relative">
8-
<div class="absolute top-0 left-0 border-t border-l border-purple-50 h-10 md:h-20 w-10 md:w-20">
9-
<div class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-100 h-10 md:h-20 w-10 md:w-20">
10-
<div class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-200 h-10 md:h-20 w-10 md:w-20">
11-
<div class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-300 h-10 md:h-20 w-10 md:w-20">
12-
<div class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-400 h-10 md:h-20 w-10 md:w-20">
13-
<div class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-500 h-10 md:h-20 w-10 md:w-20"></div>
14-
</div>
15-
</div>
16-
</div>
17-
</div>
18-
</div>
19-
<div class="absolute top-0 right-0 border-t border-r border-purple-50 h-10 md:h-20 w-10 md:w-20">
20-
<div class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-100 h-10 md:h-20 w-10 md:w-20">
21-
<div class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-200 h-10 md:h-20 w-10 md:w-20">
22-
<div class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-300 h-10 md:h-20 w-10 md:w-20">
23-
<div class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-400 h-10 md:h-20 w-10 md:w-20">
24-
<div class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-500 h-10 md:h-20 w-10 md:w-20"></div>
25-
</div>
26-
</div>
27-
</div>
28-
</div>
5+
<div class="max-w-screen-xl mx-auto py-16 md:py-24">
6+
$partial("templates/corners.html")$
7+
<div class="text-center pt-12 md:pt-20 px-12 sm:px-16 md:px-24 lg:px-36 ">
8+
<h1 class="text-2xl-5xl">Haskell Foundation Board Call For Nominations</h1>
299
</div>
3010
</div>
3111

32-
</div>
33-
<div class="text-center pt-12 md:pt-20 px-12 sm:px-16 md:px-24 lg:px-36 ">
34-
<h1 class="text-2xl-5xl">Haskell Foundation Board Call For Nominations</h1>
35-
36-
</div>
37-
</div>
38-
3912

4013

4114
<div class="px-4 sm:px-8 md:px-12 lg:px-16">

contact/index.html

+4-32
Original file line numberDiff line numberDiff line change
@@ -1,38 +1,10 @@
11
---
22
title: Contacting the Haskell Foundation
33
---
4-
<div class="max-w-screen-xl mx-auto py-16 md:py-24">
5-
<div class="sm:px-6 lg:px-16">
6-
<div class="relative">
7-
<div class="absolute top-0 left-0 border-t border-l border-purple-50 h-10 md:h-20 w-10 md:w-20">
8-
<div class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-100 h-10 md:h-20 w-10 md:w-20">
9-
<div class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-200 h-10 md:h-20 w-10 md:w-20">
10-
<div class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-300 h-10 md:h-20 w-10 md:w-20">
11-
<div class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-400 h-10 md:h-20 w-10 md:w-20">
12-
<div class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-500 h-10 md:h-20 w-10 md:w-20"></div>
13-
</div>
14-
</div>
15-
</div>
16-
</div>
17-
</div>
18-
<div class="absolute top-0 right-0 border-t border-r border-purple-50 h-10 md:h-20 w-10 md:w-20">
19-
<div class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-100 h-10 md:h-20 w-10 md:w-20">
20-
<div class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-200 h-10 md:h-20 w-10 md:w-20">
21-
<div class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-300 h-10 md:h-20 w-10 md:w-20">
22-
<div class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-400 h-10 md:h-20 w-10 md:w-20">
23-
<div class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-500 h-10 md:h-20 w-10 md:w-20"></div>
24-
</div>
25-
</div>
26-
</div>
27-
</div>
28-
</div>
29-
</div>
30-
31-
</div>
32-
<div class="text-center pt-12 md:pt-20 px-12 sm:px-16 md:px-24 lg:px-36 ">
33-
<h1 class="text-2xl-5xl">Contact</h1>
34-
35-
</div>
4+
<div class="max-w-screen-xl mx-auto py-16 md:py-24">
5+
$partial("templates/corners.html")$
6+
<div class="text-center pt-12 md:pt-20 px-12 sm:px-16 md:px-24 lg:px-36 ">
7+
<h1 class="text-2xl-5xl">Contact</h1>
368
</div>
379
</div>
3810

guidelines-for-respectful-communication/index.html

+5-34
Original file line numberDiff line numberDiff line change
@@ -1,45 +1,17 @@
11
---
22
title: Guidelines for Respectful Communications
33
---
4-
<div class="max-w-screen-xl mx-auto py-16 md:py-24">
5-
<div class="sm:px-6 lg:px-16">
6-
<div class="relative">
7-
<div class="absolute top-0 left-0 border-t border-l border-purple-50 h-10 md:h-20 w-10 md:w-20">
8-
<div class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-100 h-10 md:h-20 w-10 md:w-20">
9-
<div class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-200 h-10 md:h-20 w-10 md:w-20">
10-
<div class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-300 h-10 md:h-20 w-10 md:w-20">
11-
<div class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-400 h-10 md:h-20 w-10 md:w-20">
12-
<div class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-500 h-10 md:h-20 w-10 md:w-20"></div>
13-
</div>
14-
</div>
15-
</div>
16-
</div>
17-
</div>
18-
<div class="absolute top-0 right-0 border-t border-r border-purple-50 h-10 md:h-20 w-10 md:w-20">
19-
<div class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-100 h-10 md:h-20 w-10 md:w-20">
20-
<div class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-200 h-10 md:h-20 w-10 md:w-20">
21-
<div class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-300 h-10 md:h-20 w-10 md:w-20">
22-
<div class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-400 h-10 md:h-20 w-10 md:w-20">
23-
<div class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-500 h-10 md:h-20 w-10 md:w-20"></div>
24-
</div>
25-
</div>
26-
</div>
27-
</div>
4+
<div class="max-w-screen-xl mx-auto py-16 md:py-24">
5+
$partial("templates/corners.html")$
6+
<div class="text-center pt-12 md:pt-20 px-12 sm:px-16 md:px-24 lg:px-36 ">
7+
<h1 class="text-2xl-5xl">Haskell Foundation Guidelines For Respectful Communication</h1>
288
</div>
299
</div>
3010

31-
</div>
32-
<div class="text-center pt-12 md:pt-20 px-12 sm:px-16 md:px-24 lg:px-36 ">
33-
<h1 class="text-2xl-5xl">Haskell Foundation Guidelines For Respectful Communication</h1>
34-
35-
</div>
36-
</div>
37-
38-
3911

4012
<div class="px-4 sm:px-8 md:px-12 lg:px-16">
4113
<div class="mx-auto prose md:prose-lg">
42-
14+
4315
<h2>Preamble</h2>
4416
<p>The Haskell Foundation has adopted these guidelines for respectful communication.</p>
4517

@@ -91,4 +63,3 @@ <h2>Acknowledgements</h2>
9163

9264
</div>
9365
</div>
94-

templates/careers/list.html

+1-38
Original file line numberDiff line numberDiff line change
@@ -2,44 +2,7 @@
22
title: Careers
33
---
44
<div class="max-w-screen-xl mx-auto py-16 md:py-24">
5-
<div class="sm:px-6 lg:px-16">
6-
<div class="relative">
7-
<div class="absolute top-0 left-0 border-t border-l border-purple-50 h-10 md:h-20 w-10 md:w-20">
8-
<div
9-
class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-100 h-10 md:h-20 w-10 md:w-20">
10-
<div
11-
class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-200 h-10 md:h-20 w-10 md:w-20">
12-
<div
13-
class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-300 h-10 md:h-20 w-10 md:w-20">
14-
<div
15-
class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-400 h-10 md:h-20 w-10 md:w-20">
16-
<div
17-
class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-500 h-10 md:h-20 w-10 md:w-20">
18-
</div>
19-
</div>
20-
</div>
21-
</div>
22-
</div>
23-
</div>
24-
<div class="absolute top-0 right-0 border-t border-r border-purple-50 h-10 md:h-20 w-10 md:w-20">
25-
<div
26-
class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-100 h-10 md:h-20 w-10 md:w-20">
27-
<div
28-
class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-200 h-10 md:h-20 w-10 md:w-20">
29-
<div
30-
class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-300 h-10 md:h-20 w-10 md:w-20">
31-
<div
32-
class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-400 h-10 md:h-20 w-10 md:w-20">
33-
<div
34-
class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-500 h-10 md:h-20 w-10 md:w-20">
35-
</div>
36-
</div>
37-
</div>
38-
</div>
39-
</div>
40-
</div>
41-
</div>
42-
</div>
5+
$partial("templates/corners.html")$
436
<div class="text-center pt-12 md:pt-20 px-12 sm:px-16 md:px-24 lg:px-36 ">
447
<h1 class="text-2xl-5xl">Careers</h1>
458
</div>

templates/corners.html

+26
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<div class="sm:px-6 lg:px-16">
2+
<div class="relative">
3+
<div class="absolute top-0 left-0 border-t border-l border-purple-50 h-10 md:h-20 w-10 md:w-20">
4+
<div class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-100 h-10 md:h-20 w-10 md:w-20">
5+
<div class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-200 h-10 md:h-20 w-10 md:w-20">
6+
<div class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-300 h-10 md:h-20 w-10 md:w-20">
7+
<div class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-400 h-10 md:h-20 w-10 md:w-20">
8+
<div class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-500 h-10 md:h-20 w-10 md:w-20"></div>
9+
</div>
10+
</div>
11+
</div>
12+
</div>
13+
</div>
14+
<div class="absolute top-0 right-0 border-t border-r border-purple-50 h-10 md:h-20 w-10 md:w-20">
15+
<div class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-100 h-10 md:h-20 w-10 md:w-20">
16+
<div class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-200 h-10 md:h-20 w-10 md:w-20">
17+
<div class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-300 h-10 md:h-20 w-10 md:w-20">
18+
<div class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-400 h-10 md:h-20 w-10 md:w-20">
19+
<div class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-500 h-10 md:h-20 w-10 md:w-20"></div>
20+
</div>
21+
</div>
22+
</div>
23+
</div>
24+
</div>
25+
</div>
26+
</div>

0 commit comments

Comments
 (0)