Skip to content

Commit bf77722

Browse files
JesperDramschJesperDramsch
committed
feat: make about page a slide deck
1 parent 79cb0d7 commit bf77722

File tree

3 files changed

+894
-203
lines changed

3 files changed

+894
-203
lines changed

‎_pages/about.html‎

Lines changed: 188 additions & 103 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
11
---
22
title: 'Python Deadlines'
33
author: Jesper Dramsch
4+
description: 'Never miss another Python conference deadline!'
5+
keywords: 'Python, conferences, deadlines, community-driven, tracking, reminders'
46
namespace: about
57
permalink: /about/
68
---
@@ -9,122 +11,205 @@
911
<!DOCTYPE html>
1012
<html lang="en">
1113
<head>
12-
{% include head.html %} <link rel="stylesheet" type="text/css" href="{{ "/static/css/about.css" |
13-
prepend:site.baseurl_root }}">
14+
{% include head.html %}
15+
<link rel="stylesheet" type="text/css" href="{{ "/static/css/about.css" | prepend:site.baseurl_root }}">
1416
</head>
1517
<body>
16-
<div class="container">
17-
<button class="presentation-mode" onclick="toggleFullScreen()" title="Toggle fullscreen presentation mode">
18-
⛶
19-
</button>
2018

21-
<div class="presentation-header">
22-
<div class="logo">pythondeadlin.es</div>
23-
<div class="tagline">Never miss another Python conference deadline!</div>
24-
</div>
19+
<div class="container">
20+
<button class="presentation-mode-btn" id="presentation-toggle" title="Toggle fullscreen presentation mode">
21+
⛶
22+
</button>
23+
<div class="slide-navigation">
24+
<button class="nav-btn prev-slide" id="prev-slide" title="Previous slide">◀</button>
25+
<span class="slide-indicator" id="slide-indicator">1/7</span>
26+
<button class="nav-btn next-slide" id="next-slide" title="Next slide">▶</button>
27+
</div>
2528

26-
<div class="features">
27-
<div class="feature">
28-
<h3>📅 Comprehensive Tracking</h3>
29-
<p>
30-
Track Call for Proposals (CfP) deadlines for Python conferences worldwide. Get all dates in your
31-
local timezone with countdown timers.
32-
</p>
33-
</div>
29+
<!-- Slide 1: Hero Section -->
30+
<div class="slide" id="slide-1">
31+
<div class="slide-content">
32+
<div class="hero-section">
33+
<div class="logo">pythondeadlin.es</div>
34+
<h1 class="tagline">Never miss another Python conference deadline!</h1>
35+
<p class="hero-description">The community-driven platform that helps Python developers discover, track, and submit to conferences worldwide.</p>
36+
</div>
37+
</div>
38+
</div>
3439

35-
<div class="feature">
36-
<h3>🔔 Multiple Reminders</h3>
37-
<p>
38-
Subscribe via iCal, Google Calendar, or RSS feed. Get notifications for upcoming deadlines and
39-
never miss a submission opportunity again.
40-
</p>
41-
</div>
40+
<!-- Slide 2: Problem-Solution -->
41+
<div class="slide" id="slide-2">
42+
<div class="slide-content">
43+
<div class="problem-solution">
44+
<div class="problem">
45+
<h2>The Challenge</h2>
46+
<p>Keeping track of Python conference deadlines across different websites, timezones, and formats is time-consuming and error-prone. Many developers miss opportunities to share their knowledge because they discover CFPs too late.</p>
47+
</div>
48+
<div class="solution">
49+
<h2>Our Solution</h2>
50+
<p>Pythondeadlin.es consolidates all Python conference deadlines in one place, with automatic timezone conversion, multiple reminder options, and comprehensive details to help you plan your submissions effectively.</p>
51+
</div>
52+
</div>
53+
</div>
54+
</div>
4255

