From e45f46ad57d7f5a35576c616233737fd4f76ed6c Mon Sep 17 00:00:00 2001
From: Chris Cochrun <chris@cochrun.xyz>
Date: Thu, 4 May 2023 15:21:29 -0500
Subject: [PATCH] adding shadow to newsletter list

---
 assets/css/compiled/main.css      | 33 ++++++++++++++++++++++---
 layouts/newsletters/list.html     | 41 +++++++++++++++++++++++++++++++
 layouts/shortcodes/camp-form.html |  2 +-
 3 files changed, 71 insertions(+), 5 deletions(-)
 create mode 100644 layouts/newsletters/list.html

diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 6f42a01..8f9c307 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -929,14 +929,21 @@ select {
   color: var(--tw-prose-code);
   font-weight: 600;
   font-size: 0.875em;
+  background-color: rgba(var(--color-neutral-50), 1);
+  padding-top: 3px;
+  padding-bottom: 3px;
+  padding-left: 5px;
+  padding-right: 5px;
 }
 
 .prose :where(code):not(:where([class~="not-prose"] *))::before {
   content: "`";
+  display: none;
 }
 
 .prose :where(code):not(:where([class~="not-prose"] *))::after {
   content: "`";
+  display: none;
 }
 
 .prose :where(a code):not(:where([class~="not-prose"] *)) {
@@ -1204,6 +1211,14 @@ select {
   border-radius: 0.12rem;
 }
 
+.prose :where(p):not(:where([class~="not-prose"] *))::before {
+  display: none;
+}
+
+.prose :where(p):not(:where([class~="not-prose"] *))::after {
+  display: none;
+}
+
 .prose-sm :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
   margin-top: 0.5714286em;
   margin-bottom: 0.5714286em;
@@ -1976,6 +1991,12 @@ select {
   max-width: 48rem;
 }
 
+.max-w-fit {
+  max-width: -webkit-fit-content;
+  max-width: -moz-fit-content;
+  max-width: fit-content;
+}
+
 .max-w-\[64rem\] {
   max-width: 64rem;
 }
@@ -2689,14 +2710,14 @@ select {
   opacity: 0;
 }
 
-.opacity-30 {
-  opacity: 0.3;
-}
-
 .opacity-70 {
   opacity: 0.7;
 }
 
+.opacity-30 {
+  opacity: 0.3;
+}
+
 .mix-blend-normal {
   mix-blend-mode: normal;
 }
@@ -3972,6 +3993,10 @@ body:has(#menu-controller:checked) {
   background-color: rgba(var(--color-secondary-400), 1);
 }
 
+.dark .dark\:prose-invert :where(code):not(:where([class~="not-prose"] *)) {
+  background-color: rgba(var(--color-neutral-700), 1);
+}
+
 .dark .dark\:text-neutral {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral), var(--tw-text-opacity));
diff --git a/layouts/newsletters/list.html b/layouts/newsletters/list.html
new file mode 100644
index 0000000..06b8820
--- /dev/null
+++ b/layouts/newsletters/list.html
@@ -0,0 +1,41 @@
+{{ define "main" }}
+  {{ $toc := and (.Params.showTableOfContents | default (.Site.Params.list.showTableOfContents | default false)) (in .TableOfContents "<ul") }}
+  <header>
+    {{ if .Params.showBreadcrumbs | default (.Site.Params.list.showBreadcrumbs | default false) }}
+      {{ partial "breadcrumbs.html" . }}
+    {{ end }}
+    <h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">{{ .Title }}</h1>
+  </header>
+  <section
+    class="{{ if $toc -}}
+      mt-12
+    {{- else -}}
+      mt-0
+    {{- end }} prose flex max-w-full flex-col dark:prose-invert lg:flex-row"
+  >
+    {{ if $toc }}
+      <div class="order-first px-0 lg:order-last lg:max-w-xs ltr:lg:pl-8 rtl:lg:pr-8">
+        <div class="toc ltr:pl-5 rtl:pr-5 lg:sticky lg:top-10">
+          {{ partial "toc.html" . }}
+        </div>
+      </div>
+    {{ end }}
+    <div class="min-w-0 min-h-0 max-w-prose">
+      {{ .Content | emojify }}
+    </div>
+  </section>
+  {{ if gt .Pages 0 }}
+    <section class="space-y-10 w-full">
+      {{ range .Pages.ByWeight }}
+        {{ partial "article-link.html" . }}
+      {{ end }}
+    </section>
+    {{ partial "pagination.html" . }}
+  {{ else }}
+    <section class="mt-10 prose dark:prose-invert">
+      <p class="py-8 border-t">
+        <em>{{ i18n "list.no_articles" | emojify }}</em>
+      </p>
+    </section>
+  {{ end }}
+{{ end }}
diff --git a/layouts/shortcodes/camp-form.html b/layouts/shortcodes/camp-form.html
index ddb35c0..5c19d63 100644
--- a/layouts/shortcodes/camp-form.html
+++ b/layouts/shortcodes/camp-form.html
@@ -160,7 +160,7 @@
         <label for="parentemail" class="basis-full">Guardian's Email <span class='inline-block text-[#f39] text-sm align-sub'>* required</span></label>
         <input type="parentemail" id="parentemail" name="parentemail"
                pattern="^[a-zA-Z0-9]+(?:\.[a-zA-Z0-9]+)*@[a-zA-Z0-9]+(?:\.[a-zA-Z0-9]+)*$"
-               class="basis-full form-input {{ $formClasses }}" required>
+               class="basis-full form-input {{ $formClasses }}">
 
         <label for="allergies" class="basis-full">Do you have any food allergies?</label>
         <input type="text" id="allergies" name="allergies"