Skip to content

Commit 44f61eb

Browse files
jsmitkajsmitka
authored
Merge pull request #71 from pyvec/announcement-2026-v2
Improve layout of the 2026 announcement
2 parents dd1c8f6 + d2a23f1 commit 44f61eb

File tree

2 files changed

+83
-24
lines changed

2 files changed

+83
-24
lines changed

‎_upcoming/2026/index.html‎

Lines changed: 35 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818
<meta name="twitter:card" content="summary_large_image">
1919
<meta name="twitter:image:alt" content="PyCon CZ 26">
2020

21-
<link href="/2026/style.css" rel="stylesheet">
21+
<link href="/2026/static/style.css" rel="stylesheet">
2222

2323
<link rel="apple-touch-icon" sizes="180x180" href="/2026/favicon/apple-touch-icon.png?v4">
2424
<link rel="icon" type="image/png" sizes="32x32" href="/2026/favicon/favicon-32x32.png?v4">
@@ -29,38 +29,51 @@
2929
</head>
3030
<body class="landing-page-body">
3131
<header class="top-header">
32-
<div class="container">
32+
<div class="container header-container">
3333
<div class="logo-container">
34-
<img src="/2026/static/logo-pyconcz-26.svg" alt="PyCon CZ 26" class="logo" width="600" height="300"/>
34+
<img src="/2026/static/logo-pyconcz-26.svg" alt="PyCon CZ 26" class="logo" width="500" height="250"/>
3535
</div>
36+
<h1 class="title">
37+
PyCon&nbsp;CZ&nbsp;26<br/>
38+
September&nbsp;2026<br/>
39+
Pilsen
40+
</h1>
3641
</div>
3742
</header>
3843

3944
<main class="main-content">
4045
<div class="container">
41-
<h1 class="text-center">
42-
PyCon&nbsp;CZ&nbsp;26, September&nbsp;2026, Pilsen
43-
</h1>
44-
<h2 class="text-center">
45-
Fancy a Pilsner?
46-
</h2>
46+
<div class="text-cols">
47+
<div class="text-cols-item">
48+
<h2>
49+
Fancy a Pilsner?
50+
</h2>
51+
52+
<p>
53+
Even if Pilsner is not your thing, <strong>Pilsen</strong> is the place to be. We will meet in the heart
54+
of the city, where history and innovation come together. Join us for the next edition
55+
of <strong>PyCon CZ</strong>, the largest Czech Python event!
56+
</p>
57+
</div>
4758

48-
<p class="text-center">
49-
Even if Pilsner is not your thing, <strong>Pilsen</strong> is the place to be. Join us for the next edition
50-
of <strong>PyCon CZ</strong>, the largest Czech Python event!
51-
</p>
59+
<div class="text-cols-item">
60+
<h2>
61+
What to expect?
62+
</h2>
5263

53-
<p class="text-center">
54-
We will meet in the heart of the city, where history and innovation come together. You can look forward to
55-
inspiring lectures, practical workshops, and unforgettable connections with friends from the community.
56-
</p>
64+
<p>
65+
You can look forward to inspiring lectures, practical workshops, and unforgettable connections with friends
66+
from the community.
67+
</p>
5768

58-
<p class="text-center">
59-
Follow this website or our social media channels to be the first to know about the venue, program, speakers,
60-
and tickets!
61-
</p>
69+
<p>
70+
<strong>Follow this website</strong> or our social media channels to be the first to know about the venue, program, speakers,
71+
and tickets!
72+
</p>
73+
</div>
74+
</div>
6275

63-
<h2 class="text-center">Follow us on</h2>
76+
<h2 class="socials-header text-center">Follow us on</h2>
6477

6578
<div class="social-icons">
6679
<a class="social-icons-item" rel="me" href="https://x.com/pyconcz">

‎_upcoming/2026/style.css‎ renamed to ‎_upcoming/2026/static/style.css‎

Lines changed: 48 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,11 +16,13 @@ a:hover, a:focus, a:active {
1616
}
1717

1818
h1, h2, h3 {
19-
font-family: Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;
19+
font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
2020
font-weight: bold;
21+
line-height: 1.35;
2122
}
2223

2324
h1 {
25+
font-size: 1.75rem;
2426
margin: 0 0 0.5rem;
2527
}
2628

@@ -82,7 +84,7 @@ p {
8284
.top-header {
8385
padding: 32px 24px;
8486
text-align: center;
85-
background: linear-gradient(to bottom, #223816, #2E451C);
87+
background: linear-gradient(to bottom, #212D19, #2E451C);
8688
}
8789

8890
.logo-container {
@@ -94,12 +96,34 @@ p {
9496
height: auto;
9597
}
9698

99+
.header-container {
100+
display: grid;
101+
grid-template-columns: auto;
102+
grid-template-rows: repeat(2, auto);
103+
gap: 32px;
104+
}
105+
106+
@media (min-width: 768px) {
107+
.header-container {
108+
grid-template-columns: 3fr minmax(max-content, 2fr);
109+
grid-template-rows: auto;
110+
gap: 48px;
111+
align-items: center;
112+
}
113+
114+
h1.title {
115+
text-align: left;
116+
font-size: 3rem;
117+
}
118+
}
119+
97120

98121
/* Main content */
99122

100123
.main-content {
101124
flex-grow: 1;
102125
padding-bottom: 64px;
126+
line-height: 1.75;
103127
}
104128

105129
@media (min-width: 768px) {
@@ -108,6 +132,28 @@ p {
108132
}
109133
}
110134

135+
.text-cols {
136+
display: block;
137+
}
138+
139+
.text-cols-item {
140+
text-align: justify;
141+
}
142+
143+
@media (min-width: 768px) {
144+
.text-cols {
145+
display: grid;
146+
grid-template-columns: repeat(2, 1fr);
147+
gap: 112px;
148+
}
149+
}
150+
151+
h2.socials-header {
152+
font-family: inherit;
153+
font-size: 1.25rem;
154+
font-weight: 500;
155+
}
156+
111157
.social-icons {
112158
display: flex;
113159
flex-direction: column;

0 commit comments

Comments
 (0)