March 25, 2015
+Calendar
+Upcoming Events
+FFWPU Ireland community events will appear here when they are scheduled.
+June 2026
+There are no upcoming events.
+Latest Past Events
+ +March 17, 2015
+Ahn Shi Il
+March 9, 2015
+diff --git a/css/site.css b/css/site.css index 7c271722..b6efa167 100644 --- a/css/site.css +++ b/css/site.css @@ -158,6 +158,238 @@ body.custom-background { background-color: #ffffff; } } } +/* Events calendar. */ +.events-page-shell { + box-sizing: border-box; + width: min(1100px, calc(100% - 40px)); + margin: 0 auto; + padding: 28px 0 44px; +} + +.events-page-header { + margin: 0 0 22px; +} + +.events-page-kicker { + margin: 0 0 6px; + color: #5f7f38; + font-size: 13px; + font-weight: 700; + letter-spacing: 0; + text-transform: uppercase; +} + +.events-page-header h1, +.events-calendar-heading h2, +.events-past h2, +.events-past-item h3 { + color: #2f332c; +} + +.events-page-header h1 { + margin: 0 0 8px; + font-size: 32px; + line-height: 1.18; +} + +.events-page-header p:last-child { + max-width: 680px; + margin: 0; + color: #5a5d56; + font-size: 16px; + line-height: 1.55; +} + +.events-calendar-panel, +.events-past { + border: 1px solid #e5e2d8; + border-radius: 8px; + background: #ffffff; +} + +.events-calendar-panel { + overflow: hidden; +} + +.events-calendar-heading { + display: flex; + flex-wrap: wrap; + gap: 12px 18px; + align-items: center; + justify-content: space-between; + padding: 20px 22px; + border-bottom: 1px solid #e5e2d8; + background: #fafbf7; +} + +.events-calendar-heading h2, +.events-past h2 { + margin: 0; + font-size: 24px; + line-height: 1.25; +} + +.events-calendar-heading p { + margin: 0; + padding: 7px 11px; + border: 1px solid #d6e3c1; + border-radius: 999px; + color: #3d662c; + background: #f0f7e8; + font-size: 14px; + line-height: 1.25; +} + +.events-calendar-grid { + display: grid; + grid-template-columns: repeat(7, minmax(0, 1fr)); + background: #e9e5db; + gap: 1px; +} + +.events-calendar-weekday, +.events-calendar-day { + box-sizing: border-box; + min-width: 0; + background: #ffffff; +} + +.events-calendar-weekday { + min-height: 42px; + padding: 12px 8px; + color: #676961; + font-size: 12px; + font-weight: 700; + line-height: 1.2; + text-align: center; + text-transform: uppercase; +} + +.events-calendar-day { + display: flex; + align-items: flex-start; + min-height: 92px; + padding: 10px; + color: #34372f; + font-size: 15px; + font-weight: 700; + line-height: 1; +} + +.events-calendar-day--weekend { + background: #fbfaf7; +} + +.events-calendar-day--outside-month { + color: #97978f; + background: #f5f4ef; +} + +.events-calendar-day--today { + color: #ffffff; + background: #5f7f38; +} + +.events-past { + margin-top: 24px; + padding: 22px; +} + +.events-past-list { + display: grid; + gap: 14px; + margin-top: 16px; +} + +.events-past-item { + display: grid; + grid-template-columns: 76px minmax(0, 1fr); + gap: 16px; + align-items: center; + padding: 14px; + border: 1px solid #ece8dd; + border-radius: 6px; + background: #fdfdfb; +} + +.events-past-date { + display: grid; + place-items: center; + min-height: 76px; + border: 1px solid #d9d3c5; + border-radius: 6px; + color: #575b50; + background: #ffffff; + line-height: 1.1; + text-align: center; + text-transform: uppercase; +} + +.events-past-date strong { + color: #bf4d28; + font-size: 27px; + line-height: 1; +} + +.events-past-date span { + font-size: 12px; + font-weight: 700; +} + +.events-past-item p { + margin: 0 0 4px; + color: #6b6d66; + font-size: 13px; +} + +.events-past-item h3 { + margin: 0; + font-size: 20px; + line-height: 1.25; +} + +@media (max-width: 760px) { + .events-page-shell { + width: min(100% - 24px, 1100px); + padding-top: 20px; + } + + .events-page-header h1 { + font-size: 27px; + } + + .events-calendar-heading, + .events-past { + padding: 16px; + } + + .events-calendar-grid { + overflow-x: auto; + grid-template-columns: repeat(7, minmax(52px, 1fr)); + } + + .events-calendar-weekday { + min-height: 36px; + padding: 10px 4px; + font-size: 11px; + } + + .events-calendar-day { + min-height: 58px; + padding: 8px; + font-size: 14px; + } + + .events-past-item { + grid-template-columns: 64px minmax(0, 1fr); + gap: 12px; + } + + .events-past-date { + min-height: 64px; + } +} + /* Contact page form. */ .contact-form { display: grid; diff --git a/src/content/pages/events.html b/src/content/pages/events.html index 37ce94b3..4366ba25 100644 --- a/src/content/pages/events.html +++ b/src/content/pages/events.html @@ -1,465 +1,110 @@
Calendar
+FFWPU Ireland community events will appear here when they are scheduled.
+There are no upcoming events.
+March 25, 2015
+March 17, 2015
+March 9, 2015
+