diff --git a/css/site.css b/css/site.css index 7c271722..9b1369c3 100644 --- a/css/site.css +++ b/css/site.css @@ -216,3 +216,269 @@ body.custom-background { background-color: #ffffff; } margin: 0; color: #5c5c56; } + +/* Static events calendar. */ +.events-calendar-page .entry-content { + max-width: 100%; +} + +.familyfed-calendar { + display: grid; + gap: 16px; +} + +.calendar-toolbar, +.calendar-actions { + display: flex; + flex-wrap: wrap; + gap: 10px; + align-items: center; +} + +.calendar-toolbar { + justify-content: space-between; +} + +.calendar-title { + margin: 0; + color: #333333; + font-size: 28px; + line-height: 1.2; + text-align: center; +} + +.calendar-nav-button, +.calendar-secondary-button { + min-height: 38px; + border: 1px solid #d8d8d0; + border-radius: 4px; + color: #333333; + background: #ffffff; + cursor: pointer; +} + +.calendar-nav-button { + width: 42px; + font-size: 26px; + line-height: 1; +} + +.calendar-secondary-button { + padding: 8px 12px; +} + +.calendar-nav-button:hover, +.calendar-nav-button:focus, +.calendar-secondary-button:hover, +.calendar-secondary-button:focus { + border-color: #bf4d28; + color: #bf4d28; +} + +.calendar-search { + display: grid; + gap: 5px; + min-width: min(100%, 280px); + color: #444444; + font-size: 12px; + font-weight: 700; + text-transform: uppercase; +} + +.calendar-search input { + box-sizing: border-box; + width: 100%; + min-height: 38px; + margin: 0; + text-transform: none; +} + +.calendar-layout { + display: grid; + grid-template-columns: minmax(0, 1fr) minmax(240px, 300px); + gap: 18px; + align-items: start; +} + +.calendar-grid-wrap, +.calendar-panel { + border: 1px solid #eeeeee; + border-radius: 6px; + background: #ffffff; +} + +.calendar-weekdays, +.calendar-grid { + display: grid; + grid-template-columns: repeat(7, minmax(0, 1fr)); +} + +.calendar-weekdays { + border-bottom: 1px solid #eeeeee; + background: #fbfbf8; +} + +.calendar-weekdays span { + padding: 10px 8px; + color: #5c5c56; + font-size: 12px; + font-weight: 700; + text-align: center; + text-transform: uppercase; +} + +.calendar-day { + display: grid; + grid-template-rows: auto 1fr; + gap: 6px; + min-height: 112px; + padding: 8px; + border: 0; + border-right: 1px solid #eeeeee; + border-bottom: 1px solid #eeeeee; + color: #333333; + background: #ffffff; + text-align: left; + cursor: pointer; +} + +.calendar-day:nth-child(7n) { + border-right: 0; +} + +.calendar-day:hover, +.calendar-day:focus { + outline: 2px solid #bf4d28; + outline-offset: -2px; +} + +.calendar-day-muted { + color: #8c8c86; + background: #fbfbf8; +} + +.calendar-day-today .calendar-day-number { + border-color: #d5e6b3; + color: #365d26; + background: #f2f7e8; +} + +.calendar-day-selected { + box-shadow: inset 0 0 0 2px #bf4d28; +} + +.calendar-day-number { + display: inline-flex; + align-items: center; + justify-content: center; + width: 28px; + min-height: 28px; + border: 1px solid transparent; + border-radius: 50%; + font-weight: 700; +} + +.calendar-day-events { + display: grid; + gap: 4px; + align-content: start; +} + +.calendar-event-pill, +.calendar-event-more { + overflow: hidden; + padding: 3px 6px; + border-radius: 4px; + font-size: 12px; + line-height: 1.25; + text-overflow: ellipsis; + white-space: nowrap; +} + +.calendar-event-pill { + color: #365d26; + background: #f2f7e8; +} + +.calendar-event-more { + color: #5c5c56; + background: #f7f7f2; +} + +.calendar-panel { + padding: 16px; +} + +.calendar-panel h3 { + margin: 0 0 12px; + font-size: 20px; +} + +.calendar-event-list { + display: grid; + gap: 12px; +} + +.calendar-event-card { + padding: 12px; + border: 1px solid #eeeeee; + border-radius: 6px; + background: #fbfbf8; +} + +.calendar-event-card h4 { + margin: 0 0 6px; + font-size: 18px; + line-height: 1.25; +} + +.calendar-event-card p { + margin: 0 0 7px; +} + +.calendar-event-date { + color: #5c5c56; + font-size: 12px; + font-weight: 700; + text-transform: uppercase; +} + +.calendar-empty { + margin: 0; + color: #5c5c56; +} + +@media (max-width: 900px) { + .calendar-layout { + grid-template-columns: 1fr; + } +} + +@media (max-width: 640px) { + .calendar-title { + font-size: 22px; + } + + .calendar-actions { + align-items: stretch; + } + + .calendar-actions > * { + width: 100%; + } + + .calendar-weekdays span { + padding: 8px 2px; + font-size: 11px; + } + + .calendar-day { + min-height: 78px; + padding: 5px; + } + + .calendar-event-pill, + .calendar-event-more { + font-size: 11px; + } +} diff --git a/src/content/pages/contact.html b/src/content/pages/contact.html index 8716e87b..22b68c99 100644 --- a/src/content/pages/contact.html +++ b/src/content/pages/contact.html @@ -5,9 +5,14 @@
We’re conveniently located in Dublin City Centre, directly across from the James Joyce Center. Feel free to drop by anytime, since most days someone is around to offer you a cup of tea and a friendly chat about our beliefs.
Our address is:
19 North Great Georges St.
Dublin 1, Ireland
Feel free to email us any questions you may have or to book an appointment to hear our lecture series of the Divine Principle or to organize a religious event at our church center: directors@familyfed.ie
+Feel free to email us any questions you may have or to book an appointment to hear our lecture series of the Divine Principle or to organize a religious event at our church center.
+