Skip to content

Commit 86a0306

Browse files
rafaelfsilvarafaelfsilva
committed
improving website layout
1 parent f51b7cc commit 86a0306

3 files changed

Lines changed: 486 additions & 79 deletions

File tree

‎_layouts/workshop.html‎

Lines changed: 105 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -2,74 +2,118 @@
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">
8-
<p class="breadcrumb">
9-
<a href="/workshops">WORKSHOPS&nbsp;</a> > {{ page.title | upcase }}
5+
<section class="workshop-hero">
6+
<div class="container" data-aos="fade-up">
7+
<div class="workshop-hero-card">
8+
<p class="workshop-breadcrumb">
9+
<a href="/workshops">Workshops</a>
10+
<span>/</span>
11+
{{ page.title }}
1012
</p>
11-
12-
<h2 class="text-center">{{page.subtitle}}<br /><span
13-
style="font-size: 0.8em; font-weight: bold;">{{page.title}}</span></h2>
14-
<p class="text-center mb-5" style="font-weight: bold;">
15-
{{page.event_date | date: "%A - %b %d, %Y" }}<br />
16-
{{page.location}}<br />
17-
{{page.time}}<br />
18-
</p>
19-
20-
{{ content }}
13+
<div class="workshop-hero-grid">
14+
<div>
15+
{% if page.subtitle %}
16+
<p class="workshop-eyebrow">{{ page.subtitle }}</p>
17+
{% endif %}
18+
<h1>{{ page.title }}</h1>
19+
<div class="workshop-meta">
20+
<div>
21+
<span>Date</span>
22+
<strong>{{ page.event_date | date: "%A - %b %d, %Y" }}</strong>
23+
</div>
24+
<div>
25+
<span>Location</span>
26+
<strong>{{ page.location }}</strong>
27+
</div>
28+
<div>
29+
<span>Time</span>
30+
<strong>{{ page.time }}</strong>
31+
</div>
32+
</div>
33+
</div>
34+
{% if page.in_conjunction_with %}
35+
<div class="workshop-partner">
36+
<span>In conjunction with</span>
37+
<img src="{{ page.in_conjunction_with }}" alt="In conjunction with" />
38+
</div>
39+
{% endif %}
40+
</div>
2141
</div>
42+
</div>
43+
</section>
2244

45+
<section class="workshop-body">
46+
<div class="container" data-aos="fade-up">
47+
<div class="row g-4">
48+
<div class="col-lg-8 wg wg-contents">
49+
<div class="workshop-content-card">
50+
{{ content }}
51+
</div>
52+
</div>
53+
<div class="col-lg-4">
54+
<div class="workshop-panel">
55+
{% if page.organizers %}
56+
<div class="workshop-panel-block">
57+
<h3>Organizers</h3>
58+
<div class="workshop-people-grid">
59+
{% for o in page.organizers %}
60+
<div class="workshop-person">
61+
<img src="{{ o.image }}" alt="{{ o.name }}" />
62+
<div>
63+
<strong>{{ o.name }}</strong>
64+
{% if o.desc %}
65+
<a href="{{ o.desc_link }}" target="_blank" rel="noopener">{{ o.desc }}</a>
66+
{% endif %}
67+
</div>
68+
</div>
69+
{% endfor %}
70+
</div>
71+
</div>
72+
{% endif %}
2373

24-
<div class="col-lg-4">
25-
<div class="blog-sidbar" style="overflow-wrap: break-word;">
26-
<p class="text-center">
27-
In conjunction with:<br />
28-
<img src="{{ page.in_conjunction_with }}" style="width: 15em;" />
29-
</p>
30-
31-
{% if page.organizers %}
32-
<hr />
33-
<h4 class="mb-3">Organizers</h4>
34-
{% for o in page.organizers %}
35-
<img src="{{ o.image }}" style="width: 3em; height: 3em; border-radius: 0.5em; margin-right: 1em; float: left" />
36-
{{ o.name }}
37-
{% if o.desc %}
38-
<br /><a href="{{ o.desc_link }}" target="_blank">{{ o.desc }}</a>
39-
{% else %}
40-
<br />
41-
{% endif %}
42-
<br /><br />
43-
{% endfor %}
44-
{% endif %}
45-
46-
{% if page.speakers %}
47-
<hr />
48-
<h4 class="mb-3">Speakers</h4>
49-
{% for sp in page.speakers %}
50-
<img src="{{ sp.image }}" style="width: 3em; height: 3em; border-radius: 0.5em; margin-right: 1em;" />
51-
{{ sp.name }}<br /><br />
52-
{% endfor %}
53-
{% endif %}
74+
{% if page.speakers %}
75+
<div class="workshop-panel-block">
76+
<h3>Speakers</h3>
77+
<div class="workshop-people-grid">
78+
{% for sp in page.speakers %}
79+
<div class="workshop-person">
80+
<img src="{{ sp.image }}" alt="{{ sp.name }}" />
81+
<div>
82+
<strong>{{ sp.name }}</strong>
83+
</div>
84+
</div>
85+
{% endfor %}
86+
</div>
87+
</div>
88+
{% endif %}
5489

55-
{% if page.steering_committee %}
56-
<hr />
57-
<h4 class="mb-3">Steering Committee</h4>
58-
{% for sc in page.steering_committee %}
59-
<img src="{{ sc.image }}" style="width: 3em; height: 3em; border-radius: 0.5em; margin-right: 1em;" />
60-
{{ sc.name }}<br /><br />
61-
{% endfor %}
62-
{% endif %}
90+
{% if page.steering_committee %}
91+
<div class="workshop-panel-block">
92+
<h3>Steering Committee</h3>
93+
<div class="workshop-people-grid">
94+
{% for sc in page.steering_committee %}
95+
<div class="workshop-person">
96+
<img src="{{ sc.image }}" alt="{{ sc.name }}" />
97+
<div>
98+
<strong>{{ sc.name }}</strong>
99+
</div>
100+
</div>
101+
{% endfor %}
102+
</div>
103+
</div>
104+
{% endif %}
63105

64-
{% if page.nsf %}
65-
<hr />
66-
<br />
67-
<div style="font-size: 0.8em;">
68-
<img src="/images/workshops/nsf-logo.png" style="max-width: 5em; float: left; margin-right: 1em;" />
69-
{{ page.nsf }}<br /><br />
106+
{% if page.nsf %}
107+
<div class="workshop-panel-block">
108+
<h3>Support</h3>
109+
<div class="workshop-support">
110+
<img src="/images/workshops/nsf-logo.png" alt="NSF" />
111+
<p>{{ page.nsf }}</p>
112+
</div>
113+
</div>
114+
{% endif %}
70115
</div>
71-
{% endif %}
72116
</div>
73117
</div>
74118
</div>
75-
</div>
119+
</section>

0 commit comments

Comments
 (0)