Skip to content

Commit c40aa7d

Browse files
federicobucchifedericobucchi
committed
Add Events
1 parent ac93283 commit c40aa7d

File tree

3 files changed

+148
-50
lines changed

3 files changed

+148
-50
lines changed

‎_data/events.yaml

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
- name: "ServerSide.swift Conference"
2+
description: "ServerSide.swift is a framework independent conference, where we will learn and share on a number of different related topics. The conference is aimed at being a non profit conference and solely run for the love of server side Swift."
3+
date: 2023-04-29 18:00:00
4+
link: "https://www.apple.com"
5+
- name: "ServerSide.swift Conference"
6+
description: "ServerSide.swift is a framework independent conference, where we will learn and share on a number of different related topics. The conference is aimed at being a non profit conference and solely run for the love of server side Swift."
7+
date: 2023-04-29 18:00:00
8+
link: "https://www.apple.com"
9+
- name: "ServerSide.swift Conference"
10+
description: "ServerSide.swift is a framework independent conference, where we will learn and share on a number of different related topics. The conference is aimed at being a non profit conference and solely run for the love of server side Swift."
11+
date: 2023-04-29 18:00:00
12+
link: "https://www.apple.com"

‎assets/stylesheets/pages/_landing.scss

Lines changed: 97 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -139,7 +139,7 @@
139139
}
140140
}
141141

142-
.use-cases, .community, .getting-involved {
142+
.use-cases, .getting-involved {
143143
list-style: none;
144144
display: grid;
145145
gap: 1rem;
@@ -165,42 +165,121 @@
165165
}
166166
}
167167

168-
ul {
169-
list-style: none;
170-
padding: 1.4rem 0 0;
168+
.cta-secondary {
169+
margin-top: 1rem;
170+
}
171+
}
171172

