Skip to content

Commit b835988

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

File tree

3 files changed

+461
-78
lines changed

3 files changed

+461
-78
lines changed

‎_layouts/bof.html‎

Lines changed: 97 additions & 57 deletions
Original file line numberDiff line numberDiff line change
@@ -2,68 +2,108 @@
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="/bof">BIRDS OF A FEATHERS&nbsp;</a> > {{ page.title | upcase }}
5+
<section class="bof-hero">
6+
<div class="container" data-aos="fade-up">
7+
<div class="bof-hero-card">
8+
<p class="bof-breadcrumb">
9+
<a href="/bof">Birds of a Feather</a>
10+
<span>/</span>
11+
{{ page.title }}
1012
</p>
11-
12-
<p class="text-center">
13-
<img src="{{page.conference_logo}}" style="width: 15em; margin: auto;" />
14-
</p>
15-
<p class="subheading text-center">{{page.subtitle}}</p>
16-
<h2 class="mb-4 text-center">{{page.title}}</h2>
17-
18-
<p class="text-center mb-5">
19-
{{page.event_date | date: "%A - %b %d, %Y" }}<br />
20-
{{page.time}}<br />
21-
{{page.room}}
22-
</p>
23-
24-
{{ content }}
13+
<div class="bof-hero-grid">
14+
<div>
15+
{% if page.subtitle %}
16+
<p class="bof-eyebrow">{{ page.subtitle }}</p>
17+
{% endif %}
18+
<h1>{{ page.title }}</h1>
19+
<div class="bof-meta">
20+
<div>
21+
<span>Date</span>
22+
<strong>{{ page.event_date | date: "%A - %b %d, %Y" }}</strong>
23+
</div>
24+
<div>
25+
<span>Time</span>
26+
<strong>{{ page.time }}</strong>
27+
</div>
28+
<div>
29+
<span>Room</span>
30+
<strong>{{ page.room }}</strong>
31+
</div>
32+
</div>
33+
</div>
34+
{% if page.conference_logo %}
35+
<div class="bof-partner">
36+
<span>Conference</span>
37+
<img src="{{ page.conference_logo }}" alt="Conference logo" />
38+
</div>
39+
{% endif %}
40+
</div>
2541
</div>
42+
</div>
43+
</section>
2644

45+
<section class="bof-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="bof-content-card">
50+
{{ content }}
51+
</div>
52+
</div>
53+
<div class="col-lg-4">
54+
<div class="bof-panel">
55+
{% if page.speakers %}
56+
<div class="bof-panel-block">
57+
<h3>Featured Speakers</h3>
58+
<div class="bof-people-grid">
59+
{% for o in page.speakers %}
60+
<div class="bof-person bof-person-row">
61+
<img src="{{ o.image }}" alt="{{ o.name }}" />
62+
<div>
63+
<strong class="bof-person-name">{{ o.name }}</strong>
64+
{% if o.desc %}
65+
<a class="bof-person-desc" 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 %}
2773

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

59-
{% if page.supporters %}
60-
<hr />
61-
<h4 class="mb-3">Supporters</h4>
62-
{% for s in page.supporters %}
63-
<a href="{{s.link}}" target="_blank"><img src="{{s.image}}" height="40px" class="mb-3 mr-3" /></a><br />
64-
{% endfor %}
65-
{% endif %}
93+
{% if page.supporters %}
94+
<div class="bof-panel-block">
95+
<h3>Supporters</h3>
96+
<div class="bof-supporters">
97+
{% for s in page.supporters %}
98+
<a href="{{ s.link }}" target="_blank" rel="noopener">
99+
<img src="{{ s.image }}" alt="Supporter logo" />
100+
</a>
101+
{% endfor %}
102+
</div>
103+
</div>
104+
{% endif %}
105+
</div>
66106
</div>
67107
</div>
68108
</div>
69-
</div>
109+
</section>

0 commit comments

Comments
 (0)