Skip to content

Commit faac4df

Browse files
federicobucchifedericobucchi
committed
Add Events
1 parent 43c6fce commit faac4df

File tree

3 files changed

+148
-50
lines changed

3 files changed

+148
-50
lines changed

‎_data/events.yaml

+12
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

+97-19
Original file line numberDiff line numberDiff line change
@@ -115,7 +115,7 @@
115115
}
116116
}
117117

118-
.use-cases, .community, .getting-involved {
118+
.use-cases, .getting-involved {
119119
list-style: none;
120120
display: grid;
121121
gap: 1rem;
@@ -141,42 +141,121 @@
141141
}
142142
}
143143

144-
ul {
145-
list-style: none;
146-
padding: 1.4rem 0 0;
144+
.cta-secondary {
145+
margin-top: 1rem;
146+
}
147+
}
147148

148-
li {
149-
&:first-child {
150-
padding-top: 0;
151-
}
149+
.community {
150+
list-style: none;
151+
display: grid;
152+
gap: 1rem;
153+
padding: 0;
154+
grid-template-columns: repeat(2, 1fr);
152155

153-
p {
154-
flex-grow: 0;
156+
@media only screen and (max-width: 767px) {
157+
h4 {
158+
font-size: 1.25em;
159+
}
160+
}
161+
162+
@media (max-width: 1000px) {
163+
display: block;
164+
165+
& > li {
166+
margin-bottom: 1rem;
167+
}
168+
}
169+
170+
&.connect-only {
171+
display: block;
172+
173+
.link-grid {
174+
ul {
175+
@media (min-width: 1000px) {
176+
display: grid;
177+
grid-template-columns: repeat(3, 1fr);
178+
179+
li {
180+
padding-top: 0;
181+
}
182+
}
155183
}
156184
}
157185
}
158186

159-
.cta-secondary {
160-
margin-top: 1rem;
187+
.link-grid {
188+
ul {
189+
display: block;
190+
191+
li {
192+
padding-top: 1rem;
193+
194+
a {
195+
padding: 1rem 0;
196+
}
197+
}
198+
}
161199
}
162-
}
163200

164-
.community {
165201
& > li {
202+
border: 1px solid var(--color-fill-tertiary);
203+
border-radius: var(--border-radius);
204+
padding: 1rem;
205+
display: flex;
206+
flex-direction: column;
207+
208+
h3 {
209+
line-height: 1.4;
210+
font-size: 1.4rem;
211+
padding-top: 0;
212+
}
213+
166214
p {
167215
flex-grow: 0;
168216
}
169217
}
170218

219+
ul {
220+
list-style: none;
221+
padding: 0;
222+
223+
li {
224+
padding: 0;
225+
226+
&:first-child {
227+
padding-top: 0;
228+
229+
h4 {
230+
padding-top: .4rem;
231+
}
232+
}
233+
234+
p {
235+
flex-grow: 0;
236+
}
237+
}
238+
}
239+
171240
.connect-list {
172241
li {
173-
padding-top: 2.4rem;
242+
padding-top: 2.2rem;
174243
}
175244
}
176245

177246
.event-list {
178247
li {
179-
padding-top: 1.2rem;
248+
padding-top: 1.6rem;
249+
250+
p {
251+
font-size: 16px;
252+
overflow: hidden;
253+
word-break: nowrap;
254+
display: -webkit-box;
255+
-webkit-box-orient: vertical;
256+
-webkit-line-clamp: 2;
257+
text-overflow: ellipsis;
258+
}
180259
}
181260
}
182261

@@ -200,7 +279,7 @@
200279
}
201280
}
202281

203-
.use-cases, .community {
282+
.use-cases {
204283
@media (min-width: 1000px) {
205284
grid-template-columns: repeat(2, 1fr);
206285

@@ -210,8 +289,7 @@
210289
}
211290
}
212291

213-
.getting-involved,
214-
.why-swift-list {
292+
.getting-involved {
215293
@media (min-width: 1000px) {
216294
grid-template-columns: repeat(3, 1fr);
217295
}

‎index.md

+39-31
Original file line numberDiff line numberDiff line change
@@ -89,41 +89,49 @@ atom: true
8989

9090
## Community
9191

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

129137
## Getting Involved

0 commit comments

Comments
 (0)