Merge pull request #5 from TechLancaster/add-calendar

Add calendar

Author: nathanheffley

.github/workflows/hugo.yml

@@ -30,7 +30,7 @@ jobs:
   build:
     runs-on: ubuntu-latest
     env:
-      HUGO_VERSION: 0.108.0
+      HUGO_VERSION: 0.140.2
     steps:
       - name: Install Hugo CLI
         run: |

layouts/index.html

@@ -183,7 +183,7 @@
   <!-- START OTHER MEETUPS -->
   <div
     id="other-meetups"
-    class="relative bg-sky-400 px-4 pt-40 pb-32 lg:pt-48 lg:pb-40"
+    class="relative bg-sky-400 px-4 pt-40 lg:pt-48"
   >
     <h2
       class="text-center text-2xl sm:text-4xl text-sky-800 leading-tight font-extrabold tracking-tight"
@@ -242,6 +242,20 @@
         "buttonUrl" "https://www.pubstandards.us/"
       ) -}}
     </div>
+
+    <div class="pt-4 lg:pt-16 pb-24 flex justify-center">
+      <div class="p-4 rounded-3xl" style="background: #f0f4f9">
+          <iframe
+            src="https://calendar.google.com/calendar/embed?height=600&wkst=1&ctz=America%2FNew_York&showPrint=0&mode=MONTH&title&showTitle=0&src=Nmw3ZTgzMmVlOWJlbXQxaTljNDJ2bHRydWdAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ&color=%23C0CA33"
+            style="border-width:0"
+            width="800"
+            height="600"
+            frameborder="0"
+            scrolling="no"
+            class="max-w-full mx-auto"
+          ></iframe>
+        </div>
+    </div>
   </div>
   <!-- END OTHER MEETUPS -->
 </div>
@@ -284,35 +298,34 @@
    * text-orange-900
    */
 
-  const lightColor = colors[Math.floor(Math.random() * colors.length)];
+  const color = colors[Math.floor(Math.random() * colors.length)];
   document
     .querySelectorAll(".fill-sky-100")
     .forEach(el =>
-      el.classList.replace("fill-sky-100", `fill-${lightColor}-100`)
+      el.classList.replace("fill-sky-100", `fill-${color}-100`)
     );
   document
     .querySelector("#tech-lancaster-meetup.bg-sky-100")
-    .classList.replace("bg-sky-100", `bg-${lightColor}-100`);
+    .classList.replace("bg-sky-100", `bg-${color}-100`);
   document
     .querySelector("#tech-lancaster-meetup .text-sky-900")
-    .classList.replace("text-sky-900", `text-${lightColor}-900`);
+    .classList.replace("text-sky-900", `text-${color}-900`);
   document
     .querySelectorAll("#tech-lancaster-meetup .text-sky-800")
     .forEach(el =>
-      el.classList.replace("text-sky-800", `text-${lightColor}-800`)
+      el.classList.replace("text-sky-800", `text-${color}-800`)
     );
   document
     .querySelectorAll("#tech-lancaster-meetup .text-sky-500")
     .forEach(el =>
-      el.classList.replace("text-sky-500", `text-${lightColor}-500`)
+      el.classList.replace("text-sky-500", `text-${color}-500`)
     );
 
-  const darkColor = colors[Math.floor(Math.random() * colors.length)];
   document
     .querySelector("#other-meetups.bg-sky-400")
-    .classList.replace("bg-sky-400", `bg-${darkColor}-400`);
+    .classList.replace("bg-sky-400", `bg-${color}-400`);
   document
     .querySelector("#other-meetups .text-sky-800")
-    .classList.replace("text-sky-800", `text-${darkColor}-800`);
+    .classList.replace("text-sky-800", `text-${color}-800`);
 </script>
 {{ end }}

layouts/partials/footer.html

@@ -1,6 +1,6 @@
-<footer class="bg-sky-800">
+<footer class="bg-sky-800 -mt-16">
   <svg
-    class="relative z-10 h-16 -mt-16 w-full"
+    class="relative z-10 h-16 w-full"
     preserveAspectRatio="none"
     viewBox="0 0 1440 320"
   >
@@ -19,11 +19,11 @@
 <script>
   document
     .querySelector("footer.bg-sky-800")
-    .classList.replace("bg-sky-800", `bg-${darkColor}-800`);
+    .classList.replace("bg-sky-800", `bg-${color}-800`);
   document
     .querySelector("footer .fill-sky-800")
