|
| 1 | +<html lang="en"> |
| 2 | +<head> |
| 3 | + <meta charset="utf-8"> |
| 4 | + <meta content="width=device-width, initial-scale=1" data-ssr name="viewport"> |
| 5 | + <title>Haskell Foundation</title> |
| 6 | + <link rel="preconnect" href="https://fonts.gstatic.com"> |
| 7 | + <link href="https://fonts.googleapis.com/css2?family=Fira+Code&family=Maven+Pro:wght@400;500;700&family=Playfair+Display:wght@400;600;800&display=swap" rel="stylesheet"> |
| 8 | + <link href="../../static/fontawesome-free-5.15.2-web/css/all.css" rel="stylesheet"> |
| 9 | + <link href="../../static/fontawesome-free-5.15.2-web/css/regular.css" rel="stylesheet"> |
| 10 | + <link href="../../static/fontawesome-free-5.15.2-web/css/brands.css" rel="stylesheet"> |
| 11 | + <link rel="stylesheet" href="../../css/main.css"> |
| 12 | + <script src="../../static/js/main.js" defer></script> |
| 13 | +</head> |
| 14 | +<body class="relative"> |
| 15 | + |
| 16 | +<!-- This is the mobile fly-out menu - outside document flow. --> |
| 17 | +<div id="nav-backdrop" class="fixed z-10 inset-0 hidden"></div> |
| 18 | + |
| 19 | +<div id="mobile-nav" class="fixed z-20 top-0 right-0 w-full sm:w-1/2 max-h-full overflow-auto hidden rounded-b shadow-lg bg-white px-4"> |
| 20 | + |
| 21 | + <div class="pt-6 flex justify-between"> |
| 22 | + |
| 23 | + <div> |
| 24 | + <img src="../../static/images/logos/hf-logo-100-alpha.png" width="68" height="52" /> |
| 25 | + <div class="text-sm mt-2 text-gray-500">The Haskell Foundation</div> |
| 26 | + </div> |
| 27 | + |
| 28 | + <div class> |
| 29 | + <button id="mobile-nav-close" type="button" class="inline-flex items-center justify-center p-2 rounded text-purple-800 shadow-lg focus:outline-none"> |
| 30 | + <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> |
| 31 | + <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> |
| 32 | + </svg> |
| 33 | + </button> |
| 34 | + </div> |
| 35 | + |
| 36 | + </div> |
| 37 | + |
| 38 | + <div class="mt-6"> |
| 39 | + <a href="../../" class="block py-3 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Home</a> |
| 40 | + |
| 41 | + |
| 42 | + <div href="../../vision" class="block py-3 border-t border-gray-320 text-lg font-medium text-gray-500">Vision</div> |
| 43 | + |
| 44 | + <div href="../../who-we-are" class="block py-3 border-t border-gray-320 text-lg font-medium text-gray-500">Who We Are</div> |
| 45 | + <a href="../../who-we-are" class="block py-3 pl-6 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Current Board</a> |
| 46 | + <a href="../../who-we-are/past-boards" class="block py-3 pl-6 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Past Boards</a> |
| 47 | + |
| 48 | + <a href="../../projects" class="block py-3 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Projects</a> |
| 49 | + |
| 50 | + <div href="../../affiliates" class="block py-3 border-t border-gray-320 text-lg font-medium text-gray-500">Affiliates</div> |
| 51 | + <a href="../../affiliates" class="block py-3 pl-6 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Affiliates</a> |
| 52 | + <a href="../../affiliates/about" class="block py-3 pl-6 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">About Affiliating</a> |
| 53 | + |
| 54 | + <a href="../../news" class="block py-3 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">News</a> |
| 55 | + <a href="../../news" class="block py-3 pl-6 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">News</a> |
| 56 | + <a href="../../news/press" class="block py-3 pl-6 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Press</a> |
| 57 | + |
| 58 | + <a href="../../contact" class="block py-3 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Contact</a> |
| 59 | + <a href="../../donations" class="block py-3 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Sponsorship</a> |
| 60 | + <a href="../../resources" class="block py-3 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Resources</a> |
| 61 | + <a href="../../faq" class="block py-3 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">FAQ</a> |
| 62 | + |
| 63 | + |
| 64 | + </div> |
| 65 | + |
| 66 | + |
| 67 | +</div> |
| 68 | + |
| 69 | + |
| 70 | +<!-- Document flow begins here --> |
| 71 | +<div class="min-h-screen flex flex-col"> |
| 72 | + <div> |
| 73 | + <nav class="max-w-screen-xl mx-auto px-4 pt-6 sm:pt-12 sm:px-6 flex items-center justify-between justify-self-stretch"> |
| 74 | + |
| 75 | + <div> |
| 76 | + <a href="../../"> |
| 77 | + <img src="../../static/images/logos/hf-logo-100-alpha.png" /> |
| 78 | + <div class="text-sm mt-2 text-gray-500"></div> |
| 79 | + </a> |
| 80 | + </div> |
| 81 | + |
| 82 | + <nav class="hidden lg:block"> |
| 83 | + <ul class="flex space-x-8 xl:space-x-12"> |
| 84 | + |
| 85 | + |
| 86 | + <li class="relative"> |
| 87 | + <a href="../../who-we-are" id="who-we-are-nav-item">Who We Are</a> |
| 88 | + |
| 89 | + <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="who-we-are-nav-item-menu"> |
| 90 | + |
| 91 | + <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../../who-we-are"> |
| 92 | + Current Board |
| 93 | + </a> |
| 94 | + |
| 95 | + <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../../who-we-are/past-boards"> |
| 96 | + Past Boards |
| 97 | + </a> |
| 98 | + |
| 99 | + </div> |
| 100 | + |
| 101 | + </li> |
| 102 | + |
| 103 | + |
| 104 | + <li class="relative"> |
| 105 | + <a href="../../vision" id>Vision</a> |
| 106 | + |
| 107 | + </li> |
| 108 | + |
| 109 | + <li class="relative"> |
| 110 | + <a href="../../projects" id>Projects</a> |
| 111 | + |
| 112 | + </li> |
| 113 | + |
| 114 | + <li class="relative"> |
| 115 | + <a href="../../affiliates" id="affiliates-nav-item">Affiliates</a> |
| 116 | + |
| 117 | + <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="affiliates-nav-item-menu"> |
| 118 | + |
| 119 | + <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../../affiliates"> |
| 120 | + Affiliates |
| 121 | + </a> |
| 122 | + |
| 123 | + <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../../affiliates/about"> |
| 124 | + About Affiliating |
| 125 | + </a> |
| 126 | + |
| 127 | + </div> |
| 128 | + |
| 129 | + </li> |
| 130 | + |
| 131 | + <li class="relative"> |
| 132 | + <a href="../../news" id="news-nav-item">News</a> |
| 133 | + |
| 134 | + <div class="pt-2 absolute top-full w-44 bg-white shadow-md hidden" id="news-nav-item-menu"> |
| 135 | + |
| 136 | + <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../../news"> |
| 137 | + News |
| 138 | + </a> |
| 139 | + |
| 140 | + <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="../../news/press"> |
| 141 | + Press |
| 142 | + </a> |
| 143 | + |
| 144 | + </div> |
| 145 | + |
| 146 | + </li> |
| 147 | + |
| 148 | + |
| 149 | + <li class="relative"> |
| 150 | + <a href="../../donations" id>Sponsorship</a> |
| 151 | + |
| 152 | + </li> |
| 153 | + |
| 154 | + <li class="relative"> |
| 155 | + <a href="../../resources" id>Resources</a> |
| 156 | + |
| 157 | + </li> |
| 158 | + |
| 159 | + <li class="relative"> |
| 160 | + <a href="../../contact" id>Contact</a> |
| 161 | + |
| 162 | + </li> |
| 163 | + |
| 164 | + |
| 165 | + <li class="relative"> |
| 166 | + <a href="../../faq" id>FAQ</a> |
| 167 | + |
| 168 | + </li> |
| 169 | + |
| 170 | + </ul> |
| 171 | + </nav> |
| 172 | + |
| 173 | + <div class="absolute right-0 lg:hidden self-start"> |
| 174 | + <button id="mobile-nav-open" type="button" class="mr-4 flex items-center justify-center p-2 rounded text-purple-800 shadow-lg focus:outline-none" aria-label="Main menu" aria-haspopup="true"> |
| 175 | + <svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24"> |
| 176 | + <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> |
| 177 | + </svg> |
| 178 | + </button> |
| 179 | + </div> |
| 180 | + |
| 181 | +</nav> |
| 182 | + |
| 183 | + </div> |
| 184 | + |
| 185 | + <div class="flex-grow"> |
| 186 | + |
| 187 | + |
| 188 | + |
| 189 | + <div class="max-w-screen-xl mx-auto py-16 md:py-24"> |
| 190 | + <div class="sm:px-6 lg:px-16"> |
| 191 | + <div class="relative"> |
| 192 | + <div class="absolute top-0 left-0 border-t border-l border-purple-50 h-10 md:h-20 w-10 md:w-20"> |
| 193 | + <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"> |
| 194 | + <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"> |
| 195 | + <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"> |
| 196 | + <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"> |
| 197 | + <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> |
| 198 | + </div> |
| 199 | + </div> |
| 200 | + </div> |
| 201 | + </div> |
| 202 | + </div> |
| 203 | + <div class="absolute top-0 right-0 border-t border-r border-purple-50 h-10 md:h-20 w-10 md:w-20"> |
| 204 | + <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"> |
| 205 | + <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"> |
| 206 | + <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"> |
| 207 | + <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"> |
| 208 | + <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> |
| 209 | + </div> |
| 210 | + </div> |
| 211 | + </div> |
| 212 | + </div> |
| 213 | + </div> |
| 214 | +</div> |
| 215 | + |
| 216 | + </div> |
| 217 | + <div class="text-center pt-12 md:pt-20 px-12 sm:px-16 md:px-24 lg:px-36 "> |
| 218 | + <h1 class="text-2xl-5xl">Press</h1> |
| 219 | + |
| 220 | + </div> |
| 221 | + </div> |
| 222 | + |
| 223 | + |
| 224 | +<div class="max-w-screen-md mx-auto grid gap-8"> |
| 225 | + |
| 226 | + |
| 227 | + <div class="bg-gray-100 px-6 sm:px-12 space-y-4 py-12"> |
| 228 | + <a href="https://iohk.io/en/blog/posts/2020/11/04/iohk-sponsors-new-haskell-foundation/"><h2 class="font-normal text-xl-2xl">IOHK Sponsors the Haskell Foundation</h2></a> |
| 229 | + <p> |
| 230 | + IOHK is one of the first sponsors of the Haskell Foundation because we believe in the power of functional programming, open-source software, and open governance. So, we are delighted to be able to join other key companies in supporting the community through an open and transparent process in which everyone can participate... |
| 231 | + </p> |
| 232 | + </div> |
| 233 | + |
| 234 | +</div> |
| 235 | + |
| 236 | + |
| 237 | +<div class="mt-16 md:mt-24"> |
| 238 | + |
| 239 | + <div class="xl:max-w-screen-xl mx-auto md:px-12 lg:px-16"> |
| 240 | + <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"> |
| 241 | + <h2 class="text-gray-50 font-normal text-3xl-4xl text-center">Press Kit</h2> |
| 242 | + <p class="mt-10 lg:text-xl text-gray-300 leading-relaxed text-center"> |
| 243 | + |
| 244 | + Please reach out to us at <a href="mailto:press@haskell.foundation">press@haskell.foundation</a> for our press kit, including relevant marketing materials and branding. |
| 245 | + |
| 246 | + </p> |
| 247 | + </div> |
| 248 | + </div> |
| 249 | + |
| 250 | +</div> |
| 251 | + |
| 252 | + </div> |
| 253 | + |
| 254 | + <div class="max-w-screen-xl mx-auto text-center sm:px-12 md:px-12 lg:px-16 mt-32"> |
| 255 | + <div class="font-bold">SPONSORS</div> |
| 256 | + <div class="mt-16 flex flex-wrap justify-center"> |
| 257 | + <a href="https://github.com/" target="_blank" class="block w-36 m-4"><img alt="GitHub" src="../../static/images/sponsors/github/github-683.png" srcset=" |
| 258 | + /static/images/sponsors/github/github-200.png 200w, |
| 259 | + /static/images/sponsors/github/github-400.png 400w, |
| 260 | + /static/images/sponsors/github/github-683.png 683w"></a> |
| 261 | + <a href="https://iohk.io/" target="_blank" class="block w-36 m-4"><img alt="Input | Output" src="../../static/images/sponsors/iohk/iohk-683.png" srcset=" |
| 262 | + /static/images/sponsors/iohk/iohk-200.png 200w, |
| 263 | + /static/images/sponsors/iohk/iohk-400.png 400w, |
| 264 | + /static/images/sponsors/iohk/iohk-683.png 683w"></a> |
| 265 | + <a href="https://tweag.io/" target="_blank" class="block w-36 m-4"><img alt="TWEAG" src="../../static/images/sponsors/tweag/tweag-683.png" srcset=" |
| 266 | + /static/images/sponsors/tweag/tweag-200.png 200w, |
| 267 | + /static/images/sponsors/tweag/tweag-400.png 400w, |
| 268 | + /static/images/sponsors/tweag/tweag-683.png 683w"></a> |
| 269 | + <a href="https://well-typed.com/" target="_blank" class="block w-36 m-4"><img alt="Well-Typed" src="../../static/images/sponsors/well-typed/well-typed-683.png" srcset=" |
| 270 | + /static/images/sponsors/well-typed/well-typed-200.png 200w, |
| 271 | + /static/images/sponsors/well-typed/well-typed-400.png 400w, |
| 272 | + /static/images/sponsors/well-typed/well-typed-683.png 683w"></a> |
| 273 | + <a href="https://obsidian.systems/" target="_blank" class="block w-36 m-4"><img alt="Obsidian Systems" src="../../static/images/sponsors/obsidian-systems/obsidian-systems-683.png" srcset=" |
| 274 | + /static/images/sponsors/obsidian-systems/obsidian-systems-200.png 200w, |
| 275 | + /static/images/sponsors/obsidian-systems/obsidian-systems-400.png 400w, |
| 276 | + /static/images/sponsors/obsidian-systems/obsidian-systems-683.png 683w"></a> |
| 277 | + <a href="http://flipstone.com/" target="_blank" class="block w-36 m-4"><img alt="FLIPSTONE" src="../../static/images/sponsors/flipstone/flipstone-683.png" srcset=" |
| 278 | + /static/images/sponsors/flipstone/flipstone-200.png 200w, |
| 279 | + /static/images/sponsors/flipstone/flipstone-400.png 400w, |
| 280 | + /static/images/sponsors/flipstone/flipstone-683.png 683w"></a> |
| 281 | + <a href="http://mercury.com/" target="_blank" class="block w-36 m-4"><img alt="Mercury Bank" src="../../static/images/sponsors/mercury/mercury.png" srcset=" |
| 282 | + /static/images/sponsors/mercury/mercury.png"></a> |
| 283 | + <a href="https://www.emqx.io/" target="_blank" class="block w-36 m-4"><img alt="EMQ" src="../../static/images/sponsors/emq/emq.png" srcset=" |
| 284 | + /static/images/sponsors/emq/emq.png"></a> |
| 285 | + |
| 286 | + </div> |
| 287 | +</div> |
| 288 | + |
| 289 | +<div class="mt-20 bg-gray-800 w-full py-20"> |
| 290 | + <div class="max-w-screen-xl mx-auto text-gray-300 text-center text-lg px-6 lg:px-16"> |
| 291 | + |
| 292 | + <div class="flex flex-col space-y-8 lg:flex-row lg:space-y-0"> |
| 293 | + <div class="lg:flex space-y-4 lg:gap-2 lg:flex-grow lg:space-y-0"> |
| 294 | + <div class="font-medium mt-1">To learn more about the Haskell Foundation </div> |
| 295 | + <div class="ml-2"> |
| 296 | + <a href="../../contact" class="arrow-link light">>> contact us</a> |
| 297 | + </div> |
| 298 | + </div> |
| 299 | + <div class="flex justify-center space-x-6"> |
| 300 | + <a href="https://twitter.com/haskellfound" target="_blank" class="text-4xl block"><span class="fab fa-twitter"></span></a> |
| 301 | + <a href="https://www.linkedin.com/company/haskell-foundation-inc" target="_blank" class="text-4xl block"><span class="fab fa-linkedin-in"></span></a> |
| 302 | + <a href="https://discourse.haskell.org/c/haskell-foundation/11" target="_blank" class="text-4xl block"><span class="fab fa-discourse"></span></a> |
| 303 | + </div> |
| 304 | + </div> |
| 305 | + |
| 306 | + <div class="mt-16 flex flex-col space-y-4 lg:flex-row lg:space-x-8 lg:space-y-0"> |
| 307 | + <img src="../../static/images/haskell-foundation-logo-gray.svg" class="h-8" /> |
| 308 | + <div class="font-medium">2020 © Haskell Foundation</div> |
| 309 | + </div> |
| 310 | + |
| 311 | + </div> |
| 312 | +</div> |
| 313 | + |
| 314 | +</div> |
| 315 | + |
| 316 | +</body> |
| 317 | +</html> |
0 commit comments