Add information to meetup page

wnbrb · Oct 24, 2023 · a4b00bd · a4b00bd
1 parent 8104aa0
commit a4b00bd
Show file tree

Hide file tree

Showing 4 changed files with 46 additions and 6 deletions.
diff --git a/app/javascript/components/PageTitleWithContainer.jsx b/app/javascript/components/PageTitleWithContainer.jsx
@@ -4,7 +4,7 @@ import PageTitle from 'components/PageTitle';
 
 const PageTitleWithContainer = ({ text }) => {
     return (
-        <div className="max-w-[73rem] px-10 md:px-0 mx-auto my-10 sm:my-20">
+        <div className="max-w-[73rem] px-10 lg:px-8 xl:px-0 mx-auto my-10 sm:my-20">
             <PageTitle text={text} />
         </div>
     );

diff --git a/app/javascript/components/pages/Meetups.jsx b/app/javascript/components/pages/Meetups.jsx
@@ -7,7 +7,6 @@ import PageTitleWithContainer from 'components/PageTitleWithContainer';
 import Meetup from '../meetups/MeetUp';
 import YearSection from '../meetups/YearSection';
 import MonthSection from '../meetups/MonthSection';
-import Card from '../Card';
 
 import 'stylesheets/meetup';
 
@@ -27,10 +26,51 @@ const Meetups = () => {
     return (
         <>
             <Helmet>
-                <title>Past Meetups | WNB.rb</title>
+                <title>Meetups | WNB.rb</title>
             </Helmet>
             <SharedLayout>
-                <PageTitleWithContainer text="Past Meetups" />
+                <PageTitleWithContainer text="Meetups"></PageTitleWithContainer>
+                <div className="max-w-[73rem] p-10 mx-auto bg-gray-100">
+                    <p className="mb-2">
+                        <b>Our meetups</b> are held virtually on the last Tuesday of every month at{' '}
+                        <a
+                            href="https://dateful.com/convert/eastern-time-et?t=12pm"
+                            target="_blank"
+                            rel="noopener noreferrer"
+                        >
+                            12 pm Eastern Time
+                        </a>{' '}
+                        <i className="bi bi-box-arrow-up-right"></i>. The content is typically
+                        focused on Ruby or career-related topics, with 1-2 talks presented in a
+                        lecture-style format. Anyone who identifies as a woman or non-binary
+                        individual is welcome to attend. Fill in{' '}
+                        <a
+                            href="/join-us"
+                            className="whitespace-nowrap font-medium hover:text-red-400"
+                        >
+                            the Subscription form
+                        </a>{' '}
+                        to receive an invitation to the Google Group, which will opt you into
+                        calendar invites for upcoming meetups.
+                    </p>
+                    <p>
+                        <b>Are you interested in being a speaker?</b> We're constantly on the
+                        lookout for presenters, whether you're an experienced speaker or if this is
+                        your first time. Speaking at a WNB.rb meetup is an excellent opportunity to
+                        enhance your public speaking abilities. If you're interested in giving a
+                        talk, please provide your talk details via{' '}
+                        <a
+                            href="https://docs.google.com/forms/d/e/1FAIpQLSdmOJxLdSdy74mXYxsr6ZRRhTN95Yxnq2B6n5mhUoGkVmDUGA/viewform"
+                            className="whitespace-nowrap font-medium hover:text-red-400"
+                            target="_blank"
+                            rel="noopener noreferrer"
+                        >
+                            the Talk Proposal form
+                        </a>{' '}
+                        <i className="bi bi-box-arrow-up-right"></i> or feel free to contact{' '}
+                        <i>Adrianna Chang</i> on the WNB.rb Slack for more information.
+                    </p>
+                </div>
                 {loading ? (
                     <LoadingSpinner />
                 ) : (

diff --git a/app/javascript/packs/application.js b/app/javascript/packs/application.js
@@ -9,6 +9,7 @@ import 'channels';
 
 import '../stylesheets/application.scss';
 import '../stylesheets/page.scss';
+import 'bootstrap-icons/font/bootstrap-icons.css';
 
 // Rails.start();
 

diff --git a/app/javascript/stylesheets/page-title.scss b/app/javascript/stylesheets/page-title.scss
@@ -1,6 +1,5 @@
 .page-title {
-    @apply relative
-    min-h-[10rem];
+     @apply min-h-[10rem];
     /* overflow-auto; */
 }