-    .classList.replace("fill-sky-800", `fill-${darkColor}-800`);
+    .classList.replace("fill-sky-800", `fill-${color}-800`);
   document
     .querySelector("footer .text-sky-200")
-    .classList.replace("text-sky-200", `text-${darkColor}-200`);
+    .classList.replace("text-sky-200", `text-${color}-200`);
 </script>

layouts/partials/head.html

@@ -3,7 +3,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1" />
 
   {{ $css := resources.Get "css/main.css" }} {{ $style := $css |
-  resources.PostCSS }}
+  css.PostCSS }}
   <link rel="stylesheet" href="{{ $style.Permalink }}" />
 
   {{ $customCSS := resources.Get "css/custom.css" }}

layouts/partials/meetup-card.html

@@ -1,91 +1,90 @@
-<div class="relative bg-white p-4 rounded-3xl">
+<div class="flex flex-col self-stretch justify-end bg-white p-4 rounded-3xl">
   <img
     src="{{ .Page.Site.BaseURL }}/{{ .imageUrl }}"
     alt="{{ .imageAlt }}"
     class="rounded-md rounded-t-2xl w-full"
   />
 
-  <div class="mt-6">
-    <h3
-      class="text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl sm:leading-10"
-    >
-      {{ .name }}
-    </h3>
-    <div class="mt-6 prose prose-lg max-w-full text-gray-800 mx-auto">
-      <p>
-        {{ .description}}
-      </p>
+  <h3
+    class="mt-6 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl sm:leading-10"
+  >
+    {{ .name }}
+  </h3>
 
-      {{ if and (.date) (.time) }}
-      <div class="flex flex-col xs:flex-row xs:items-center">
-        <div class="flex items-center">
+  <p class="mt-6 prose prose-lg text-gray-800">
+    {{ .description}}
+  </p>
+
+  <div class="flex flex-col pt-4 mt-auto prose prose-lg max-w-full text-gray-800">
+    {{ if and (.date) (.time) }}
+    <div class="flex flex-col xs:flex-row xs:items-center">
+      <div class="flex items-center">
+        <svg
+          class="-mt-0.5 w-5 h-5 text-gray-500"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 20 20"
+          fill="currentColor"
+        >
+          <path
+            fill-rule="evenodd"
+            d="M5.75 2a.75.75 0 01.75.75V4h7V2.75a.75.75 0 011.5 0V4h.25A2.75 2.75 0 0118 6.75v8.5A2.75 2.75 0 0115.25 18H4.75A2.75 2.75 0 012 15.25v-8.5A2.75 2.75 0 014.75 4H5V2.75A.75.75 0 015.75 2zm-1 5.5c-.69 0-1.25.56-1.25 1.25v6.5c0 .69.56 1.25 1.25 1.25h10.5c.69 0 1.25-.56 1.25-1.25v-6.5c0-.69-.56-1.25-1.25-1.25H4.75z"
+            clip-rule="evenodd"
+          />
+        </svg>
+        <span class="ml-1 leading-none">{{ .date }}</span>
+      </div>
+
+      <div class="mt-4 xs:mt-0 xs:ml-4 flex items-center">
+        <svg
+          class="w-5 h-5 text-gray-500"
+          xmlns="http://www.w3.org/2000/svg"
+          fill="none"
+          viewBox="0 0 24 24"
+          stroke-width="2"
+          stroke="currentColor"
+        >
+          <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z"
+          />
+        </svg>
+        <span class="ml-1">{{ .time }}</span>
+      </div>
+    </div>
+    {{ end }}
+
+    <div class="mt-4 rounded-md rounded-b-2xl shadow-sm">
+      <a
+        href="{{ .buttonUrl }}"
+        class="flex items-center justify-center px-4 py-2 border border-transparent text-base leading-6 font-medium no-underline rounded-md rounded-b-2xl text-white bg-red-600 hover:bg-red-500 focus:bg-red-500 active:bg-red-700 transition ease-in-out duration-150"
+      >
+        {{ if eq .meetupLogo true }}
           <svg
-            class="-mt-0.5 w-5 h-5 text-gray-500"
-            xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 20 20"
-            fill="currentColor"
+            class="-ml-1 mr-3 h-6 w-6"
+            viewBox="0 0 512 512"
+            fill="#fff"
           >
             <path