172-
li {
173-
&:first-child {
174-
padding-top: 0;
175-
}
173+
.community {
174+
list-style: none;
175+
display: grid;
176+
gap: 1rem;
177+
padding: 0;
178+
grid-template-columns: repeat(2, 1fr);
176179

177-
p {
178-
flex-grow: 0;
180+
@media only screen and (max-width: 767px) {
181+
h4 {
182+
font-size: 1.25em;
183+
}
184+
}
185+
186+
@media (max-width: 1000px) {
187+
display: block;
188+
189+
& > li {
190+
margin-bottom: 1rem;
191+
}
192+
}
193+
194+
&.connect-only {
195+
display: block;
196+
197+
.link-grid {
198+
ul {
199+
@media (min-width: 1000px) {
200+
display: grid;
201+
grid-template-columns: repeat(3, 1fr);
202+
203+
li {
204+
padding-top: 0;
205+
}
206+
}
179207
}
180208
}
181209
}
182210

183-
.cta-secondary {
184-
margin-top: 1rem;
211+
.link-grid {
212+
ul {
213+
display: block;
214+
215+
li {
216+
padding-top: 1rem;
217+
218+
a {
219+
padding: 1rem 0;
220+
}
221+
}
222+
}
185223
}
186-
}
187224

188-
.community {
189225
& > li {
226+
border: 1px solid var(--color-fill-tertiary);
227+
border-radius: var(--border-radius);
228+
padding: 1rem;
229+
display: flex;
230+
flex-direction: column;
231+
232+
h3 {
233+
line-height: 1.4;
234+
font-size: 1.4rem;
235+
padding-top: 0;
236+
}
237+
190238
p {
191239
flex-grow: 0;
192240
}
193241
}
194242

243+
ul {
244+
list-style: none;
245+
padding: 0;
246+
247+
li {
248+
padding: 0;
249+
250+
&:first-child {
251+
padding-top: 0;
252+
253+
h4 {
254+
padding-top: .4rem;
255+
}
256+
}
257+
258+
p {
259+
flex-grow: 0;
260+
}
261+
}
262+
}
263+
195264
.connect-list {
196265
li {
197-
padding-top: 2.4rem;
266+
padding-top: 2.2rem;
198267
}
199268
}
200269

201270
.event-list {
202271
li {
203-
padding-top: 1.2rem;
272+
padding-top: 1.6rem;
273+
274+
p {
275+
font-size: 16px;
276+
overflow: hidden;
277+
word-break: nowrap;
278+
display: -webkit-box;
279+
-webkit-box-orient: vertical;
280+
-webkit-line-clamp: 2;
281+
text-overflow: ellipsis;
282+
}
204283
}
205284
}
206285

@@ -224,7 +303,7 @@
224303
}
225304
}
226305

227-
.use-cases, .community {
306+
.use-cases {
228307
@media (min-width: 1000px) {
229308
grid-template-columns: repeat(2, 1fr);
230309

@@ -234,8 +313,7 @@
234313
}
235314
}
236315

237-
.getting-involved,
238-
.why-swift-list {
316+
.getting-involved {
239317
@media (min-width: 1000px) {
240318
grid-template-columns: repeat(3, 1fr);
241319
}

‎index.md

Lines changed: 39 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -91,41 +91,49 @@ atom: true
9191

9292
## Community
9393

94-
<ul class="community" markdown="1">
94+
<ul class="community {% unless site.data.events.size > 0 %}connect-only{% endunless %}" markdown="1">
9595
<li>
9696
<h3>Connect</h3>
9797
<p>Stay up-to-date with the latest in the Swift community.</p>
98-
<ul class="connect-list">
99-
<li>
100-
<a href="/blog/">
101-
<img src="/assets/images/icon-swift.svg" /><span>Visit the Swift.org blog</span>
102-
</a>
103-
</li>
104-
<li>
105-
<a href="https://forums.swift.org">
106-
<img src="/assets/images/icon-swift.svg" /><span>Visit the Swift forums</span>
107-
</a>
108-
</li>
109-
<li>
110-
<a href="https://twitter.com/swiftlang" class="link-external">
111-
<img src="/assets/images/icon-x.svg" class="with-invert" /><span>Follow @swiftlang on X (formerly Twitter)</span>
112-
</a>
113-
</li>
114-
</ul>
115-
</li>
116-
<li>
117-
<h3>Events</h3>
118-
<p>Check the upcoming Swift related events.</p>
119-
<ul class="event-list">
120-
<li>
121-
<h4>
122-
<a href="#">Conference name</a>
123-
</h4>
124-
<time>Conference date</time>
125-
<p>Conference description</p>
126-
</li>
127-
</ul>
98+
<div class="link-grid">
99+
<ul>
100+
<li>
101+
<a href="/blog/">
102+
<img src="/assets/images/icon-swift.svg" /><span>Visit the Swift.org blog</span>
103+
</a>
104+
</li>
105+
<li>
106+
<a href="https://forums.swift.org">
107+
<img src="/assets/images/icon-swift.svg" /><span>Visit the Swift forums</span>
108+
</a>
109+
</li>
110+
<li>
111+
<a href="https://twitter.com/swiftlang" class="link-external">
112+
<img src="/assets/images/icon-x.svg" class="with-invert" /><span>Follow @swiftlang on X</span>
113+
</a>
114+
</li>
115+
</ul>
116+
</div>
128117
</li>
118+
{% if site.data.events.size > 0 %}
119+
<li>
120+
<h3>Events</h3>
121+
<p>Check the upcoming Swift related events.</p>
122+
<ul class="event-list">
123+
{% for event in site.data.events %}
124+
<li>
125+
<h4>
126+
<a href="#">{{ event.name }}</a>
127+
</h4>
128+
<time pubdate datetime="{{ event.date | date_to_xmlschema }}">
129+
{{ event.date | date: "%B %-d, %Y" }}
130+
</time>
131+
<p>{{ event.description }}</p>
132+
</li>
133+
{% endfor %}
134+
</ul>
135+
</li>
136+
{% endif %}
129137
</ul>
130138

131139
## Getting Involved

0 commit comments

Comments
 (0)