membershipworks: Fix layout/use wordpress blocks in upcoming-events

This commit is contained in:
Adam Goldsmith 2023-12-24 00:20:23 -05:00
parent 7b20c784d5
commit 9a0d6012b9

View File

@ -4,87 +4,109 @@
{% block title %}Upcoming Events{% endblock %} {% block title %}Upcoming Events{% endblock %}
{% block content %} {% block content %}
<div id="preview"> {% spaceless %}
<p> <div id="preview">
<img class="aligncenter size-medium wp-image-2319" <!-- wp:image {"align":"center","id":2319} -->
src="https://claremontmakerspace.org/wp-content/uploads/2019/03/CMS-Logo-b-y-g-300x168.png" <figure class="wp-block-image aligncenter">
alt="" <img src="https://claremontmakerspace.org/wp-content/uploads/2019/03/CMS-Logo-b-y-g-300x168.png"
width="300" width="300"
height="168" /> height="168"
</p> alt="CMS Logo"
<p>Greetings Upper Valley Makers:</p> class="wp-image-2319" />
<p>We have an exciting list of upcoming classes at the Claremont MakerSpace that we think might interest you.</p> </figure>
<div> <!-- /wp:image -->
<strong>For most classes and events, CMS MEMBERSHIP IS NOT REQUIRED.</strong> That said, members receive a discount <!-- wp:paragraph -->
on registration and there are some classes/events that are for members only (this will be clearly noted in the event <p>Greetings Upper Valley Makers:</p>
description). <!-- /wp:paragraph -->
</div> <!-- wp:paragraph -->
<div> <p>We have an exciting list of upcoming classes at the Claremont MakerSpace that we think might interest you.</p>
<strong>Class policies</strong> (liability waiver, withdrawal, cancellation, etc.) can be found <a href="https://claremontmakerspace.org/class-policies/" <!-- /wp:paragraph -->
data-wpel-link="internal">here</a>. <!-- wp:paragraph -->
</div> <p>
<div> <strong>For most classes and events, CMS MEMBERSHIP IS NOT REQUIRED.</strong> That said, members receive a discount on registration and there are some classes/events that are for members only (this will be clearly noted in the event description).
<strong>Instructors:</strong> Interested in teaching a class at CMS? Please fill out our <a href="https://claremontmakerspace.org/cms-class-proposal-form/" <br>
data-wpel-link="internal">Class Proposal Form</a>. <strong>Class policies</strong> (liability waiver, withdrawal, cancellation, etc.) can be found <a href="https://claremontmakerspace.org/class-policies/">here</a>.
</div> <br>
<div> <strong>Instructors:</strong> Interested in teaching a class at CMS? Please fill out our <a href="https://claremontmakerspace.org/cms-class-proposal-form/">Class Proposal Form</a>.
<strong>Tours:</strong> Want to see what the Claremont MakerSpace is all about? Tours are by appointment only. <br>
</div> <strong>Tours:</strong> Want to see what the Claremont MakerSpace is all about? Tours are by appointment only.
<a href="https://tickets.claremontmakerspace.org/open.php" <br>
target="_blank" <a data-wpel-link="external"
rel="noreferrer noopener external" href="https://tickets.claremontmakerspace.org/open.php"
data-wpel-link="external">Contact Us</a> to schedule your tour where you can learn about all the awesome tools that target="_blank"
the CMS offers access to, as well as how membership, classes, and studio spaces work. rel="noreferrer noopener external">Contact Us</a> to schedule your tour where you can learn about all the awesome tools that the CMS offers access to, as well as how membership, classes, and studio spaces work.
<hr /> </p>
{% for section in event_sections %} <!-- /wp:paragraph -->
{% if section.events %} <!-- wp:separator {"className":"is-style-wide"} -->
<h1>{{ section.title }}</h1> <hr class="wp-block-separator has-alpha-channel-opacity is-style-wide" />
<h4> <!-- /wp:separator -->
<i>{{ section.blurb }}</i> {% for section in event_sections %}
</h4> {% if section.events %}
{% for event in section.events %} <!-- wp:heading {"level":1} -->
{% with url="https://claremontmakerspace.org/events/#!event/register/"|add:event.url %} <h1 class="wp-block-heading">{{ section.title }}</h1>
{% spaceless %} <!-- /wp:heading -->
<h2 style="text-align: center;"> <!-- wp:heading {"level":4} -->
<a href="{{ url }}"> <h4 class="wp-block-heading">
{# djlint:off H006,H013 #} <i>{{ section.blurb }}</i>
{% if "lgo" in event %}<img class="alignleft" width="400" src="{{ event.lgo.l }}">{% endif %} </h4>
{# djlint:on #} <!-- /wp:heading -->
<span>{{ event.ttl|bleach }}</span> {% for event in section.events %}
</a> {% with url="https://claremontmakerspace.org/events/#!event/register/"|add:event.url %}
</h2> <!-- wp:group {"tagName":"section","layout":{"type":"constrained"}} -->
{% endspaceless %} <section class="wp-block-group">
{% spaceless %} <!-- wp:heading {"align":"center"} -->
<div> <h2 class="wp-block-heading">
{# wordpress is very annoying with spacing here #} <a href="{{ url }}">
{# djlint:off #} {% if "lgo" in event %}
<i> {# djlint:off H006 #}
<img class="{% cycle 'alignleft' 'alignright' %}"
width="400"
alt="Image for {{ event.ttl|bleach }}"
src="{{ event.lgo.l }}">
{# djlint:on #}
{% endif %}
<span>{{ event.ttl|bleach }}</span>
</a>
</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>
{# wordpress is very annoying with spacing here #}
{# TODO: different dates probably implies multiple instances. Should read RRULE or similar from the event notes #} {# TODO: different dates probably implies multiple instances. Should read RRULE or similar from the event notes #}
{{ event.sdp_dt|date }} {{ event.sdp_dt|time }} &mdash; {% if event.sdp_dt.date != event.edp_dt.date %}{{ event.edp_dt|date }}{% endif %} {{ event.edp_dt|time }} {# djlint:off #}
</i> <i>{{ event.sdp_dt|date }} {{ event.sdp_dt|time }} &mdash; {% if event.sdp_dt.date != event.edp_dt.date %}{{ event.edp_dt|date }}{% endif %} {{ event.edp_dt|time }}</i>
{# djlint:on #} {# djlint:on #}
</div> </p>
{% endspaceless %} <!-- /wp:paragraph -->
{% if not section.truncate %} {% if not section.truncate %}
<div>{{ event.dtl|bleach:"a,abbr,acronym,b,blockquote,code,em,i,li,ol,strong,ul,p,span,br,div" }}</div> <!-- wp:tadv/classic-paragraph -->
<div> <div>{{ event.dtl|bleach:"a,abbr,acronym,b,blockquote,code,em,i,li,ol,strong,ul,p,span,br,div" }}</div>
<a href="{{ url }}">Register for this class now!</a> <!-- /wp:tadv/classic-paragraph -->
</div> <!-- wp:paragraph -->
{% endif %} <p>
<hr /> <a href="{{ url }}">Register for this class now!</a>
{% endwith %} </p>
{% endfor %} <!-- /wp:paragraph -->
{% endif %} {% endif %}
{% endfor %} </section>
<div style="clear: both;"> <!-- /wp:group -->
<div>Happy Makin!</div> <!-- wp:separator {"className":"is-style-wide"} -->
<div> <hr class="wp-block-separator has-alpha-channel-opacity is-style-wide aligncenter" />
We are grateful for all of the public support that our 501(c)(3), non-profit organization receives. If youd <!-- /wp:separator -->
like to make a donation,please visit the <a href="https://claremontmakerspace.org/support/"><strong>Support Us {% endwith %}
page</strong></a> of our website. {% endfor %}
</div> {% endif %}
{% endfor %}
<!-- wp:paragraph -->
<p style="clear: both;">Happy Makin!</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>
We are grateful for all of the public support that our 501(c)(3), non-profit organization receives. If youd like to make a donation,please visit the <a href="https://claremontmakerspace.org/support/"><strong>Support Us page</strong></a> of our website.
</p>
<!-- /wp:paragraph -->
</div> </div>
</div> {% endspaceless %}
<div class="position-fixed end-0 bottom-0"> <div class="position-fixed end-0 bottom-0">
<button id="copy-button" <button id="copy-button"
type="button" type="button"