forked from haskellfoundation/haskellfoundation.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
184 lines (162 loc) · 9.85 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
---
title: Haskell Foundation
---
<div class="max-w-screen-xl mx-auto mt-6 sm:mt-12">
<div class="border border-purple-500 p-1 lg:p-3">
<div class="border border-purple-400 p-1 lg:p-3">
<div class="border border-purple-300 p-1 lg:p-3">
<div class="border border-purple-200 p-1 lg:p-3">
<div class="border border-purple-100 p-1 lg:p-3">
<div class="border border-purple-50 p-16 flex flex-col items-center text-center">
<h1 class="mb-4 text-3xl-6xl font-w-800">The Haskell Foundation</h1>
<h3 class="mb-4 text-xl text-gray-500">Amplify Haskell’s impact on humanity.</h3>
<div class="text-gray-500">An independent, non-profit organization dedicated to broadening the adoption of Haskell, by supporting its ecosystem of tools, libraries, education, and research.</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="relative bg-white mt-24 lg:w-2/3">
<div class="absolute -z-10 left-0 top-0 right-6 bottom-6 border-3 border-purple-700"></div>
<div class="absolute -z-10 left-6 top-6 right-0 bottom-0 border-3 border-purple-700"></div>
<div class="p-3">
<div class="bg-white relative border-3 border-purple-700 px-6 sm:px-12 lg:px-16 pb-12">
<div class="lg:absolute lg:left-full lg:w-2/3 lg:-ml-36 lg:top-1/2 lg:transform lg:-translate-y-1/2">
<div class="youtube-video -mt-12 lg:mt-0">
<iframe class="absolute w-full h-full left-0 top-0 rounded shadow-md" src="https://www.youtube.com/embed/g_vCBsEiSTY" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<div class="mt-8 space-y-6 lg:pr-32">
<h1 class="text-4xl-6xl font-normal">We drive change.</h1>
<p>
Watch Simon Peyton Jones announce the Haskell Foundation at the Haskell eXchange conference on November 4, 2020.
</p>
<p>
In this keynote, Simon talks about the Haskell Foundation's launch and its goals. At the end, he is joined by a panel of HF volunteers to take questions from the audience.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="bg-gray-800 mt-24">
<div class="max-w-screen-xl mx-auto px-6 sm:px-12 lg:px-16 py-16 md:py-24 py-20 md:py-28 xl:py-32">
<h1 class="text-trueGray-200 text-3xl-5xl">Not “just another programming language”</h1>
<p class="mt-12 text-gray-300 max-w-3xl">
Haskell embodies a radical and elegant attack on the entire enterprise of writing software. It profoundly influences the world of software for the better.
</p>
<div class="mt-12 block">
<a class="arrow-link light" href="https://www.haskell.org/" target="_blank">>> Learn About Haskell</a>
</div>
</div>
</div>
<div class="max-w-screen-xl mx-auto py-16 md:py-24">
<div class="sm:px-6 lg:px-16">
<div class="relative">
<div class="absolute top-0 left-0 border-t border-l border-purple-50 h-10 md:h-20 w-10 md:w-20">
<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">
<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">
<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">
<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">
<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>
</div>
</div>
</div>
</div>
</div>
<div class="absolute top-0 right-0 border-t border-r border-purple-50 h-10 md:h-20 w-10 md:w-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">
<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">
<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">
<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">
<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>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center pt-12 md:pt-20 px-12 sm:px-16 md:px-24 lg:px-36 ">
<h1 class="text-2xl-5xl">Our Ethos</h1>
<p class="mt-4 text-gray-500">Ideas that guide our every decision</p>
</div>
</div>
<div class="max-w-screen-xl mx-auto px-4 sm:px-12 md:px-12 lg:px-16">
<div class="grid lg:grid-cols-2 xl:grid-cols-3 gap-8 text-center">
<div class="border-3 border-purple-700 rounded py-8 px-6 sm:px-12">
<span class="fas fa-heart text-purple-700 text-2xl"></span>
<h3 class="mt-6 font-semibold text-xl">Faithfulness to Haskell’s founding design principles.</h3>
<p class="mt-6 text-gray-500">Haskell’s design puts principle ahead of expediency by cleaving closely to the principles of purely functional programming.</p>
</div>
<div class="border-3 border-purple-700 rounded py-8 px-6 sm:px-12">
<span class="fas fa-lock-open text-purple-700 text-2xl"></span>
<h3 class="mt-6 font-semibold text-xl">Open source.</h3>
<p class="mt-6 text-gray-500">All Haskell Foundation efforts are open source.</p>
</div>
<div class="border-3 border-purple-700 rounded py-8 px-6 sm:px-12">
<span class="fas fa-user-friends text-purple-700 text-2xl"></span>
<h3 class="mt-6 font-semibold text-xl">Empowering the community.</h3>
<p class="mt-6 text-gray-500">HF augments, celebrates, and coordinates the contributions and leadership of Haskell’s vibrant community.</p>
</div>
<div class="border-3 border-purple-700 rounded py-8 px-6 sm:px-12">
<span class="fas fa-cubes text-purple-700 text-2xl"></span>
<h3 class="mt-6 font-semibold text-xl">Openness, friendliness, and diversity.</h3>
<p class="mt-6 text-gray-500">For many, Haskell is more a way of life than a programming language. All are welcome, all can contribute. To this end we have adopted the <a href="guidelines-for-respectful-communication">Haskell Guidelines For Respectful Communication</a>.</p>
</div>
<div class="border-3 border-purple-700 rounded py-8 px-6 sm:px-12">
<span class="fas fa-eye text-purple-700 text-2xl"></span>
<h3 class="mt-6 font-semibold text-xl">Transparency.</h3>
<p class="mt-6 text-gray-500">All technical decisions related to HF’s open source projects are proposed and debated in public.</p>
</div>
</div>
</div>
<div class="max-w-screen-xl mx-auto py-16 md:py-24">
<div class="sm:px-6 lg:px-16">
<div class="relative">
<div class="absolute top-0 left-0 border-t border-l border-purple-50 h-10 md:h-20 w-10 md:w-20">
<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">
<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">
<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">
<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">
<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>
</div>
</div>
</div>
</div>
</div>
<div class="absolute top-0 right-0 border-t border-r border-purple-50 h-10 md:h-20 w-10 md:w-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">
<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">
<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">
<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">
<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>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center pt-12 md:pt-20 px-12 sm:px-16 md:px-24 lg:px-36 ">
<h1 class="text-2xl-5xl">Follow HF Developments</h1>
</div>
<p class="text-center mt-4 text-gray-500">Follow us on <a class="fab fa-twitter text-2xl px-2 align-middle" href="https://twitter.com/haskellfound" target="_blank"></a> or join a mailing list</p>
</div>
<div class="max-w-screen-xl mx-auto px-4 sm:px-12 md:px-12 lg:px-16">
<div class="grid gap-8 md:grid-cols-2">
<div class="bg-white border border-gray-300 rounded py-8 px-6 sm:px-12 text-center">
<h3 class="font-semibold text-xl"><a href="https://discourse.haskell.org/c/haskell-foundation">Haskell Foundation Discourse</a></h3>
<p class="mt-6">
The Haskell Foundation category in the Haskell Discourse is where we make official announcements, and have discussions with the community.
</p>
</div>
<div class="bg-white border border-gray-300 rounded py-8 px-6 sm:px-12 text-center">
<h3 class="font-semibold text-xl"><a href="https://groups.google.com/u/2/a/haskell.foundation/g/board">Haskell Foundation Board Google Group</a></h3>
<p class="mt-6">
Official communication channel for HF Board members, the archive is publicly available.
</p>
</div>
</div>
</div>