Skip to content

Commit 02c027e

Browse files
cmaureircmaureir
committed
Add schedule page
1 parent 0b8b938 commit 02c027e

8 files changed

+106
-10
lines changed

‎css/style.css

+2-2
Original file line numberDiff line numberDiff line change
@@ -405,7 +405,7 @@ h1, h2, h3, h4, h5 {
405405

406406
/* Avatar row */
407407
.avatar-row {
408-
display: flex;
408+
/*display: flex; */
409409
}
410410
.avatar-row > * {
411411
width: 4rem;
@@ -464,4 +464,4 @@ h1, h2, h3, h4, h5 {
464464
.card-keynote img:hover{
465465
filter: none;
466466
transition-duration: 0.3s;
467-
}
467+
}

‎generate_site/generate.py

+10-2
Original file line numberDiff line numberDiff line change
@@ -45,12 +45,20 @@
4545
conf = {
4646
"ORG": df_org,
4747
"SPEAKERS_ENABLED": True, # Toggle the "Speakers" section in the homepage
48-
"SPEAKERS": speakers[:4], # only 2 speakers
49-
"KEYNOTES": keynotes[:6], # only 6 keynotes
48+
"SPEAKERS": speakers[:4], # only 4 speakers
49+
"KEYNOTES": keynotes,
5050
"SPONSORS": sponsors,
5151
}
5252

5353
templates = {
54+
"schedule": {
55+
"og_title": "PyLadiesCon 2023 - Schedule",
56+
"og_description": "Schedule PyLadiesCon.",
57+
"og_type": "article",
58+
"og_url": "https://conference.pyladies.com/schedule.html",
59+
"og_image_url": "https://conference.pyladies.com/img/icon.png",
60+
"og_image_alt": "PyLadiesCon logo",
61+
},
5462
"speakers": {
5563
"og_title": "PyLadiesCon 2023 - Speakers",
5664
"og_description": "Speakers PyLadiesCon.",

‎generate_site/templates/head.html

+3
Original file line numberDiff line numberDiff line change
@@ -19,4 +19,7 @@
1919
<link rel="stylesheet" href="css/bootstrap.min.css">
2020
<link rel="stylesheet" href="css/style.css">
2121
<script crossorigin="anonymous" src="https://kit.fontawesome.com/6cf87c29c5.js"></script>
22+
{% if og_url.endswith("schedule.html") %}
23+
<script type="text/javascript" src="https://pretalx.com/pyladiescon-2023/schedule/widget/v2.en.js"></script>
24+
{% endif %}
2225
</head>

‎generate_site/templates/header.html

+5-5
Original file line numberDiff line numberDiff line change
@@ -17,20 +17,20 @@
1717
<a class="dropdown-item" href="about.html#coc">Code of Conduct</a>
1818
</div>
1919
</li>
20-
<li class="nav-item">
20+
<li class="nav-item px-4">
2121
<a class="py-2 d-none d-md-inline-block menu-font" href="speakers.html">Speakers</a>
2222
</li>
23-
<!--
24-
<li class="nav-item">
25-
<a class="py-2 d-none d-md-inline-block menu-font" href="#">Schedule</a>
23+
<li class="nav-item px-4">
24+
<a class="py-2 d-none d-md-inline-block menu-font" href="schedule.html">Schedule</a>
2625
</li>
27-
-->
2826
<li class="nav-item px-4">
2927
<a class="py-2 d-flex d-inline-block menu-font" href="sponsors.html">Sponsor</a>
3028
</li>
29+
<!--
3130
<li class="nav-item px-4">
3231
<a class="py-2 d-flex d-inline-block menu-font" href="https://pretalx.com/pyladiescon-2023/cfp">Call for Proposals</a>
3332
</li>
33+
-->
3434
<li class="nav-item px-4">
3535
<a class="py-2 d-flex d-inline-block menu-font" href="index.html#contact">Contact</a>
3636
</li>

‎generate_site/templates/index-base.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -108,7 +108,7 @@ <h5 class="bottom-right text-white">{{ keynote['name'] }}</h5>
108108
{% if SPEAKERS_ENABLED %}
109109
<h2 class="dispaly-6 special-font mb-5">The Speakers</h2>
110110
<div class="row row-cols-1 row-cols-sm-2 row-cols-lg-4 mb-3">
111-
{% set CUTOFF = 8 %}
111+
{% set CUTOFF = 4 %}
112112
{% set socials = ("LinkedIn", "Twitter", "Mastodon", "Instagram") %}
113113
{% for speaker in SPEAKERS[:CUTOFF] %}
114114
<div class="col mb-3">

‎generate_site/templates/schedule-base.html

+84
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,84 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
{% include 'head.html' %}
4+
<body>
5+
6+
{% include 'header.html' %}
7+
8+
9+
<main>
10+
11+
<!-- page cover -->
12+
<div class="position-relative overflow-hidden p-1 p-md-3 m-md-1 text-center bg-white">
13+
<div class="d-md-flex flex-md-equal w-75 my-md-3 mx-auto align-items-center">
14+
<div class="col-md-6 p-lg-1 mx-auto mt-auto">
15+
<h2 class="special-font gradient title-size">Schedule</h2>
16+
</div>
17+
<div class="col-md-3 d-none d-lg-block">
18+
<!-- empty alt tag as it is a decorative image -->
19+
<img src="img/about-icon-1.png" alt=""/>
20+
</div>
21+
<div class="col-md-3 d-none d-lg-block">
22+
<!-- empty alt tag as it is a decorative image -->
23+
<img src="img/schedule-icon-2.png" alt=""/>
24+
</div>
25+
</div>
26+
</div>
27+
28+
<!-- begin pretalx -->
29+
<pretalx-schedule event-url="https://pretalx.com/pyladiescon-2023/" locale="en" format="grid" style="--pretalx-clr-primary: #ee264d"></pretalx-schedule>
30+
<noscript>
31+
<div class="pretalx-widget">
32+
<div class="pretalx-widget-info-message">
33+
JavaScript is disabled in your browser. To access our schedule without JavaScript,
34+
please <a target="_blank" href="https://pretalx.com/pyladiescon-2023/schedule/">click here</a>.
35+
</div>
36+
</div>
37+
</noscript>
38+
39+
<script>
40+
// Because pretalx uses a shadow dom element, we need to inject the style tag programmatically
41+
const style = document.createElement('style');
42+
style.innerHTML = ".pretalx-schedule .settings { margin-left: 0; width: auto; }";
43+
style.innerHTML += ".pretalx-schedule .settings .filter-tracks { margin-right: 20px; }";
44+
45+
const pretalxWrapper = document.querySelector('pretalx-schedule');
46+
const pretalxRoot = pretalxWrapper.shadowRoot;
47+
pretalxRoot.appendChild(style);
48+
</script>
49+
<!-- end pretalx -->
50+
51+
<div class="d-md-flex flex-md-equal w-100 my-md-3 ps-md-3">
52+
<div class="bg-pink me-md-3 py-3 px-3 py-md-5 px-md-5 text-white overflow-hidden">
53+
<div class="my-3 py-3 px-5">
54+
<img class="icon-section" src="img/speakers-icon.png"/>
55+
<h2 class="dispaly-6 special-font mb-5">The Speakers</h2>
56+
<div class="avatar-row mb-4 align-items-start">
57+
{% for speaker in SPEAKERS %}
58+
{% if speaker['Photo'] %}
59+
<img src="{{ speaker['Photo'] }}" alt="{{ speaker['Name'] }}" class="rounded-circle">
60+
{% else %}
61+
<img src="img/speakers/default.png" alt="{{ speaker['Name'] }}" class="rounded-circle">
62+
{% endif %}
63+
{% endfor %}
64+
</div>
65+
<p>
66+
<a class="fs-5 text-decoration-none text-white" href="speakers.html">
67+
Meet All The Speakers <i class="fas fa-arrow-right"></i>
68+
</a>
69+
</p>
70+
</div>
71+
</div>
72+
</div>
73+
74+
</main>
75+
76+
{% include 'footer.html' %}
77+
78+
<script src="js/jquery-3.2.1.slim.min.js"></script>
79+
<script src="js/popper.min.js"></script>
80+
<script src="js/bootstrap.min.js"></script>
81+
82+
</body>
83+
</html>
84+

‎generate_site/templates/speakers-base.html

+1
Original file line numberDiff line numberDiff line change
@@ -112,6 +112,7 @@ <h2 class="dispaly-6 special-font my-5">The Speakers</h2>
112112
</div>
113113
{% endfor %}
114114
</div>
115+
<p>more speakers to be announced!</p>
115116
</div>
116117
</div>
117118
</div>

‎img/schedule-icon-2.png

18 KB
Loading

0 commit comments

Comments
 (0)