Skip to content

Commit f5e023f

Browse files
kavishkafernandokavishkafernando
authored
Add latest events (#710)
1 parent 4331dac commit f5e023f

3 files changed

Lines changed: 78 additions & 31 deletions

File tree

‎src/css/custom.css‎

Lines changed: 41 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -23,26 +23,26 @@ html[data-theme='dark'] {
2323

2424
/* You can override the default Infima variables here. */
2525
:root {
26-
--ifm-color-primary: #2B8CF7;
27-
--ifm-color-primary-dark: #157EF5;
28-
--ifm-color-primary-darker: #0A75F4;
29-
--ifm-color-primary-darkest: #0860D4;
30-
--ifm-color-primary-light: #4499F8;
31-
--ifm-color-primary-lighter: #50A1F9;
32-
--ifm-color-primary-lightest: #75B6FA;
26+
--ifm-color-primary: #2b8cf7;
27+
--ifm-color-primary-dark: #157ef5;
28+
--ifm-color-primary-darker: #0a75f4;
29+
--ifm-color-primary-darkest: #0860d4;
30+
--ifm-color-primary-light: #4499f8;
31+
--ifm-color-primary-lighter: #50a1f9;
32+
--ifm-color-primary-lightest: #75b6fa;
3333
--ifm-code-font-size: 95%;
3434
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
3535
}
3636

3737
/* For readability concerns, you should choose a lighter palette in dark mode. */
3838
[data-theme='dark'] {
39-
--ifm-color-primary: #4499F8;
40-
--ifm-color-primary-dark: #2B8CF7;
41-
--ifm-color-primary-darker: #2080F2;
42-
--ifm-color-primary-darkest: #157EF5;
43-
--ifm-color-primary-light: #5DA7F9;
44-
--ifm-color-primary-lighter: #69AFFA;
45-
--ifm-color-primary-lightest: #8EC4FB;
39+
--ifm-color-primary: #4499f8;
40+
--ifm-color-primary-dark: #2b8cf7;
41+
--ifm-color-primary-darker: #2080f2;
42+
--ifm-color-primary-darkest: #157ef5;
43+
--ifm-color-primary-light: #5da7f9;
44+
--ifm-color-primary-lighter: #69affa;
45+
--ifm-color-primary-lightest: #8ec4fb;
4646
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
4747
}
4848

@@ -54,7 +54,8 @@ html[data-theme='dark'] {
5454
border-radius: 8px;
5555
}
5656

57-
.step-card h2, .step-card h3 {
57+
.step-card h2,
58+
.step-card h3 {
5859
/* Remove default Docusaurus top margin on headers inside the card */
5960
margin-top: 0 !important;
6061
border-bottom: none !important;
@@ -78,7 +79,7 @@ html[data-theme='dark'] {
7879
height: 40px;
7980
display: flex;
8081
justify-content: center;
81-
align-items: center;
82+
align-items: center;
8283
}
8384

8485
.step-header-text {
@@ -98,7 +99,7 @@ html[data-theme='dark'] {
9899
.step-card .theme-code-block {
99100
margin: 1.5rem 0;
100101
border-radius: 6px;
101-
box-shadow: 0 4px 6px rgba(0,0,0,0.05);
102+
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
102103
}
103104

104105
/* Fix for Docusaurus Note/Tip/Important blocks inside the custom card */
@@ -110,14 +111,16 @@ html[data-theme='dark'] {
110111

111112
/* Image styling */
112113
.step-card img {
113-
border-radius: 8px;
114-
margin: 1rem 0;
115-
max-width: 100%;
116-
height: auto;
114+
border-radius: 8px;
115+
margin: 1rem 0;
116+
max-width: 100%;
117+
height: auto;
117118
}
118119

119120
.content-section-highlight {
120-
background-color: var(--ifm-background-surface-color); /* A slightly darker background than the page body */
121+
background-color: var(
122+
--ifm-background-surface-color
123+
); /* A slightly darker background than the page body */
121124
padding: 2rem;
122125
margin-top: 2rem;
123126
margin-bottom: 2rem;
@@ -153,7 +156,8 @@ html[data-theme='dark'] {
153156
}
154157

155158
.header-slack-link:before {
156-
background: url('/img/icons/community-icon-slack.png') center/contain no-repeat;
159+
background: url('/img/icons/community-icon-slack.png') center/contain
160+
no-repeat;
157161
}
158162

159163
/* Richer visual layout for workflow guides */
@@ -163,7 +167,7 @@ html[data-theme='dark'] {
163167
border: 1px solid var(--ifm-color-primary-light);
164168
border-radius: 16px;
165169
background:
166-
linear-gradient(135deg, rgba(43, 140, 247, 0.10), rgba(43, 140, 247, 0.03)),
170+
linear-gradient(135deg, rgba(43, 140, 247, 0.1), rgba(43, 140, 247, 0.03)),
167171
var(--ifm-background-surface-color);
168172
}
169173

@@ -180,7 +184,6 @@ html[data-theme='dark'] {
180184
margin-bottom: 0;
181185
}
182186

183-
184187
/* Status badges for workflow actions */
185188
.workflow-status-badge {
186189
display: inline-block;
@@ -278,6 +281,19 @@ html[data-theme='dark'] {
278281
}
279282
}
280283

284+
@media (min-width: 997px) and (max-width: 1350px) {
285+
.navbar__item,
286+
.navbar__link {
287+
padding-right: 0.35rem;
288+
padding-left: 0.35rem;
289+
font-size: 0.85rem;
290+
}
291+
292+
.navbar__brand {
293+
margin-right: 0.25rem;
294+
}
295+
}
296+
281297
.footer__copyright {
282298
font-size: 0.85rem;
283299
}

‎src/pages/community/events.json‎

Lines changed: 34 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,10 @@
22
"events": [
33
{
44
"month": "JUN",
5-
"day": "18–19",
5+
"day": "18",
66
"category": "Conferences",
77
"title": "KubeCon + CloudNativeCon India 2026",
8-
"meta": "Bengaluru, India",
8+
"meta": "June 18-19 . Mumbai, India",
99
"primaryAction": "Register",
1010
"primaryActionHref": "https://events.linuxfoundation.org/kubecon-cloudnativecon-india/"
1111
},
@@ -17,6 +17,38 @@
1717
"meta": "Zoom · Open to all",
1818
"primaryAction": "Add to calendar",
1919
"primaryActionHref": "https://zoom-lfx.platform.linuxfoundation.org/meetings/openchoreo?view=list"
20+
},
21+
{
22+
"month": "JUL",
23+
"day": "28",
24+
"category": "Conferences",
25+
"title": "KubeCon + CloudNativeCon Japan 2026",
26+
"meta": "July 28-30 . Yokohama, Japan",
27+
"primaryAction": "Register",
28+
"primaryActionHref": "https://events.linuxfoundation.org/kubecon-cloudnativecon-japan/"
29+
},
30+
{
31+
"month": "NOV",
32+
"day": "9",
33+
"category": "Conferences",
34+
"title": "KubeCon + CloudNativeCon North America 2026",
35+
"meta": "November 9-12 . Salt Lake City, Utah, USA",
36+
"primaryAction": "Register",
37+
"primaryActionHref": "https://events.linuxfoundation.org/kubecon-cloudnativecon-north-america/"
38+
}
39+
],
40+
"pastEvents": [
41+
{
42+
"date": "June 11",
43+
"title": "Cloud Native Hyderabad",
44+
"action": "More Details",
45+
"actionHref": "https://ocgroups.dev/cncf/group/cloud-native-hyderabad/event/tr9jkbf"
46+
},
47+
{
48+
"date": "June 4",
49+
"title": "Kubernetes Sri Lanka",
50+
"action": "More Details",
51+
"actionHref": "https://ocgroups.dev/cncf/group/f8dnmxt/event/hkf8t4e"
2052
}
2153
]
2254
}

‎src/pages/community/index.tsx‎

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ import Layout from '@theme/Layout';
33
import Link from '@docusaurus/Link';
44
import styles from './styles.module.css';
55
import communityEvents from './events.json';
6-
import pastEventsData from './past-events.json';
76

87
type EventCategory = 'Meetups' | 'Community calls' | 'Conferences';
98

@@ -21,11 +20,11 @@ type PastEventItem = {
2120
date: string;
2221
title: string;
2322
action: string;
24-
href: string;
23+
actionHref: string;
2524
};
2625

2726
const events = communityEvents.events as EventItem[];
28-
const pastEvents = pastEventsData.pastEvents as PastEventItem[];
27+
const pastEvents = communityEvents.pastEvents as PastEventItem[];
2928

3029
const filters = [
3130
'All',
@@ -231,7 +230,7 @@ export default function Community(): React.JSX.Element {
231230
<strong>{event.title}</strong>
232231
<Link
233232
className='button button--link button--sm'
234-
to={event.href}
233+
to={event.actionHref}
235234
>
236235
{event.action}
237236
</Link>

0 commit comments

Comments
 (0)