43-
<div class="feature">
44-
<h3>🗺️ Global Coverage</h3>
45-
<p>
46-
From PyCon to PyData, covering conferences worldwide. Interactive map view and comprehensive
47-
calendar overview available.
48-
</p>
49-
</div>
56+
<!-- Slide 3: Features -->
57+
<div class="slide" id="slide-3">
58+
<div class="slide-content">
59+
<h2 class="section-title">Key Features</h2>
60+
<div class="features">
61+
<div class="feature">
62+
<div class="feature-icon">📅</div>
63+
<h3>Comprehensive Tracking</h3>
64+
<p>
65+
Stay on top of every Call for Proposals (CfP) deadline for Python conferences worldwide with personalized countdown timers in your local timezone.
66+
</p>
67+
</div>
68+
<div class="feature">
69+
<div class="feature-icon">🔔</div>
70+
<h3>Flexible Notifications</h3>
71+
<p>
72+
Choose how you want to be reminded—subscribe via iCal, Google Calendar, or RSS feed to receive timely alerts that fit your workflow.
73+
</p>
74+
</div>
75+
<div class="feature">
76+
<div class="feature-icon">🗺️</div>
77+
<h3>Global Coverage</h3>
78+
<p>
79+
Discover Python events from PyCon to PyData across six continents with our interactive map view and comprehensive calendar overview.
80+
</p>
81+
</div>
82+
<div class="feature">
83+
<div class="feature-icon">🌍</div>
84+
<h3>Multi-language Support</h3>
85+
<p>
86+
Access the platform in English, Spanish, or German, making Python conferences accessible to developers from diverse language backgrounds.
87+
</p>
88+
</div>
89+
<div class="feature">
90+
<div class="feature-icon">🤝</div>
91+
<h3>Community Driven</h3>
92+
<p>
93+
Benefit from our open-source approach where the Python community collaboratively maintains up-to-date and accurate conference information.
94+
</p>
95+
</div>
96+
<div class="feature">
97+
<div class="feature-icon">📱</div>
98+
<h3>Mobile Friendly</h3>
99+
<p>
100+
Check deadlines on the go with our responsive design that adapts seamlessly to any device—perfect for busy developers.
101+
</p>
102+
</div>
103+
</div>
104+
</div>
105+
</div>
50106

51-
<div class="feature">
52-
<h3>🌍 Multi-language Support</h3>
53-
<p>
54-
Available in English, Spanish, and German. Making Python conferences accessible to the global
55-
community.
56-
</p>
57-
</div>
107+
<!-- Slide 4: Conference Categories -->
108+
<div class="slide" id="slide-4">
109+
<div class="slide-content">
110+
<h2 class="section-title">Conference Categories</h2>
111+
<div class="conference-types-container">
112+
<p class="conference-intro">We track Python conferences across multiple specializations:</p>
113+
<div class="conference-types">
114+
{% assign types = site.data.types | sort: 'name' %} {% for type in types %}
115+
<div class="conf-type" style="background-color: #ffde5720; border-left: 4px solid {{ type.color }}">
116+
<span class="conf-type-icon" style="color: {{ type.color }}">●</span>
117+
<span class="conf-type-name">{{ type.name }}</span>
118+
</div>
119+
{% endfor %}
120+
</div>
121+
</div>
122+
</div>
123+
</div>
58124

59-
<div class="feature">
60-
<h3>🤝 Community Driven</h3>
61-
<p>
62-
Open source and community maintained. Anyone can contribute by adding conferences or submitting
63-
corrections via GitHub.
64-
</p>
65-
</div>
125+
<!-- Slide 5: Statistics -->
126+
<div class="slide" id="slide-5">
127+
<div class="slide-content">
128+
<h2 class="section-title">By The Numbers</h2>
129+
<div class="stats">
130+
<div class="stat">
131+
<div class="stat-number">{{ confs | size | divided_by: 100 | floor | times: 100 }}+</div>
132+
<div class="stat-label">Conferences Tracked</div>
133+
<div class="stat-description">Comprehensive database of Python events worldwide</div>
134+
</div>
135+
<div class="stat">
136+
<div class="stat-number">{{ site.data.types | size }}</div>
137+
<div class="stat-label">Conference Categories</div>
138+
<div class="stat-description">From general Python to specialized niches</div>
139+
</div>
140+
<div class="stat">
141+
<div class="stat-number">{{ site.languages | size }}</div>
142+
<div class="stat-label">Languages</div>
143+
<div class="stat-description">Making Python conferences globally accessible</div>
144+
</div>
145+
</div>
66146

67-
<div class="feature">
68-
<h3>📱 Mobile Friendly</h3>
69-
<p>
70-
Fully responsive design works on all devices. Access conference deadlines on the go from your
71-
phone or tablet.
72-
</p>
73-
</div>
74-
</div>
147+
<!-- Testimonials on same slide -->
148+
<div class="testimonials-section">
149+
<h2 class="section-title">What Users Say</h2>
150+
<div class="testimonials">
151+
<div class="testimonial">
152+
<p class="quote">"Thanks to Pythondeadlin.es, I was able to submit my first conference talk proposal with plenty of time to prepare. The site has become an essential tool in my professional development."</p>
153+
<p class="author">— Python Developer from Berlin</p>
154+
</div>
155+
<div class="testimonial">
156+
<p class="quote">"As a conference organizer, I appreciate that our event is accurately represented. The platform has helped us reach a wider audience of potential speakers."</p>
157+
<p class="author">— PyCon Organizer</p>
158+
</div>
159+
<div class="testimonial">
160+
<p class="quote">"We now regularly show PythonDeadlin.es at our Meetup to keep track of conferences our participants might be interested in."</p>
161+
<p class="author">— Meetup Organizer</p>
162+
</div>
163+
</div>
164+
</div>
165+
</div>
166+
</div>
75167

