2024 Tech Meetup Schedule (#112)

Author: jcsmileyjr

_data/meetups.yml

@@ -0,0 +1,24 @@
+- date: January 6, 2024 (Saturday) at 1pm CST 
+  title: Code and Share
+  description: Where you can discuss and showcase your personal projects, regardless of whether they are completed or still a work in progress. Alternatively, you can simply join to applaud, mentor, and offer support to fellow participants.
+  signuplink: https://www.meetup.com/memphis-technology-user-groups/events/297158044/
+- date: January 9, 2024 (Tuesday) at 12 noon CST
+  title: Coding Dojo
+  description: An online meetup where we solve data structure / algorithm based technical interview questions collaboratively. 
+  signuplink: https://www.meetup.com/memphis-technology-user-groups/events/298053154/
+- date: January 21, 2024 (Sunday) at 2pm CST
+  title: Code Together
+  description: This is event is hosted by the talented teacher, content creator, and developer James Quick. Great opportunity for career advice, encouragement, and coding help.
+  signuplink: https://www.meetup.com/memphis-technology-user-groups/events/298227693/
+- date: January 22, 2024 (Monday) at 12 noon CST
+  title: Virtual Lunch
+  description: If you're interested in meeting with other developers and chatting about tech, life, etc. during your lunch break, you're more than welcome to join us at our virtual table.
+  signuplink: https://www.meetup.com/memphis-technology-user-groups/events/298227712/
+- date: January 23, 2024 (Tuesday) at 6:30pm CST
+  title: Code-op
+  description: TBD
+  signuplink:  https://www.meetup.com/memphis-technology-user-groups/events/298227731/
+- date: January 26, 2024 (Friday) at 11:30am CST
+  title: UI/UX
+  description: Spend the hour chatting about research and design concepts along with new and exciting topics in the world of UI/UX
+  signuplink:  https://www.meetup.com/memphis-technology-user-groups/events/297726030/

_layouts/default.html

@@ -71,6 +71,7 @@
             <li class="nav-item dropdown">
               <a class="nav-link dropdown-toggle" href="#" id="getInvolvedNavbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Get Involved</a>
               <div class="dropdown-menu" aria-labelledby="getInvolvedNavbarDropdownMenuLink">
+                <a class="dropdown-item" href="/schedule" data-target="#">Meetup Schedule</a>
                 <a class="dropdown-item" href="/learn" data-target="#">Learn to Code</a>
                 <a class="dropdown-item" href="/volunteer" data-target="#">Volunteer</a>
                 <a class="dropdown-item" href="/sponsor" data-target="#">Sponsor</a>

css/core.scss

@@ -946,4 +946,6 @@ header {
     content: "\a";
     white-space: pre;
   }
-}
+}
+
+.border-purple { border-color: #8f13d9 !important; }

schedule.html

@@ -0,0 +1,40 @@
+---
+title: Schedule
+---
+
+<!-- Header -->
+<header>
+    <div class="overlay"></div>
+    <video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop">
+      <source src="/content/videos/workshop2.mp4" type="video/mp4">
+    </video>
+    <div class="container h-100">
+      <div class="d-flex h-100 text-center align-items-center">
+        <div class="w-100 text-white">
+          <p class="subheader d-none d-md-inline">Interested in hanging out with other tech professionals</p>
+          <h1 class="header my-md-2">Sign up to attend one of our meetups</h1>
+        </div>
+      </div>
+    </div>
+  </header>
+
+<section id="meetups">
+    <div class="container">
+        <div class="row section-header d-flex justify-content-center">
+            <div class="col-lg-6 text-center">
+              <h1>2024</h1>
+              <h2>Tech Meetup Schedule</h2>
+            </div>
+        </div>
+        <div class="row d-flex ">
+            {% for event in site.data.meetups %}
+            <div class="col-lg-12 py-4 border border-purple">
+                <p class="text-primary">{{event.date}}</p>
+                <h1 class="text-primary">{{event.title}}</h1>
+                <p class="text-muted">{{event.description}}</p>
+                <a href={{event.signuplink}}><u>Click to sign up</u></a>
+            </div>
+            {% endfor %}
+        </div>
+    </div>
+</section>