-              fill-rule="evenodd"
-              d="M5.75 2a.75.75 0 01.75.75V4h7V2.75a.75.75 0 011.5 0V4h.25A2.75 2.75 0 0118 6.75v8.5A2.75 2.75 0 0115.25 18H4.75A2.75 2.75 0 012 15.25v-8.5A2.75 2.75 0 014.75 4H5V2.75A.75.75 0 015.75 2zm-1 5.5c-.69 0-1.25.56-1.25 1.25v6.5c0 .69.56 1.25 1.25 1.25h10.5c.69 0 1.25-.56 1.25-1.25v-6.5c0-.69-.56-1.25-1.25-1.25H4.75z"
-              clip-rule="evenodd"
+              d="M99 414.3c1.1 5.7-2.3 11.1-8 12.3-5.4 1.1-10.9-2.3-12-8-1.1-5.4 2.3-11.1 7.7-12.3 5.4-1.2 11.1 2.3 12.3 8zm143.1 71.4c-6.3 4.6-8 13.4-3.7 20 4.6 6.6 13.4 8.3 20 3.7 6.3-4.6 8-13.4 3.4-20-4.2-6.5-13.1-8.3-19.7-3.7zm-86-462.3c6.3-1.4 10.3-7.7 8.9-14-1.1-6.6-7.4-10.6-13.7-9.1-6.3 1.4-10.3 7.7-9.1 14 1.4 6.6 7.6 10.6 13.9 9.1zM34.4 226.3c-10-6.9-23.7-4.3-30.6 6-6.9 10-4.3 24 5.7 30.9 10 7.1 23.7 4.6 30.6-5.7 6.9-10.4 4.3-24.1-5.7-31.2zm272-170.9c10.6-6.3 13.7-20 7.7-30.3-6.3-10.6-19.7-14-30-7.7s-13.7 20-7.4 30.6c6 10.3 19.4 13.7 29.7 7.4zm-191.1 58c7.7-5.4 9.4-16 4.3-23.7s-15.7-9.4-23.1-4.3c-7.7 5.4-9.4 16-4.3 23.7 5.1 7.8 15.6 9.5 23.1 4.3zm372.3 156c-7.4 1.7-12.3 9.1-10.6 16.9 1.4 7.4 8.9 12.3 16.3 10.6 7.4-1.4 12.3-8.9 10.6-16.6-1.5-7.4-8.9-12.3-16.3-10.9zm39.7-56.8c-1.1-5.7-6.6-9.1-12-8-5.7 1.1-9.1 6.9-8 12.6 1.1 5.4 6.6 9.1 12.3 8 5.4-1.5 9.1-6.9 7.7-12.6zM447 138.9c-8.6 6-10.6 17.7-4.9 26.3 5.7 8.6 17.4 10.6 26 4.9 8.3-6 10.3-17.7 4.6-26.3-5.7-8.7-17.4-10.9-25.7-4.9zm-6.3 139.4c26.3 43.1 15.1 100-26.3 129.1-17.4 12.3-37.1 17.7-56.9 17.1-12 47.1-69.4 64.6-105.1 32.6-1.1.9-2.6 1.7-3.7 2.9-39.1 27.1-92.3 17.4-119.4-22.3-9.7-14.3-14.6-30.6-15.1-46.9-65.4-10.9-90-94-41.1-139.7-28.3-46.9.6-107.4 53.4-114.9C151.6 70 234.1 38.6 290.1 82c67.4-22.3 136.3 29.4 130.9 101.1 41.1 12.6 52.8 66.9 19.7 95.2zm-70 74.3c-3.1-20.6-40.9-4.6-43.1-27.1-3.1-32 43.7-101.1 40-128-3.4-24-19.4-29.1-33.4-29.4-13.4-.3-16.9 2-21.4 4.6-2.9 1.7-6.6 4.9-11.7-.3-6.3-6-11.1-11.7-19.4-12.9-12.3-2-17.7 2-26.6 9.7-3.4 2.9-12 12.9-20 9.1-3.4-1.7-15.4-7.7-24-11.4-16.3-7.1-40 4.6-48.6 20-12.9 22.9-38 113.1-41.7 125.1-8.6 26.6 10.9 48.6 36.9 47.1 11.1-.6 18.3-4.6 25.4-17.4 4-7.4 41.7-107.7 44.6-112.6 2-3.4 8.9-8 14.6-5.1 5.7 3.1 6.9 9.4 6 15.1-1.1 9.7-28 70.9-28.9 77.7-3.4 22.9 26.9 26.6 38.6 4 3.7-7.1 45.7-92.6 49.4-98.3 4.3-6.3 7.4-8.3 11.7-8 3.1 0 8.3.9 7.1 10.9-1.4 9.4-35.1 72.3-38.9 87.7-4.6 20.6 6.6 41.4 24.9 50.6 11.4 5.7 62.5 15.7 58.5-11.1zm5.7 92.3c-10.3 7.4-12.9 22-5.7 32.6 7.1 10.6 21.4 13.1 32 6 10.6-7.4 13.1-22 6-32.6-7.4-10.6-21.7-13.5-32.3-6z"
             />
           </svg>