76-
<div class="conference-types">
77-
{% assign types = site.data.types | sort: 'name' %} {% for type in types %}
78-
<div class="conf-type" style="color: {{ type.color }}">{{ type.name }}</div>
79-
{% endfor %}
80-
</div>
168+
<!-- Slide 6: Use Cases -->
169+
<div class="slide" id="slide-6">
170+
<div class="slide-content">
171+
<h2 class="section-title">How People Use Pythondeadlin.es</h2>
172+
<div class="use-cases">
173+
<div class="use-case">
174+
<h3>First-time Speakers</h3>
175+
<p>Discover beginner-friendly conferences with enough lead time to prepare a compelling proposal and use the resource section for inspiration and guidance.</p>
176+
</div>
177+
<div class="use-case">
178+
<h3>Frequent Presenters</h3>
179+
<p>Plan your annual speaking schedule and prioritize submission deadlines across multiple events.</p>
180+
</div>
181+
<div class="use-case">
182+
<h3>Conference Organizers</h3>
183+
<p>Ensure your event reaches potential speakers by adding your conference to our database.</p>
184+
</div>
185+
</div>
186+
</div>
187+
</div>
81188

82-
<div class="stats">
83-
<div class="stat">
84-
<div class="stat-number">{{ confs | size | divided_by: 100 | floor | times: 100 }}+</div>
85-
<div class="stat-label">Conferences Tracked</div>
86-
</div>
87-
<div class="stat">
88-
<div class="stat-number">{{ site.data.types | size }}</div>
89-
<div class="stat-label">Conference Categories</div>
90-
</div>
91-
<div class="stat">
92-
<div class="stat-number">{{ site.languages | size }}</div>
93-
<div class="stat-label">Languages</div>
94-
</div>
95-
</div>
96-
97-
<div class="cta-section">
98-
<h2>Start Tracking Conference Deadlines Today</h2>
99-
<p>Scan the QR code or visit pythondeadlin.es</p>
100-
101-
<div class="qr-code">
102-
<img src="/static/img/domain.svg" alt="QR code for pythondeadlin.es" />
103-
</div>
104-
105-
<div class="buttons">
106-
<a href="https://pythondeadlin.es" class="button button-primary">Visit Website</a>
107-
<a href="https://github.com/JesperDramsch/python-deadlines" class="button button-secondary"
108-
>Contribute on GitHub</a
109-
>
110-
</div>
111-
</div>
112-
</div>
189+
<!-- Slide 7: CTA -->
190+
<div class="slide" id="slide-7">
191+
<div class="slide-content">
192+
<div class="cta-section">
193+
<h2>Start Tracking Conference Deadlines Today</h2>
194+
<div class="cta-content">
195+
<div class="qr-code">
196+
<img src="/static/img/domain.svg" alt="QR code for pythondeadlin.es" />
197+
</div>
198+
<div class="cta-text">
199+
<p>Join the Python community in staying on top of conference opportunities. Scan the QR code or visit pythondeadlin.es to get started.</p>
200+
<div class="buttons">
201+
<a href="https://pythondeadlin.es" class="button button-primary">Visit Website</a>
202+
<a href="https://github.com/JesperDramsch/python-deadlines" class="button button-secondary">Contribute on GitHub</a>
203+
</div>
204+
</div>
205+
</div>
206+
</div>
207+
</div>
208+
</div>
209+
</div>
113210

114211
<footer>{% include_cached footer.html %}</footer>
115212

116-
<script>
117-
function toggleFullScreen() {
118-
if (!document.fullscreenElement) {
119-
document.documentElement.requestFullscreen().catch((err) => {
120-
console.log(`Error attempting to enable full-screen mode: ${err.message}`);
121-
});
122-
} else {
123-
if (document.exitFullscreen) {
124-
document.exitFullscreen();
125-
}
126-
}
127-
}
128-
</script>
213+
<script src="{{ "/static/js/about.js" | prepend: site.baseurl_root }}"></script>
129214
</body>
130215
</html>

0 commit comments

Comments
 (0)