unify page header structure and styling

this introduces slight spacing changes from how things rendered before,
but they are now reasonably consistent between pages (though still not
exact).

assets/css/_main.scss

@@ -149,28 +149,27 @@ span.Icon--caretDown {
   background-color: var(--tw-color-blue-primary);
   color: white;
 
+  padding: var(--feather-grid-mega) 0;
   @media (prefers-color-scheme: dark) {
     background-color: black;
   }
 }
 
-.simple-header {
+.header {
   padding-top: calc(var(--feather-grid-mega) * 3);
-  padding-bottom: var(--feather-grid-mega);
 }
 
 .large-title {
   font-size: var(--font-size-xxjumbo);
   line-height: var(--line-height-xxjumbo);
 }
 
-/* Footer */
-
-.footer {
-  padding-top: var(--feather-grid-mega);
-  padding-bottom: var(--feather-grid-mega);
+.subtitle {
+  margin: var(--feather-grid-large) 0;
 }
 
+/* Footer */
+
 .footer .Grid-cell {
   min-width: 180px;
 }

assets/css/index.scss

@@ -1,14 +1,5 @@
 /* Styles specific to home page */
 
-.home-header {
-  padding-top: calc(var(--feather-grid-mega) * 3);
-  padding-bottom: calc(var(--feather-grid-mega) * 1.75);
-}
-
-.subheading {
-    margin: var(--feather-grid-medium) 0;
-}
-
 .grey {
   background-color: var(--tw-color-gray-faint);
 

assets/css/memberships.scss

@@ -7,28 +7,6 @@
   --logo-size-small: 60px;
 }
 
-/* Header sizing */
-
-.memberships-header {
-  padding-top: calc(var(--feather-grid-mega) * 3);
-  padding-bottom: var(--feather-grid-mega);
-}
-
-.memberships-subheading {
-  margin-top: var(--feather-grid-mega);
-}
-
-/* When header less than var(--feather-grid-page-width) + (var(--feather-grid-mega) * 2) */
-@media (max-width: 1236px) {
-  .subheading-header {
-    padding-bottom: var(--feather-grid-large);
-  }
-
-  .memberships-subheading {
-    margin-top: var(--feather-grid-large);
-  }
-}
-
 /* Adjusts width and margins of membership-container */
 
 .membership-container {

layouts/_default/baseof.html

@@ -9,7 +9,13 @@
 
     <!-- Site wrapper -->
     <div class="site">
-        {{ block "header" . }}{{ end }}
+      <div class="header">
+        <div class="Grid container">
+          <div id="header-text" class="Grid-cell">
+            {{ block "header" . }}{{ end }}
+          </div>
+        </div>
+      </div>
         {{ block "main" . }}{{ end }}
     </div>
 

layouts/_default/memberships.html

@@ -1,12 +1,6 @@
 {{ define "header" }}
-<div class="header memberships-header">
-	<div class="Grid container">
-		<div id="header-text" class="Grid-cell">
-			<h1 class="large-title">Memberships</h1>
-			<h1 class="memberships-subheading">Our upstream and downstream partners who make open source happen</h1>
-		</div>
-	</div>
-</div>
+<h1 class="large-title">Memberships</h1>
+<h1 class="subtitle">Our upstream and downstream partners who make open source happen</h1>
 {{ end }}
 
 {{ define "main" }}

layouts/_default/projects.html

@@ -1,16 +1,8 @@
 {{ define "header" }}
-<!-- Header -->
-
-<div class="header simple-header">
-    <div class="Grid container">
-        <div id="header-text" class="Grid-cell">
-            <h1 class="large-title">Projects</h1>
-            <div class="search-bar">
-                <input class="search-box" type="text" name="search" placeholder="Search Projects" autocomplete="off" />
-                <span class="Icon Icon--search"></span>
-            </div>
-        </div>
-    </div>
+<h1 class="large-title">Projects</h1>
+<div class="search-bar">
+    <input class="search-box" type="text" name="search" placeholder="Search Projects" autocomplete="off" />
+    <span class="Icon Icon--search"></span>
 </div>
 {{ end }}
 

layouts/index.html

@@ -1,16 +1,8 @@
 {{ define "header" }}
-<!-- Header -->
-
-<div class="header home-header">
-    <div class="Grid container">
-        <div id="header-text" class="Grid-cell u-size7of8">
-            <h1 class="subheading">
-                <a href="https://twitter.com/TwitterOSS" target="_blank">@TwitterOSS</a>
-            </h1>
-            <h1 class="large-title">Open Source is Happening</h1>
-        </div>
-    </div>
-</div>
+<h1 class="subtitle">
+    <a href="https://twitter.com/TwitterOSS" target="_blank">@TwitterOSS</a>
+</h1>
+<h1 class="large-title">Open Source is Happening</h1>
 {{ end }}
 
 {{ define "main" }}