Merge remote-tracking branch 'origin/main' into codex/clean-calendar-ui

# Conflicts:
#	src/content/pages/events.html
#	src/pages/events.astro
This commit is contained in:
Workshop Bot 2026-06-11 17:58:47 +00:00
commit 4eeed4b1e9
11 changed files with 647 additions and 383 deletions

View file

@ -5,9 +5,14 @@
<p>We&#8217;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.</p>
<p>Our address is:</p>
<p><strong>19 North Great Georges St.</strong><br /><strong> Dublin 1, Ireland</strong></p>
<p>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: <a href="mailto:directors@familyfed.ie">directors@familyfed.ie</a></p>
<p>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.</p>
<ul>
<li>Directors: <a href="mailto:directors@familyfed.ie">directors@familyfed.ie</a></li>
<li>General enquiries: <a href="mailto:info@familyfed.ie">info@familyfed.ie</a></li>
<li>Media: <a href="mailto:media@familyfed.ie">media@familyfed.ie</a></li>
</ul>
<form id="contact-form" class="contact-form" action="mailto:directors@familyfed.ie" method="post" enctype="text/plain">
<form id="contact-form" class="contact-form" action="mailto:directors@familyfed.ie,info@familyfed.ie,media@familyfed.ie" method="post" enctype="text/plain">
<div class="contact-field">
<label for="contact-name">Name</label>
<input id="contact-name" name="name" type="text" autocomplete="name" required />

View file