-          <span class="ml-1 leading-none">{{ .date }}</span>
-        </div>
+        {{ end }}
 
-        <div class="mt-4 xs:mt-0 xs:ml-4 flex items-center">
+        {{ if eq .beerLogo true }}
           <svg
-            class="w-5 h-5 text-gray-500"
+            class="-ml-1 mr-3 h-6 w-6"
+            viewBox="0 0 512 512"
+            fill="#fff"
             xmlns="http://www.w3.org/2000/svg"
-            fill="none"
-            viewBox="0 0 24 24"
-            stroke-width="2"
-            stroke="currentColor"
           >
-            <path
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z"
-            />
+            <!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
+            <path d="M32 64c0-17.7 14.3-32 32-32H352c17.7 0 32 14.3 32 32V96h51.2c42.4 0 76.8 34.4 76.8 76.8V274.9c0 30.4-17.9 57.9-45.6 70.2L384 381.7V416c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64V64zM384 311.6l56.4-25.1c4.6-2.1 7.6-6.6 7.6-11.7V172.8c0-7.1-5.7-12.8-12.8-12.8H384V311.6zM160 144c0-8.8-7.2-16-16-16s-16 7.2-16 16V368c0 8.8 7.2 16 16 16s16-7.2 16-16V144zm64 0c0-8.8-7.2-16-16-16s-16 7.2-16 16V368c0 8.8 7.2 16 16 16s16-7.2 16-16V144zm64 0c0-8.8-7.2-16-16-16s-16 7.2-16 16V368c0 8.8 7.2 16 16 16s16-7.2 16-16V144z"/>
           </svg>
-          <span class="ml-1">{{ .time }}</span>
-        </div>
-      </div>
-      {{ end }}
+        {{ end }}
 
