Skip to content

Commit d96fe7f

Browse files
committed
feat; about page
1 parent b0f6f41 commit d96fe7f

File tree

2 files changed

+615
-0
lines changed

2 files changed

+615
-0
lines changed

_pages/present.html

Lines changed: 264 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,264 @@
1+
---
2+
title: 'About Python Deadlines'
3+
author: Jesper Dramsch
4+
namespace: about
5+
permalink: /about/
6+
---
7+
8+
<!DOCTYPE html>
9+
<html lang="en">
10+
<head>
11+
{% include head.html %}
12+
<style>
13+
body {
14+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
15+
line-height: 1.6;
16+
color: #333;
17+
max-width: 1200px;
18+
margin: 0 auto;
19+
padding: 2rem;
20+
background-color: #f8f9fa;
21+
}
22+
23+
.presentation-header {
24+
text-align: center;
25+
margin-bottom: 3rem;
26+
}
27+
28+
.logo {
29+
font-size: 3rem;
30+
font-weight: bold;
31+
color: #343a40;
32+
margin-bottom: 0.5rem;
33+
}
34+
35+
.tagline {
36+
font-size: 1.5rem;
37+
color: #6c757d;
38+
margin-bottom: 2rem;
39+
}
40+
41+
.features {
42+
display: grid;
43+
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
44+
gap: 2rem;
45+
margin-bottom: 3rem;
46+
}
47+
48+
.feature {
49+
background: white;
50+
padding: 1.5rem;
51+
border-radius: 8px;
52+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
53+
}
54+
55+
.feature h3 {
56+
color: #007bff;
57+
margin-top: 0;
58+
}
59+
60+
.stats {
61+
display: flex;
62+
justify-content: center;
63+
gap: 3rem;
64+
margin: 3rem 0;
65+
flex-wrap: wrap;
66+
}
67+
68+
.stat {
69+
text-align: center;
70+
}
71+
72+
.stat-number {
73+
font-size: 2.5rem;
74+
font-weight: bold;
75+
color: #007bff;
76+
}
77+
78+
.stat-label {
79+
color: #6c757d;
80+
}
81+
82+
.cta-section {
83+
text-align: center;
84+
margin: 3rem 0;
85+
}
86+
87+
.qr-code {
88+
margin: 2rem auto;
89+
max-width: 300px;
90+
}
91+
92+
.qr-code img {
93+
width: 100%;
94+
height: auto;
95+
}
96+
97+
.buttons {
98+
display: flex;
99+
gap: 1rem;
100+
justify-content: center;
101+
margin-top: 2rem;
102+
flex-wrap: wrap;
103+
}
104+
105+
.button {
106+
display: inline-block;
107+
padding: 0.75rem 1.5rem;
108+
border-radius: 4px;
109+
text-decoration: none;
110+
font-weight: bold;
111+
transition: background-color 0.2s;
112+
}
113+
114+
.button-primary {
115+
background-color: #007bff;
116+
color: white;
117+
}
118+
119+
.button-primary:hover {
120+
background-color: #0056b3;
121+
}
122+
123+
.button-secondary {
124+
background-color: #6c757d;
125+
color: white;
126+
}
127+
128+
.button-secondary:hover {
129+
background-color: #545b62;
130+
}
131+
132+
.footer {
133+
text-align: center;
134+
margin-top: 3rem;
135+
color: #6c757d;
136+
}
137+
138+
.conference-types {
139+
display: flex;
140+
flex-wrap: wrap;
141+
justify-content: center;
142+
gap: 1rem;
143+
margin: 2rem 0;
144+
}
145+
146+
.conf-type {
147+
background: #f8f9fa;
148+
padding: 0.5rem 1rem;
149+
border-radius: 20px;
150+
font-size: 0.9rem;
151+
}
152+
153+
.python-colors {
154+
background: linear-gradient(45deg, #ffde57, #4584b6);
155+
-webkit-background-clip: text;
156+
-webkit-text-fill-color: transparent;
157+
background-clip: text;
158+
}
159+
</style>
160+
</head>
161+
<body>
162+
{% include header.html %}
163+
<div class="presentation-header">
164+
<div class="logo">pythondeadlin.es</div>
165+
<div class="tagline">Never miss another Python conference deadline!</div>
166+
</div>
167+
168+
<div class="features">
169+
<div class="feature">
170+
<h3>📅 Comprehensive Tracking</h3>
171+
<p>
172+
Track Call for Proposals (CfP) deadlines for Python conferences worldwide. Get all dates in your
173+
local timezone with countdown timers.
174+
</p>
175+
</div>
176+
177+
<div class="feature">
178+
<h3>🔔 Multiple Reminders</h3>
179+
<p>
180+
Subscribe via iCal, Google Calendar, or RSS feed. Get notifications for upcoming deadlines and never
181+
miss a submission opportunity again.
182+
</p>
183+
</div>
184+
185+
<div class="feature">
186+
<h3>🗺️ Global Coverage</h3>
187+
<p>
188+
From PyCon to PyData, covering conferences worldwide. Interactive map view and comprehensive
189+
calendar overview available.
190+
</p>
191+
</div>
192+
193+
<div class="feature">
194+
<h3>🌍 Multi-language Support</h3>
195+
<p>
196+
Available in English, Spanish, and German. Making Python conferences accessible to the global
197+
community.
198+
</p>
199+
</div>
200+
201+
<div class="feature">
202+
<h3>🤝 Community Driven</h3>
203+
<p>
204+
Open source and community maintained. Anyone can contribute by adding conferences or submitting
205+
corrections via GitHub.
206+
</p>
207+
</div>
208+
209+
<div class="feature">
210+
<h3>📱 Mobile Friendly</h3>
211+
<p>
212+
Fully responsive design works on all devices. Access conference deadlines on the go from your phone
213+
or tablet.
214+
</p>
215+
</div>
216+
</div>
217+
218+
<div class="conference-types">
219+
<div class="conf-type" style="color: #341f97">General Python</div>
220+
<div class="conf-type" style="color: #ee5253">Scientific Python</div>
221+
<div class="conf-type" style="color: #2e86de">Python for Data</div>
222+
<div class="conf-type" style="color: #ff9f43">Python for Web</div>
223+
<div class="conf-type" style="color: #10ac84">Python for Business</div>
224+
<div class="conf-type" style="color: #222f3e">Python for Earth</div>
225+
<div class="conf-type" style="color: #646464">Python Camps</div>
226+
<div class="conf-type" style="color: #646464">Python Day</div>
227+
</div>
228+
229+
<div class="stats">
230+
<div class="stat">
231+
<div class="stat-number">1,000+</div>
232+
<div class="stat-label">Conferences Tracked</div>
233+
</div>
234+
<div class="stat">
235+
<div class="stat-number">8</div>
236+
<div class="stat-label">Conference Categories</div>
237+
</div>
238+
<div class="stat">
239+
<div class="stat-number">3</div>
240+
<div class="stat-label">Languages</div>
241+
</div>
242+
</div>
243+
244+
<div class="cta-section">
245+
<h2>Start Tracking Conference Deadlines Today</h2>
246+
<p>Scan the QR code or visit pythondeadlin.es</p>
247+
248+
<div class="qr-code">
249+
<img src="/static/img/domain.svg" alt="QR code for pythondeadlin.es" />
250+
</div>
251+
252+
<div class="buttons">
253+
<a href="https://pythondeadlin.es" class="button button-primary">Visit Website</a>
254+
<a href="https://github.com/JesperDramsch/python-deadlines" class="button button-secondary"
255+
>Contribute on GitHub</a
256+
>
257+
</div>
258+
</div>
259+
260+
{% include sneks.html %}
261+
262+
<div class="footer">{% include footer.html %}</div>
263+
</body>
264+
</html>

0 commit comments

Comments
 (0)