Wording tweaks, look and feel improvements. List open reqs and most recent podcast episode on the home page.

Author: myShoggoth

careers/devops.markdown

@@ -1,7 +1,7 @@
 ---
 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: 2021-12-28
+postedOn: 2022-01-12
 status: Open
 ---
 
@@ -38,7 +38,7 @@ The successful candidate will be in the middle of it all, collaborating with dev
 
 * Most GHC services are hosted by a single machine running NixOS. This includes our PostreSQL database, GitLab and Grafana instances, our Docker registry, as well as various project-specific services. All of these services are provisioned via their associated Nix modules.
 * Our CI infrastructure builds upon GitLab Pipelines, using Docker for build isolation and reproducibility on Linux. A qualified applicant should be comfortable with both technologies.
-* We maintain a fleet of heterogeneous CI runners, covering Linux (AArch64, x86-64), Windows (x86-64), and Darwin (AArch64). Having some familiarity with all three of these platforms would be useful.
+* We maintain a fleet of heterogeneous CI runners, covering Linux (AArch64, x86-64), Windows (x86-64), and Darwin (AArch64).
 
 # Bonus Points
 
@@ -52,6 +52,6 @@ This is a 100% remote position, reporting to the Executive Director of the Haske
 
 Haskell knowledge in not required.
 
-Budgeted maximum total compensation for this position is $124k USD. Actual terms depend on experience, expertise, geographical location, local employment laws, etc.
+Budgeted maximum total compensation for this position is $$124k USD. Actual terms depend on experience, expertise, geographical location, local employment laws, etc.
 
 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.

site.hs

@@ -180,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

templates/careers/page.html

@@ -6,13 +6,13 @@ <h1 class="text-2xl-5xl">$title$</h1>
     <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">
-                <ul>
-                    <li>Posted: $postedOn$</li>
-                    <li>Status: $status$</li>
-                </ul>
-            $body$
-            <div><a href="mailto:careers@haskell.foundation">Email with a resume/CV to apply!</a></div>
+                <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>
 </div>

templates/careers/tile.html

@@ -1,6 +1,8 @@
-<div class="bg-gray-100 px-6 sm:px-12 py-12">
+<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>
+</div>

index.html templates/homepage.htmlindex.html renamed to 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>