-      <div class="mt-4 rounded-md shadow-sm">
-        <a
-          href="{{ .buttonUrl }}"
-          class="flex items-center justify-center px-4 py-2 border border-transparent text-base leading-6 font-medium no-underline rounded-md rounded-b-2xl text-white bg-red-600 hover:bg-red-500 focus:bg-red-500 active:bg-red-700 transition ease-in-out duration-150"
-        >
-          {{ if eq .meetupLogo true }}
-            <svg
-              class="-ml-1 mr-3 h-6 w-6"
-              viewBox="0 0 512 512"
-              fill="#fff"
-            >
-              <path
-                d="M99 414.3c1.1 5.7-2.3 11.1-8 12.3-5.4 1.1-10.9-2.3-12-8-1.1-5.4 2.3-11.1 7.7-12.3 5.4-1.2 11.1 2.3 12.3 8zm143.1 71.4c-6.3 4.6-8 13.4-3.7 20 4.6 6.6 13.4 8.3 20 3.7 6.3-4.6 8-13.4 3.4-20-4.2-6.5-13.1-8.3-19.7-3.7zm-86-462.3c6.3-1.4 10.3-7.7 8.9-14-1.1-6.6-7.4-10.6-13.7-9.1-6.3 1.4-10.3 7.7-9.1 14 1.4 6.6 7.6 10.6 13.9 9.1zM34.4 226.3c-10-6.9-23.7-4.3-30.6 6-6.9 10-4.3 24 5.7 30.9 10 7.1 23.7 4.6 30.6-5.7 6.9-10.4 4.3-24.1-5.7-31.2zm272-170.9c10.6-6.3 13.7-20 7.7-30.3-6.3-10.6-19.7-14-30-7.7s-13.7 20-7.4 30.6c6 10.3 19.4 13.7 29.7 7.4zm-191.1 58c7.7-5.4 9.4-16 4.3-23.7s-15.7-9.4-23.1-4.3c-7.7 5.4-9.4 16-4.3 23.7 5.1 7.8 15.6 9.5 23.1 4.3zm372.3 156c-7.4 1.7-12.3 9.1-10.6 16.9 1.4 7.4 8.9 12.3 16.3 10.6 7.4-1.4 12.3-8.9 10.6-16.6-1.5-7.4-8.9-12.3-16.3-10.9zm39.7-56.8c-1.1-5.7-6.6-9.1-12-8-5.7 1.1-9.1 6.9-8 12.6 1.1 5.4 6.6 9.1 12.3 8 5.4-1.5 9.1-6.9 7.7-12.6zM447 138.9c-8.6 6-10.6 17.7-4.9 26.3 5.7 8.6 17.4 10.6 26 4.9 8.3-6 10.3-17.7 4.6-26.3-5.7-8.7-17.4-10.9-25.7-4.9zm-6.3 139.4c26.3 43.1 15.1 100-26.3 129.1-17.4 12.3-37.1 17.7-56.9 17.1-12 47.1-69.4 64.6-105.1 32.6-1.1.9-2.6 1.7-3.7 2.9-39.1 27.1-92.3 17.4-119.4-22.3-9.7-14.3-14.6-30.6-15.1-46.9-65.4-10.9-90-94-41.1-139.7-28.3-46.9.6-107.4 53.4-114.9C151.6 70 234.1 38.6 290.1 82c67.4-22.3 136.3 29.4 130.9 101.1 41.1 12.6 52.8 66.9 19.7 95.2zm-70 74.3c-3.1-20.6-40.9-4.6-43.1-27.1-3.1-32 43.7-101.1 40-128-3.4-24-19.4-29.1-33.4-29.4-13.4-.3-16.9 2-21.4 4.6-2.9 1.7-6.6 4.9-11.7-.3-6.3-6-11.1-11.7-19.4-12.9-12.3-2-17.7 2-26.6 9.7-3.4 2.9-12 12.9-20 9.1-3.4-1.7-15.4-7.7-24-11.4-16.3-7.1-40 4.6-48.6 20-12.9 22.9-38 113.1-41.7 125.1-8.6 26.6 10.9 48.6 36.9 47.1 11.1-.6 18.3-4.6 25.4-17.4 4-7.4 41.7-107.7 44.6-112.6 2-3.4 8.9-8 14.6-5.1 5.7 3.1 6.9 9.4 6 15.1-1.1 9.7-28 70.9-28.9 77.7-3.4 22.9 26.9 26.6 38.6 4 3.7-7.1 45.7-92.6 49.4-98.3 4.3-6.3 7.4-8.3 11.7-8 3.1 0 8.3.9 7.1 10.9-1.4 9.4-35.1 72.3-38.9 87.7-4.6 20.6 6.6 41.4 24.9 50.6 11.4 5.7 62.5 15.7 58.5-11.1zm5.7 92.3c-10.3 7.4-12.9 22-5.7 32.6 7.1 10.6 21.4 13.1 32 6 10.6-7.4 13.1-22 6-32.6-7.4-10.6-21.7-13.5-32.3-6z"
-              />
-            </svg>
-          {{ end }}
-
-          {{ if eq .beerLogo true }}
-            <svg
-              class="-ml-1 mr-3 h-6 w-6"
-              viewBox="0 0 512 512"
-              fill="#fff"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
-              <path d="M32 64c0-17.7 14.3-32 32-32H352c17.7 0 32 14.3 32 32V96h51.2c42.4 0 76.8 34.4 76.8 76.8V274.9c0 30.4-17.9 57.9-45.6 70.2L384 381.7V416c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64V64zM384 311.6l56.4-25.1c4.6-2.1 7.6-6.6 7.6-11.7V172.8c0-7.1-5.7-12.8-12.8-12.8H384V311.6zM160 144c0-8.8-7.2-16-16-16s-16 7.2-16 16V368c0 8.8 7.2 16 16 16s16-7.2 16-16V144zm64 0c0-8.8-7.2-16-16-16s-16 7.2-16 16V368c0 8.8 7.2 16 16 16s16-7.2 16-16V144zm64 0c0-8.8-7.2-16-16-16s-16 7.2-16 16V368c0 8.8 7.2 16 16 16s16-7.2 16-16V144z"/>
-            </svg>
-          {{ end }}
-
-          <span class="text-white">{{ .buttonText }}</span>
-        </a>
-      </div>
+        <span class="text-white">{{ .buttonText }}</span>
+      </a>
     </div>
   </div>
 </div>