Skip to content

Commit 30eda55

Browse files
rafaelfsilvarafaelfsilva
committed
improving website layout
1 parent 0ef56eb commit 30eda55

4 files changed

Lines changed: 346 additions & 70 deletions

File tree

‎_layouts/talk.html‎

Lines changed: 95 additions & 68 deletions
Original file line numberDiff line numberDiff line change
@@ -2,78 +2,105 @@
22
layout: page
33
---
44

5-
<div class="container" data-aos="fade-up" style="padding: 3em 0;">
6-
<div class="row">
7-
<div class="col-lg-8 wg wg-contents text-center">
8-
<p class="breadcrumb">
9-
<a href="/talks">WORKFLOWS COMMUNITY TALKS&nbsp;</a> > {{ page.title | upcase }}
5+
<section class="talk-detail">
6+
<div class="container talk-container" data-aos="fade-up">
7+
<div class="talk-hero">
8+
<p class="talk-breadcrumb">
9+
<a href="/talks">Workflows Community Talks</a>
10+
<span>/</span>
11+
{{ page.title }}
1012
</p>
13+
<div class="talk-hero-content">
14+
<div>
15+
<h1>{{ page.title }}</h1>
16+
{% if page.subtitle %}
17+
<p class="talk-subtitle">{{ page.subtitle }}</p>
18+
{% endif %}
19+
<p class="talk-authors">{{ page.authors }}</p>
20+
<!-- <div class="talk-meta">
21+
<span><i class="far fa-calendar"></i> {{ page.event_date }}</span>
22+
<span><i class="far fa-clock"></i> {{ page.times }}</span>
23+
</div> -->
24+
<div class="talk-hero-actions">
25+
{% unless page.given %}
26+
<a href="https://docs.google.com/forms/d/1XTJFRJ5Ivu2-Z-i9dnq2umv-OuE2UlVreea_dLawd2c"
27+
target="_blank" class="btn btn-primary talk-cta-btn">Register</a>
28+
{% endunless %}
29+
{% if page.presentation %}
30+
<a href="{{ page.presentation }}" target="_blank" class="btn btn-outer">
31+
<i class="fa fa-file"></i> Presentation
32+
</a>
33+
{% endif %}
34+
</div>
35+
</div>
36+
<div class="talk-hero-card">
37+
<h3>Talk details</h3>
38+
<!-- <p>Save the date and share the session with your community.</p> -->
39+
<div class="talk-detail-list">
40+
<div>
41+
<span>Date</span>
42+
<strong>{{ page.event_date }}</strong>
43+
</div>
44+
<div>
45+
<span>Time</span>
46+
<strong>{{ page.times }}</strong>
47+
</div>
48+
<!-- <div>
49+
<span>Speakers</span>
50+
<strong>{{ page.authors }}</strong>
51+
</div> -->
52+
</div>
53+
</div>
54+
</div>
55+
</div>
1156

12-
<h2 class="mb-4">{{page.title}}</h2>
13-
{% if page.subtitle %}
14-
<h4 class="text-center" style="font-style: italic; font-weight: 500;">
15-
{{ page.subtitle }}
16-
</h4>
17-
{% endif %}
18-
<p class="text-center" style="font-size: 1.1em; font-weight: 500;">
19-
{{ page.authors }}
20-
</p>
21-
22-
<p class="text-center text-muted" style="font-size: 1em;">
23-
{{ page.event_date }}<br />{{ page.times }}
24-
</p>
25-
26-
<p class="mb-3" style="text-align: left;">
27-
{{content}}
28-
</p>
29-
30-
{% unless page.given %}
31-
<a href="https://docs.google.com/forms/d/1XTJFRJ5Ivu2-Z-i9dnq2umv-OuE2UlVreea_dLawd2c" target="_blank"
32-
class="btn btn-primary mt-3 py-3 px-5">Register</a>
33-
{% endunless %}
34-
35-
{% if page.presentation %}
36-
<a href="{{ page.presentation }}" target="_blank" class="btn btn-outer mt-3 py-3 px-5"><i
37-
class="fa fa-file"></i> Presentation</a>
38-
<p>&nbsp;</p>
39-
{% endif %}
40-
41-
{% if page.video %}
42-
<iframe width="100%" height="400" src="{{ page.video }}" title="YouTube video player" frameborder="0"
43-
style="border-radius: 1em"
44-
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
45-
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
46-
<p>&nbsp;</p>
47-
{% endif %}
57+
<div class="row talk-main g-4">
58+
<div class="col-lg-8">
59+
<section class="talk-section">
60+
<h2>Overview</h2>
61+
<div class="talk-content">{{ content }}</div>
62+
</section>
4863

