@@ -6,17 +6,16 @@ darkthumbnail: ./hacktoberfest-layer5-first-pr.webp
66date : 2025-10-03
77eurl : https://youtube.com/live/1-oaEy0Pm5I?feature=share
88type : Event
9- speakers : [Ritesh Karankal, Aabid Sofi, Yash Sharma, Eti Ijeoma, Darshan Narasimha]
109published : true
1110upcoming : true
1211register : true
1312---
1413
1514import { Link } from " gatsby" ;
16- import hacktoberfestBadge from " ./layer5-hacktoberfest2025-badge.png" ;
15+ import { Grid2 } from " @sistent/sistent" ;
16+ import hacktoberfestBadge from " ./layer5-hacktoberfest-2025-badge.png" ;
1717import hacktoberfestFirstPR from " ./hacktoberfest-layer5-first-pr.webp" ;
1818import hacktoberfestOpenArms from " ./hacktoberfest-layer5-open-arms.webp" ;
19- import hacktoberfestTheme from " ./hacktoberfest-meshery-theme.webp" ;
2019
2120<p >
2221 <Link to = " /programs/hacktoberfest" >Hacktoberfest</Link > is just around the
@@ -63,61 +62,78 @@ import hacktoberfestTheme from "./hacktoberfest-meshery-theme.webp";
6362 <Link to = " /community/handbook" >Community Handbook</Link >.
6463</p >
6564
66- <div
67- style = { {
68- display: " flex" ,
69- alignItems: " center" ,
70- flexWrap: " wrap" ,
71- gap: " 30px" ,
72- margin: " 30px 0"
73- }}
74- >
75- <div style = { { flex: " 1 1 300px" , minWidth: " 250px" }} >
76- <h3 style = { { marginTop: " 0" , marginBottom: " 10px" }} >Earn a Badge</h3 >
77- <p style = { { margin: " 0" }} >
78- Earn a Hacktoberfest Contributor badge by contributing to Layer5 projects
79- during this Hacktoberfest.
80- </p >
81- </div >
82- <img
83- src = { hacktoberfestBadge }
84- style = { { width: " 200px" , maxWidth: " 100%" , height: " auto" , flexShrink: " 0" }}
85- alt = " Hacktoberfest Badge"
86- />
87- </div >
88-
89- <h3 style = { { marginBottom: " 10px" }} >Event Details</h3 >
90-
91- <ul >
92- <li >
93- <strong >DATE: </strong >October 3rd, 2025
94- </li >
95- <li >
96- <strong >TIME: </strong > 14:00 UTC (9AM CDT | 4PM CEST | 3PM WAT | 7:30PM IST)
97- </li >
98- <li >
99- <strong >LIVESTREAM:</strong >{ " " }
100- <a href = " https://youtube.com/live/1-oaEy0Pm5I?feature=share" >Livestream</a >
101- </li >
102- </ul >
65+ <Grid2 container spacing = { 2 } style = { { margin: " 30px 0" }} >
66+ <Grid2 size = { { xs: 12 , md: 6 }} >
67+ <div style = { { maxWidth: " fit-content" }} >
68+ <h3 style = { { marginBottom: " 10px" }} >Event Details</h3 >
69+ <ul style = { { margin: " 0" , paddingBottom: " 0" }} >
70+ <li >
71+ <strong >DATE: </strong >October 3rd, 2025
72+ </li >
73+ <li >
74+ <strong >TIME: </strong > 14:00 UTC (9AM CDT | 4PM CEST | 3PM WAT | 7:30PM IST)
75+ </li >
76+ <li >
77+ <strong >LIVESTREAM:</strong >{ " " }
78+ <a href = " https://youtube.com/live/1-oaEy0Pm5I?feature=share" >Livestream</a >
79+ </li >
80+ </ul >
81+ <p style = { {marginTop:" 25px" }} >Resources:</p >
82+ <ul >
83+ <li >
84+ <Link to = " /blog/open-source/ways-to-contribute-at-layer5" >
85+ Code and Non-Code Contributing at Layer5
86+ </Link >
87+ </li >
88+ <li >
89+ <a href = " https://github.com/issues?q=is%3Aopen%20is%3Aissue%20archived%3Afalse%20(org%3Alayer5io%20OR%20org%3Ameshery%20OR%20org%3Aservice-mesh-performance%20OR%20org%3Aservice-mesh-patterns%20OR%3Alayer5labs%20OR%3Ameshery-extensions)%20label%3Ahacktoberfest" >
90+ Issues for Hacktoberfest
91+ </a >
92+ </li >
93+ </ul >
94+ <p style = { {marginTop:" 25px" }} >speakers:</p >
95+ <ul >
96+ <li >
97+ <Link to = " /community/members/ritesh-karankal" >
98+ Ritesh Karankal
99+ </Link >
100+ </li >
101+ <li >
102+ <Link to = " /community/members/aabid-sofi" >
103+ Aabid Sofi
104+ </Link >
105+ </li >
106+ <li >
107+ <Link to = " /community/members/yash-sharma" >
108+ Yash Sharma
109+ </Link >
110+ </li >
111+ <li >
112+ <Link to = " /community/members/eti-ijeoma" >
113+ Eti Ijeoma
114+ </Link >
115+ </li >
116+ <li >
117+ <Link to = " /community/members/darshan-narasimha" >
118+ Darshan Narasimha
119+ </Link >
120+ </li >
121+ </ul >
122+ </div >
123+ </Grid2 >
124+ <Grid2 size = { { xs: 12 , md: 6 }} >
125+ <div style = { { display: " flex" , flexDirection: " column" , alignItems: " center" }} >
126+ <h3 style = { { marginTop: " 0" , marginBottom: " 10px" }} >Earn a Badge</h3 >
127+ <p style = { { margin: " 0 0 16px 0" , textAlign: " center" }} >
128+ Earn a Hacktoberfest Contributor badge by contributing to Layer5 projects
129+ during this Hacktoberfest.
130+ </p >
131+ <img
132+ src = { hacktoberfestBadge }
133+ style = { { width: " 200px" , maxWidth: " 100%" , height: " auto" , display: " block" , margin: " 0 auto" }}
134+ alt = " Hacktoberfest Badge"
135+ />
136+ </div >
137+ </Grid2 >
138+ </Grid2 >
103139
104- <p >Resources:</p >
105-
106- <ul >
107- <li >
108- <Link to = " /blog/open-source/ways-to-contribute-at-layer5" >
109- Code and Non-Code Contributing at Layer5
110- </Link >
111- </li >
112- <li >
113- <a href = " https://github.com/issues?q=is%3Aopen%20is%3Aissue%20archived%3Afalse%20(org%3Alayer5io%20OR%20org%3Ameshery%20OR%20org%3Aservice-mesh-performance%20OR%20org%3Aservice-mesh-patterns%20OR%3Alayer5labs%20OR%3Ameshery-extensions)%20label%3Ahacktoberfest" >
114- Issues for Hacktoberfest
115- </a >
116- </li >
117- </ul >
118-
119- <img
120- src = { hacktoberfestTheme }
121- style = { { width: " 100%" , maxWidth: " 100%" , height: " auto" }}
122- alt = " Hacktoberfest Meshery Theme"
123- />
0 commit comments