Leaders page redo (#203)

* fix: small debug code left behind

* feat: new leaders page

* fix: small cleanups

* fix: add gdocs as allowable content

* fix: fix tags and some placeholders

* fix: styles for the subscribe form

app/handlers/security_cache_headers.js

@@ -93,7 +93,7 @@ exports.handler = (event, context, callback) => {
         "default-src 'self' ; " +
         "connect-src 'self' https://fonts.googleapis.com https://fonts.gstatic.com" +
           " https://www.google-analytics.com https://www.googletagmanager.com" +
-          " https://www.github.com/ ; " +
+          " https://www.github.com/ https://docs.google.com/ ;" +
         "script-src 'self' 'unsafe-inline' https://www.google-analytics.com" +
           " https://www.googletagmanager.com ; " +
         "style-src 'self' 'unsafe-inline' https://fonts.googleapis.com https://fonts.gstatic.com ; " +

site/src/pages/leaders.js

@@ -33,13 +33,14 @@ const LeadersPage = ({data}) => {
     below. Don't forget to sign up if you want to get more information about
     additional content.
   `;
+  const tags = ['thinking', 'business', 'innovation'];
 
   const frontmatter = {
     title,
     date,
     excerpt,
     slug,
-    large_title: true,
+    large_title: false,
   };
 
   const submitURL = 'https://docs.google.com/forms/d/e/1FAIpQLSei22e0iBvHq5b3wrhOTetsVk_srB4a1pLzotYPKnGmi2dNYg/formResponse';
@@ -78,7 +79,7 @@ const LeadersPage = ({data}) => {
   };
 
   return (
-    <Layout frontmatter={frontmatter} tags={['leadership', 'resources']}
+    <Layout frontmatter={frontmatter} tags={tags}
       path='/leaders' featuredimage={featuredImageSrc}
     >
       <PageHead title={title}/>
@@ -138,6 +139,7 @@ const LeadersPage = ({data}) => {
                   value={email}
                   onChange={(e) => setEmail(e.target.value)}
                   required
+                  placeholder="email@example.com"
                 />
               </label>
               <button type="submit">Submit</button>

site/src/styles/global.css

@@ -164,6 +164,34 @@ article p span.gatsby-resp-image-wrapper + em {
     font-style: normal;
     margin-top: calc(0.25 * var(--gutter));
 }
+
+
+/* Some definitions for the form */
+article form label {
+    font-family: var(--main-font-family);
+    font-size: 2.2rem;
+}
+
+article form input {
+    padding: var(--margin-indent);
+    margin-left: var(--gutter-small);
+    border: 1px solid var(--base);
+    margin-right: var(--gutter-small);
+    height: 100%;
+    font-family: var(--main-font-family);
+    font-size: 2.2rem;
+    width: 60%;
+}
+article form button {
+    padding: var(--margin-indent);
+    background-color: var(--light-base);
+    color: var(--dark-base);
+    height: 100%;
+    border: none;
+    font-family: var(--main-font-family);
+    font-size: 2.2rem;
+}
+
 /* MEDIA QUERIES FOR Medium Size display */
 
 /* MEDIA QUERIES FOR Large Size displau */