49-
</div>
64+
{% if page.video %}
65+
<section class="talk-section">
66+
<h3>Watch the recording</h3>
67+
<div class="talk-video">
68+
<iframe src="{{ page.video }}" title="YouTube video player" frameborder="0"
69+
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
70+
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
71+
</div>
72+
</section>
73+
{% endif %}
74+
</div>
5075

51-
<div class="col-lg-4">
52-
<div class="blog-sidbar">
53-
<h4 class="mb-4">About the Authors</h4>
54-
{% assign speaker = site.data.speakers | where: "talk_num", page.talk_number %}
55-
{% for member in speaker %}
56-
<a href="{{ member.link }}" target="_blank">
57-
{% assign photo_src = member.photo | default: 'headshot_placeholder.jpg' %}
58-
<img src="/images/talks/{{ photo_src }}" alt="{{ member.name }}" class="img-fluid mb-3"
59-
style="width: 150px; height: 200px; object-fit: cover; border-radius: 0.5em;">
60-
</a>
61-
<p class="font-weight-bold">{{ member.name }}<br />
62-
<span class="text-muted">{{ member.role }}</span>
63-
</p>
64-
<p class="bio" style="font-size: 0.8em;">{{ member.bio }}</p>
65-
<div style="display: flex; justify-content: space-between; align-items: center;">
66-
{% for inst in member.institution %}
67-
<a href="{{ inst.link }}" target="_blank"
68-
style="{% if forloop.last %}margin-left: auto;{% endif %}">
69-
<img src="/images/institutions/{{ inst.image }}" alt="{{ inst.name }}"
70-
style="max-height: 2em; object-fit: contain; margin-right: 0.5em;" />
71-
</a>
72-
{% endfor %}
73-
</div>
74-
<hr />
75-
{% endfor %}
76+
<div class="col-lg-4">
77+
<aside class="talk-sidebar">
78+
<div class="talk-card">
79+
<h3>About the speakers</h3>
80+
{% assign speaker = site.data.speakers | where: "talk_num", page.talk_number %}
81+
{% for member in speaker %}
82+
<div class="talk-speaker">
83+
<a href="{{ member.link }}" target="_blank" class="talk-speaker-photo">
84+
{% assign photo_src = member.photo | default: 'headshot_placeholder.jpg' %}
85+
<img src="/images/talks/{{ photo_src }}" alt="{{ member.name }}">
86+
</a>
87+
<div class="talk-speaker-info">
88+
<strong>{{ member.name }}</strong>
89+
<span>{{ member.role }}</span>
90+
<p>{{ member.bio }}</p>
91+
<div class="talk-speaker-orgs">
92+
{% for inst in member.institution %}
93+
<a href="{{ inst.link }}" target="_blank">
94+
<img src="/images/institutions/{{ inst.image }}" alt="{{ inst.name }}">
95+
</a>
96+
{% endfor %}
97+
</div>
98+
</div>
99+
</div>
100+
{% endfor %}
101+
</div>
102+
</aside>
76103
</div>
77104
</div>
78105
</div>
79-
</div>
106+
</section>

‎_talks/2025_12_10.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
title: "For Provenance and with Provenance: The Role of Provenance Data in Agentic Workflows."
44
authors: Renan Souza (Oak Ridge National Laboratory)
55
event_date: December 10, 2025
6-
times: 11:00-11:30 PST / 14:00-14:30 EST / 20:00-20:30 CEST
6+
times: 11:00am PST / 2:00pm EST / 20:00 CEST
77
talk_number: 9
88
given: true
99
image: /images/talks/souza-banner.png

‎_talks/2026_01_14.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
title: "Up-scaling Python functions for HPC with executorlib"
44
authors: Jan Janssen (Max Planck Institute for Sustainable Materials)
55
event_date: January 14, 2026
6-
times: 11:00-11:30 PST / 14:00-14:30 EST / 20:00-20:30 CEST
6+
times: 11:00am PST / 2:00pm EST / 20:00 CEST
77
talk_number: 10
88
given: false
99
image: /images/talks/janssen-banner.jpg

0 commit comments

Comments
 (0)