Merge pull request #169 from haskellfoundation/careers

myShoggoth · web-flow · commit 488be1f0e35a · 2022-01-24T12:22:02.000-08:00
Start careers infrastructure and a stab at the devops position posting.
diff --git a/assets/images/sponsors/mlabs/logo-black-pink.png b/assets/images/sponsors/mlabs/logo-black-pink.png
diff --git a/assets/images/sponsors/mlabs/logo-white-pink.png b/assets/images/sponsors/mlabs/logo-white-pink.png
diff --git a/assets/images/sponsors/mlabs/logo-white.png b/assets/images/sponsors/mlabs/logo-white.png
diff --git a/careers/devops.markdown b/careers/devops.markdown
@@ -0,0 +1,53 @@
+---
+title: DevOps Engineer
+summary: The Haskell Foundation (HF) seeks a passionate DevOps professional to support GHC, related Haskell projects and tooling, and the HF itself.
+postedOn: 2022-01-21
+status: Open
+---
+
+# Description
+
+The [Haskell Foundation](https://haskell.foundation) is [looking for a DevOps engineer](https://github.com/haskellfoundation/tech-proposals/blob/main/proposals/accepted/003-ghc-ops.md) to take the Haskell ecosystem to the next level of stability, reliability, and performance.
+
+This is a central role in the Haskell ecosystem, the primary responsibility is maintaining and improving the [CI](https://gitlab.haskell.org/ghc/ghc/-/tree/master/.gitlab) infrastructure for GHC ([Glasgow Haskell Compiler](https://gitlab.haskell.org/ghc/ghc)). However, once that is in good shape, we anticipate offering support to other core open source Haskell projects, such as Cabal, Stack, GHCup, Haskell Language Server, and core libraries. 
+
+The successful candidate will have exceptional DevOps skills in the current technology stack:
+
+* Most GHC services are hosted by a single machine running NixOS, including:
+  * PostgreSQL
+  * GitLab
+  * Grafana
+  * Docker registry
+* GitLab Pipelines
+* Docker
+* Heterogenous CI runners, covering Linux (AArch64, x86-64), Windows (x86-64), and Darwin (AArch64).
+
+Additionally, this position is responsible for maintaining operating system dependent packaging of GHC and related tools.
+
+## Likely future responsibilities
+
+* Work with the [Haskell Infrastructure Team](https://github.com/haskell-infra/haskell-admins/).
+* Improvements and expansion of the GHC performance dashboard.
+
+# Qualifications
+
+* Demonstrated ability to manage and simplify complexity
+* Collaborate with a variety of stakeholders
+* Ability to choose between multiple, conflicting priorities
+* Excellent English written communication skills
+
+# Bonus Points
+
+* Some famliarity with Haskell packaging.
+* Familiarity with platform-dependent software packaging (e.g. notarisation and code signing on Darwin).
+* Some systems programming experience.
+
+# Miscellaneous
+
+This is a 100% remote position, reporting to the Executive Director of the Haskell Foundation, but taking technical direction from the GHC team (primarily Ben Gamari). Primary interactions will include people in US and European time zones, but can include coordination with people across the world at times.
+
+Haskell knowledge is not required.
+
+The Haskell Foundation does not descriminate based on race, creed, color, ethnicity, national origin, religion, sex, gender identity (including gender expression), sexual orientation, disability, age, marital status, and family/parental status.
+
+We offer competitive compensation and benefits (dependent on experience, logistics required to compensate the candidate in their locale, and relevant labor laws).
diff --git a/donations/sponsors/carboncloud.markdown b/donations/sponsors/carboncloud.markdown
@@ -3,4 +3,5 @@ title: CarbonCloud
 logo: /assets/images/sponsors/carboncloud/vertical3x.png
 externalUrl: https://www.carboncloud.com/
 level: Applicative
+careersUrl: https://careers.carboncloud.com/jobs
 ---
diff --git a/donations/sponsors/iohk.markdown b/donations/sponsors/iohk.markdown
@@ -4,4 +4,5 @@ logo: /assets/images/sponsors/iohk/iohk-683.png
 srcset: /assets/images/sponsors/iohk/iohk-200.png 200w, /assets/images/sponsors/iohk/iohk-400.png 400w, /assets/images/sponsors/iohk/iohk-683.png 683w
 externalUrl: https://iohk.io/
 level: Monad
+careersUrl: https://apply.workable.com/io-global
 ---
diff --git a/donations/sponsors/mercury.markdown b/donations/sponsors/mercury.markdown
@@ -3,4 +3,5 @@ title: Mercury
 logo: /assets/images/sponsors/mercury/mercury.png
 externalUrl: https://mercury.com/
 level: Applicative
+careersUrl: https://mercury.com/jobs
 ---
diff --git a/donations/sponsors/mlabs.markdown b/donations/sponsors/mlabs.markdown
@@ -0,0 +1,7 @@
+---
+title: MLabs
+externalUrl: https://mlabs.city/
+careersUrl: https://mlabs.city/careers.html
+logo: /assets/images/sponsors/mlabs/logo-black-pink.png
+level: Functor
+---
diff --git a/donations/sponsors/obsidian.markdown b/donations/sponsors/obsidian.markdown
@@ -4,4 +4,5 @@ logo: /assets/images/sponsors/obsidian-systems/obsidian-systems-683.png
 srcset: /assets/images/sponsors/obsidian-systems/obsidian-systems-200.png 200w, /assets/images/sponsors/obsidian-systems/obsidian-systems-400.png 400w, /assets/images/sponsors/obsidian-systems/obsidian-systems-683.png 683w
 externalUrl: https://obsidian.systems/
 level: Applicative
+careersUrl: https://www.reddit.com/r/haskell/comments/m2tqca/jobs_obsidian_systems_is_hiring/
 ---
diff --git a/donations/sponsors/tripshot.markdown b/donations/sponsors/tripshot.markdown
@@ -3,4 +3,5 @@ title: TripShot
 logo: /assets/images/sponsors/tripshot/Tripshot_Logo_RGB.png
 externalUrl: https://tripshot.com/
 level: Functor
+careersUrl: https://tripshot.com/careers
 ---
diff --git a/donations/sponsors/tweag.markdown b/donations/sponsors/tweag.markdown
@@ -4,4 +4,5 @@ logo: /assets/images/sponsors/tweag/tweag-683.png
 srcset: /assets/images/sponsors/tweag/tweag-200.png 200w, /assets/images/sponsors/tweag/tweag-400.png 400w, /assets/images/sponsors/tweag/tweag-683.png 683w
 externalUrl: https://tweag.io/
 level: Applicative
+careersUrl: https://boards.greenhouse.io/tweag
 ---
diff --git a/site.hs b/site.hs
@@ -1,7 +1,6 @@
 {-# Language ScopedTypeVariables #-}
 {-# Language OverloadedStrings #-}
 {-# Language ViewPatterns #-}
-{-# Language BangPatterns #-}
 
 import Hakyll
 import Data.List (sortOn)
@@ -181,8 +180,21 @@ main = hakyll $ do
     match "podcast/*/transcript.markdown" $ compile pandocCompiler
     match "podcast/*/links.markdown" $ compile pandocCompiler
 
+-- home page -------------------------------------------------------------------------------------------
+    create ["index.html"] $ do
+        route idRoute
+        compile $ do
+            sponsors <- buildBoilerplateCtx (Just "Haskell Foundation")
+            podcastsCtx <- podcastCtx . take 1 . reverse <$> loadAll ("podcast/*/index.markdown" .&&. hasVersion "raw")
+            careersCtx <- careersCtx <$> loadAll "careers/*.markdown"
+
+            makeItem ""
+                >>= loadAndApplyTemplate "templates/homepage.html" (podcastsCtx <> careersCtx)
+                >>= loadAndApplyTemplate "templates/boilerplate.html" sponsors
+                >>= relativizeUrls
+
 -- general 'static' pages ------------------------------------------------------------------------------
-    match ("index.html" .||. "**/index.html") $ do
+    match "**/index.html" $ do
         route idRoute
         compile $ do
             sponsors <- buildBoilerplateCtx Nothing
@@ -218,11 +230,33 @@ main = hakyll $ do
                 >>= loadAndApplyTemplate "templates/boilerplate.html" sponsors
                 >>= relativizeUrls
 
+-- Careers ---------------------------------------------------------------------------------------------
+    create ["careers/index.html"] $ do
+        route idRoute
+        compile $ do
+            sponsors <- buildBoilerplateCtx (Just "Careers")
+            ctx <- careersCtx <$> loadAll "careers/*.markdown"
+            hiringSponsors <- hiringSponsorsCtx <$> loadAll "donations/sponsors/*.markdown"
+
+            makeItem ""
+                >>= loadAndApplyTemplate "templates/careers/list.html" (ctx <> hiringSponsors)
+                >>= loadAndApplyTemplate "templates/boilerplate.html" sponsors
+                >>= relativizeUrls
+
+    match "careers/*.markdown" $ do
+        route $ setExtension "html"
+        compile $ do
+            sponsors <- buildBoilerplateCtx Nothing
+            pandocCompiler
+                >>= applyAsTemplate sponsors
+                >>= loadAndApplyTemplate "templates/careers/page.html"    defaultContext
+                >>= loadAndApplyTemplate "templates/boilerplate.html"     sponsors
+                >>= relativizeUrls
+
 -- templates -------------------------------------------------------------------------------------------
     match "templates/*" $ compile templateBodyCompiler
     match "templates/**" $ compile templateBodyCompiler
 
-
 --------------------------------------------------------------------------------------------------------
 -- CONTEXT ---------------------------------------------------------------------------------------------
 --------------------------------------------------------------------------------------------------------
@@ -325,10 +359,30 @@ podcastCtx episodes =
     listField "episodes" defaultContext (return $ reverse episodes) <>
     defaultContext
 
+-- careers ---------------------------------------------------------------------------------------------
+careersCtx :: [Item String] -> Context String
+careersCtx reqs =
+    listField "openreqs" defaultContext (ofMetadataField "status" "Open" reqs) <>
+    listField "closedreqs" defaultContext (ofMetadataField "status" "Closed" reqs) <>
+    defaultContext
+
+hiringSponsorsCtx :: [Item String] -> Context String
+hiringSponsorsCtx sponsors =
+    listField "hiringsponsors" defaultContext (filterMetadataField "careersUrl" sponsors) <>
+    defaultContext
+
 --------------------------------------------------------------------------------------------------------
 -- UTILS -----------------------------------------------------------------------------------------------
 --------------------------------------------------------------------------------------------------------
 
+-- | filter list of item string based on whether or not the field exists
+filterMetadataField :: String -> [Item String] -> Compiler [Item String]
+filterMetadataField field =
+    filterM (\item -> do
+        mbField <- getMetadataField (itemIdentifier item) field
+        return $ isJust mbField
+    )
+
 -- | filter list of item string based on the given value to match on the given metadata field
 ofMetadataField :: String -> String -> [Item String] -> Compiler [Item String]
 ofMetadataField field value = filterM (\item -> do
diff --git a/templates/careers/list.html b/templates/careers/list.html
@@ -0,0 +1,85 @@
+---
+title: Careers
+---
+<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">Careers</h1>
+  </div>
+  <div class="mt-16 md:mt-24">
+    <div class="xl:max-w-screen-xl mx-auto md:px-12 lg:px-16">
+      <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">
+        <h2 class="text-gray-50 font-normal text-3xl-4xl text-center">Working at the Haskell Foundation</h2>
+        <p class="mt-10 lg:text-xl text-gray-300 leading-relaxed text-center">
+            Interested in working at the crossroads of the Haskell ecosystem?
+        </p>
+      </div>
+    </div>
+  </div>
+  <div class="mt-16 md:mt-24">
+    <div class="max-w-screen-xl mx-auto grid gap-8 lg:grid-cols-2 md:px-12">
+      $for(openreqs)$
+      $partial("templates/careers/tile.html")$
+      $endfor$
+    </div>
+  </div>
+  <div class="mt-16 md:mt-24">
+    <div class="xl:max-w-screen-xl mx-auto md:px-12 lg:px-16">
+      <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">
+        <h2 class="text-gray-50 font-normal text-3xl-4xl text-center">Haskell Foundation Sponsors Hiring Haskellers</h2>
+        <p class="mt-10 lg:text-xl text-gray-300 leading-relaxed text-center">
+            Many of our sponsors are actively hiring Haskell engineers.
+        </p>
+      </div>
+    </div>
+  </div>
+  <div class="mt-16 md:mt-24">
+    <div class="max-w-screen-xl mx-auto grid gap-8 lg:grid-cols-2 md:px-12">
+      $for(hiringsponsors)$
+      <a href="$careersUrl$" target="_blank" class="block w-36 m-4"><img alt="$title$" src="$logo$"
+        $if(srcset)$
+          srcset="$srcset$"
+        $endif$
+        ></a>
+      $endfor$
+    </div>
+  </div>
+
+</div>
diff --git a/templates/careers/page.html b/templates/careers/page.html
@@ -0,0 +1,18 @@
+<div class="max-w-screen-xl mx-auto py-16 md:py-24">
+    <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">$title$</h1>
+    </div>
+
+    <div class="max-w-screen-xl mx-auto">
+        <div class="px-4 sm:px-8 md:px-12 lg:px-16">
+            <div class="mx-auto prose md:prose-lg">
+                <div class="max-w-screen-xl mx-auto grid gap-8 lg:grid-cols-2 md:px-12 bg-gray-100">
+                    <div class="text-lg"><strong>Posted:</strong> $postedOn$</div>
+                    <div class="text-lg"><strong>Status:</strong> $status$</div>
+                </div>
+                $body$
+                <div><a href="mailto:careers@haskell.foundation">Email with a resume/CV to apply!</a></div>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/templates/careers/tile.html b/templates/careers/tile.html
@@ -0,0 +1,8 @@
+<div class="bg-white border border-gray-300 rounded py-8 px-6 sm:px-12 text-center">
+  <div class="bg-gray-100 px-6 sm:px-12 lg:px-16 py-6 lg:py-24">
+    <div class="space-y-4">
+      <h2 class="font-normal text-2xl-4xl"><a class="arrow-link" href="$url$">$title$</a></h2>
+      <p>$summary$</p>
+    </div>
+  </div>
+</div>
diff --git a/templates/homepage.html b/templates/homepage.html
@@ -1,7 +1,3 @@
----
-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">
@@ -19,6 +15,31 @@ <h3 class="mb-4 text-xl text-gray-500">Amplify Haskell’s impact on humanity.</
     </div>
   </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">
+        $for(openreqs)$
+        $partial("templates/careers/tile.html")$
+        $endfor$
+
+        $for(episodes)$
+        <div class="bg-white border border-gray-300 rounded py-8 px-6 sm:px-12 text-center">
+            <div class="bg-gray-100 px-6 sm:px-12 lg:px-16 py-6 lg:py-24">
+                <h2 class="text-center text-2xl-4xl font-normal">
+                    <b>$episode$</b> – $title$
+                </h2>
+                <div class="mt-8  space-y-8 max-w-2xl mx-auto">
+                  $body$
+                  <div class="mt-4">
+                    <a class="arrow-link" href="/podcast/$episode$">&gt;&gt; Listen to $title$</a>
+                  </div>
+                </div>
+            </div>
+        </div>
+        $endfor$
+    </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>
diff --git a/templates/mobile-nav-flyout.html b/templates/mobile-nav-flyout.html
@@ -27,6 +27,7 @@
       <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>
       <a href="/contact" class="block py-3 pl-6 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Contact</a>
       <a href="/vision" class="block py-3 pl-6 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Vision</a>
+      <a href="/careers" class="block py-3 pl-6 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Careers</a>
 
     <a href="/podcast" class="block py-3 border-t border-gray-320 hover:bg-gray-100 text-lg font-medium">Podcast</a>
 
diff --git a/templates/nav.html b/templates/nav.html
@@ -28,6 +28,7 @@
 
 
           	<a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="/vision">Vision</a>
+            <a class="block p-4 border-t-2 hover:bg-gray-50 cursor-pointer" href="/careers">Careers</a>
             </div>
 
         </li>
