add Google form

Author: larsrh

index.html

@@ -66,7 +66,13 @@ <h1 class="nohyphenate">The <em>April Cools' Club</em> Manifesto</h1>
                 normally don't get a chance to, and it'll be surprising and enriching for readers (or watchers, or
                 listeners). The spirit of April Fools' Day without any of the cringe.</p>
 
-            <p>Want to contribute? See <a href="#faq">the FAQ below</a> for instructions.</p>
+            <p>Want to contribute? See <a href="#faq">the FAQ below</a> for
+                instructions. Or click one of the big buttons:</p>
+
+            <p class="submit">
+                <a href="https://github.com/april-cools/april-cools.github.io/blob/main/_data/projects.yml">Submit via GitHub</a>
+                <a href="https://forms.gle/hqgDbvgpfUmZway86">Submit via form</a>
+            </p>
         </div>
     </section>
 
@@ -100,11 +106,17 @@ <h1 id="faq">FAQs</h1>
                 <dt>How can I participate?</dt>
 
                 <dd>Do you have an idea that fits the spirit of the April Cools' Day?
-                    Excellent. Get creating, and once you're done, send a pull request to
-                    <a href="https://github.com/april-cools/april-cools.github.io/blob/main/_data/projects.yml">the
-                    repository of this website</a>.
-                    Alternatively, poke <a href="https://mastodon.hupel.info/@lars">Lars on Mastodon</a>
-                    or <a href="https://bsky.app/profile/hillelwayne.com">Hillel on Bluesky</a>.
+                    Excellent. Get creating, and once you're done, tell us about it via
+                    one of these channels:
+                    <ul>
+                      <li>use <a href="https://forms.gle/hqgDbvgpfUmZway86">this anonymous form</a>; or</li>
+                      <li>send a pull request to
+                        <a href="https://github.com/april-cools/april-cools.github.io/blob/main/_data/projects.yml">the
+                        repository of this website</a>; or
+                      </li>
+                      <li>poke <a href="https://mastodon.hupel.info/@lars">Lars on Mastodon</a>
+                        or <a href="https://bsky.app/profile/hillelwayne.com">Hillel on Bluesky</a>.</li>
+                    </ul>
                 </dd>
 
                 <dt>Where is your privacy policy?</dt>

main.css

@@ -38,6 +38,22 @@ a:hover, a:focus {
     color: black;
 }
 
+p.submit {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 1em;
+}
+
+p.submit a {
+    padding: .5em;
+    border-radius: 3px;
+    color: var(--light-yellow);
+    background-color: var(--dark-brown);
+    box-shadow: 0px 0px 10px 3px var(--dark-brown);
+    text-decoration: none;
+}
+
 em {
     font-style: normal;
     text-decoration: underline dotted;