@ -1,110 +1,47 @@
<div id="main">
<div id="forbottom">
<div style="clear:both;"> </div>
<div style="clear:both;"></div>
<section id="container" class="one-column events-calendar-page">
<div id="content" role="main">
<div class="post page type-page status-publish hentry">
<h1 class="entry-title">Events Calendar</h1>
<div class="entry-content">
<div class="familyfed-calendar" data-calendar>
<div class="calendar-toolbar" aria-label="Calendar navigation">
<button class="calendar-nav-button" type="button" data-calendar-prev aria-label="Previous month">&lsaquo;</button>
<h2 id="calendar-month-title" class="calendar-title" aria-live="polite"></h2>
<button class="calendar-nav-button" type="button" data-calendar-next aria-label="Next month">&rsaquo;</button>
</div>
<main class="events-page-shell" id="content" role="main">
<header class="events-page-header">
<p class="events-page-kicker">Calendar</p>
<h1>Upcoming Events</h1>
<p>FFWPU Ireland community events will appear here when they are scheduled.</p>
</header>
<div class="calendar-actions">
<button class="calendar-secondary-button" type="button" data-calendar-today>This Month</button>
<button class="calendar-secondary-button" type="button" data-calendar-export>Export Calendar</button>
</div>
<section class="events-calendar-panel" aria-labelledby="events-calendar-heading">
<div class="events-calendar-heading">
<h2 id="events-calendar-heading">June 2026</h2>
<p role="status">There are no upcoming events.</p>
</div>
<div class="calendar-layout">
<div class="calendar-grid-wrap">
<div class="calendar-weekdays" aria-hidden="true">
<span>Mon</span>
<span>Tue</span>
<span>Wed</span>
<span>Thu</span>
<span>Fri</span>
<span>Sat</span>
<span>Sun</span>
</div>
<div class="calendar-grid" role="grid" aria-labelledby="calendar-month-title" data-calendar-grid></div>
</div>
<div class="events-calendar-grid" role="grid" aria-readonly="true" aria-label="June 2026 calendar">
<div class="events-calendar-weekday" role="columnheader">Mon</div>
<div class="events-calendar-weekday" role="columnheader">Tue</div>
<div class="events-calendar-weekday" role="columnheader">Wed</div>
<div class="events-calendar-weekday" role="columnheader">Thu</div>
<div class="events-calendar-weekday" role="columnheader">Fri</div>
<div class="events-calendar-weekday" role="columnheader">Sat</div>
<div class="events-calendar-weekday" role="columnheader">Sun</div>
<time class="events-calendar-day" datetime="2026-06-01" role="gridcell">1</time>
<time class="events-calendar-day" datetime="2026-06-02" role="gridcell">2</time>
<time class="events-calendar-day" datetime="2026-06-03" role="gridcell">3</time>
<time class="events-calendar-day" datetime="2026-06-04" role="gridcell">4</time>
<time class="events-calendar-day" datetime="2026-06-05" role="gridcell">5</time>
<time class="events-calendar-day events-calendar-day--weekend" datetime="2026-06-06" role="gridcell">6</time>
<time class="events-calendar-day events-calendar-day--weekend" datetime="2026-06-07" role="gridcell">7</time>
<time class="events-calendar-day" datetime="2026-06-08" role="gridcell">8</time>
<time class="events-calendar-day" datetime="2026-06-09" role="gridcell">9</time>
<time class="events-calendar-day" datetime="2026-06-10" role="gridcell">10</time>
<time class="events-calendar-day events-calendar-day--today" datetime="2026-06-11" role="gridcell" aria-label="June 11, 2026">11</time>
<time class="events-calendar-day" datetime="2026-06-12" role="gridcell">12</time>
<time class="events-calendar-day events-calendar-day--weekend" datetime="2026-06-13" role="gridcell">13</time>
<time class="events-calendar-day events-calendar-day--weekend" datetime="2026-06-14" role="gridcell">14</time>
<time class="events-calendar-day" datetime="2026-06-15" role="gridcell">15</time>
<time class="events-calendar-day" datetime="2026-06-16" role="gridcell">16</time>
<time class="events-calendar-day" datetime="2026-06-17" role="gridcell">17</time>
<time class="events-calendar-day" datetime="2026-06-18" role="gridcell">18</time>
<time class="events-calendar-day" datetime="2026-06-19" role="gridcell">19</time>
<time class="events-calendar-day events-calendar-day--weekend" datetime="2026-06-20" role="gridcell">20</time>
<time class="events-calendar-day events-calendar-day--weekend" datetime="2026-06-21" role="gridcell">21</time>
<time class="events-calendar-day" datetime="2026-06-22" role="gridcell">22</time>
<time class="events-calendar-day" datetime="2026-06-23" role="gridcell">23</time>
<time class="events-calendar-day" datetime="2026-06-24" role="gridcell">24</time>
<time class="events-calendar-day" datetime="2026-06-25" role="gridcell">25</time>
<time class="events-calendar-day" datetime="2026-06-26" role="gridcell">26</time>
<time class="events-calendar-day events-calendar-day--weekend" datetime="2026-06-27" role="gridcell">27</time>
<time class="events-calendar-day events-calendar-day--weekend" datetime="2026-06-28" role="gridcell">28</time>
<time class="events-calendar-day" datetime="2026-06-29" role="gridcell">29</time>
<time class="events-calendar-day" datetime="2026-06-30" role="gridcell">30</time>
<time class="events-calendar-day events-calendar-day--outside-month" datetime="2026-07-01" role="gridcell">1</time>
<time class="events-calendar-day events-calendar-day--outside-month" datetime="2026-07-02" role="gridcell">2</time>
<time class="events-calendar-day events-calendar-day--outside-month" datetime="2026-07-03" role="gridcell">3</time>
<time class="events-calendar-day events-calendar-day--outside-month events-calendar-day--weekend" datetime="2026-07-04" role="gridcell">4</time>
<time class="events-calendar-day events-calendar-day--outside-month events-calendar-day--weekend" datetime="2026-07-05" role="gridcell">5</time>
</div>
</section>
<section class="events-past" aria-labelledby="events-past-heading">
<h2 id="events-past-heading">Latest Past Events</h2>
<div class="events-past-list">
<article class="events-past-item">
<time class="events-past-date" datetime="2015-03-25">
<span>Mar</span>
<strong>25</strong>
<span>2015</span>
</time>
<div>
<p>March 25, 2015</p>
<h3>Ahn Shi Il</h3>
<aside class="calendar-panel" aria-live="polite">
<h3 data-calendar-panel-title>Upcoming Events</h3>
<div class="calendar-event-list" data-calendar-list></div>
</aside>
</div>
</div>
</article>
<article class="events-past-item">
<time class="events-past-date" datetime="2015-03-17">
<span>Mar</span>
<strong>17</strong>
<span>2015</span>
</time>
<div>
<p>March 17, 2015</p>
<h3>Ahn Shi Il</h3>
</div>
</article>
<article class="events-past-item">
<time class="events-past-date" datetime="2015-03-09">
<span>Mar</span>
<strong>9</strong>
<span>2015</span>
</time>
<div>
<p>March 9, 2015</p>
<h3>Ahn Shi Il</h3>
</div>
</article>
</div>
</div>
</section>
</main>
</div>
</section>
<div style="clear:both;"></div>
</div>
</div>