-
Notifications
You must be signed in to change notification settings - Fork 481
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Updates the desing of the events page
Signed-off-by: Aaron Stephanus <[email protected]>
- Loading branch information
Aaron Stephanus
committed
Dec 15, 2023
1 parent
f78a6f6
commit 0b9ab2d
Showing
7 changed files
with
127 additions
and
37 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,32 +1,100 @@ | ||
| --- | ||
| layout: default | ||
| body_class: events-page | ||
| layout: fullwidth-with-breadcrumbs | ||
| breadcrumbs: | ||
| icon: meetings-and-events | ||
| items: | ||
| - title: Events | ||
| url: /events/calendar/2023-12.html | ||
| --- | ||
| {% assign primary_title = site.headings.events %} | ||
| {% assign layout_class = 'sidebar-right' %} | ||
| {% capture content %} | ||
| <h1>{{page.title}}</h1> | ||
| <h4> | ||
| {% if page.online %} Online {% endif %} | ||
| {% if page.location %} {{page.location.city}} ({{page.location.country}}) {% endif %} | ||
| {% if page.cost %} · {{page.cost}} {%endif%} | ||
| </h4> | ||
| {% if page.image %} | ||
| <img src="{{page.image}}" class="img-fluid"> | ||
| {%endif%} | ||
| {{ content }} | ||
| {% include share-buttons.html %} | ||
|
|
||
| {% endcapture %} | ||
| {% if page.hero_banner_image %} | ||
| <div class="hero-banner__fullwidth__responsive"> | ||
| <div> | ||
| <img src="{{ page.hero_banner_image }}" alt="{{ page.title }}"> | ||
| </div> | ||
| </div> | ||
| {% endif %} | ||
| <div class="landing-page-content__right-panel conference-speaker-session-page"> | ||
| {% if page.youtube_video_id %} | ||
| <div class="conference-speaker-session-page--embedded-video"> | ||
| {% include youtube-player.html id=page.youtube_video_id width="100%" height="" %} | ||
| </div> | ||
| {% endif %} | ||
| <div class="landing-page-content__right-panel--content"> | ||
| <div class="landing-page-content__right-panel--content--body"> | ||
| {{ content }} | ||
| </div> | ||
| <div class="landing-page-content__right-panel--content--side-panel"> | ||
| {% assign category = page.category | default: "community" %} | ||
| {% assign event_date = page.eventdate | date: "%A %e %B %Y %l%P %Z" %} | ||
| {% assign category_card_class = "events--calendar__list-view--event-card__" | append: category %} | ||
| {% assign online_event_card_class = "events--calendar__list-view--event-card__online" %} | ||
| {% if page.online %} | ||
| {% assign category_card_class = category_card_class | append: " " | append: online_event_card_class %} | ||
| {% endif %} | ||
| <div class="events--calendar--details--card {{ category_card_class }} events--calendar--details--card__events-page"> | ||
| <h4 class="events--calendar--body--week--day--event--details--category"> | ||
| {{ category }} | ||
| </h4> | ||
| <h3 class="events--calendar--body--week--day--event--details--name"> | ||
| {{ event_date }} | ||
| </h3> | ||
| {% if page.hosts %} | ||
| <p class="events--calendar--details--card--hosts"> | ||
| {% if page.online %}Online event {% else %} In-person event {% endif %} hosted by | ||
| {% for host in page.hosts %} | ||
| {% if host.short_name %} | ||
| {% assign host_url = "/authors/" | append: host.short_name | append: "/" %} | ||
| {% else %} | ||
| {% assign host_url = host.github %} | ||
| {% endif %} | ||
| {% if forloop.last %} & {% endif %}<a href="{{ host_url }}">{{ host.name }}</a>{% unless forloop.last %}, {% endunless %} | ||
| {% endfor %} | ||
| </p> | ||
| {% endif %} | ||
| <p class="events--calendar--details--card--hosts"> | ||
| {% assign meeting_link_title = page.signup.title | default: "Join the meeting" %} | ||
| <a href="{{ page.signup.url }}">{{ meeting_link_title }}</a> | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| {% capture content_related %} | ||
| <div role="complementary"> | ||
| <p> | ||
| <strong>Date:</strong> <span class="locale-datetime" data-tz="{{page.tz}}">{{page.eventdate | date_to_rfc822}}</span> | ||
| </p> | ||
| <a href="{{page.signup.url}}" class="cta" target="_blank">{{page.signup.title}}</a> | ||
| <h2 class="conference-speaker-session-page">Hosted By</h2> | ||
| <div class="speaker-session--speaker-cards"> | ||
| {% for host in page.hosts %} | ||
| {% if host.short_name %} | ||
| {% assign host_site_author = site.authors | find: "short_name", host.short_name %} | ||
| {% if host_site_author %} | ||
| {% assign host_photo = host_site_author.photo | default: "/assets/media/opensearchcon/speakers/no-image-available.svg" %} | ||
| {% assign host_details = host_site_author.job_title | append: " at " | append: host_site_author.company_name %} | ||
| {% else %} | ||
| {% assign host_photo = "/assets/media/opensearchcon/speakers/no-image-available.svg" %} | ||
| {% assign host_details = "" %} | ||
| {% endif %} | ||
| {% else %} | ||
| {% assign host_photo = "/assets/media/opensearchcon/speakers/no-image-available.svg" %} | ||
| {% assign host_details = "" %} | ||
| {% endif %} | ||
| <div class="speaker-session--speaker-cards--card"> | ||
| <div class="speaker-session--speaker-cards--card--image"> | ||
| <img src="{{ host_photo }}" alt="Host photograph"> | ||
| </div> | ||
| <div class="speaker-session--speaker-cards--card--content"> | ||
| <div class="keynote-speaker-label">Event Organizer</div> | ||
| <h3><a href="{{ speaker.permalink }}">{{ host.name }}</a></h3> | ||
| <div class="speaker-session--speaker-cards--card--content--job-title">{{ host_details }}</div> | ||
| </div> | ||
| </div> | ||
| {% endfor %} | ||
| </div> | ||
| {% endcapture %} | ||
|
|
||
| {% include copy_banner.html %} | ||
| {% include base_3col.html %} | ||
| <div class="conference-speaker-session-page--view-all"> | ||
| <div class="conference-speaker-session-page--view-all--link-button"> | ||
| {% assign year_month = site.date | date: "%Y-%m" %} | ||
| <a href="/events/calendar/{{ year_month }}.html">View All Events</a> | ||
| </div> | ||
| </div> | ||
| {% include card-clickability.html card_classname="speaker-session--speaker-cards--card" card_container_selector=".speaker-session--speaker-cards" %} | ||
| {% include interactive-states.html element_classname="conference-speaker-session-page--view-all--link-button" container_selector=".conference-speaker-session-page--view-all" %} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters