Skip to content

Commit a1ec1ee

Browse files
ritesh-karankalritesh-karankal
authored
Merge pull request #6948 from rishiraj38/fix/6946-event-details-overlap
[UI] Fix Event Details Overlap (#6946)
2 parents 84e2e97 + dd42cdd commit a1ec1ee

1 file changed

Lines changed: 85 additions & 18 deletions

File tree

  • src/collections/events/2025/hacktoberfest-2025

‎src/collections/events/2025/hacktoberfest-2025/index.mdx‎

Lines changed: 85 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -12,45 +12,112 @@ upcoming: true
1212
register: true
1313
---
1414

15-
import { Link } from "gatsby" ;
15+
import { Link } from "gatsby";
1616
import hacktoberfestBadge from "./layer5-hacktoberfest2025-badge.png";
1717
import hacktoberfestFirstPR from "./hacktoberfest-layer5-first-pr.webp";
1818
import hacktoberfestOpenArms from "./hacktoberfest-layer5-open-arms.webp";
1919
import hacktoberfestTheme from "./hacktoberfest-meshery-theme.webp";
2020

2121
<p>
22-
<Link to="/programs/hacktoberfest">Hacktoberfest</Link> is just around the corner, and it’s an exciting opportunity to get involved in Layer5 projects. You might be surprised to learn how even small contributions can make a meaningful impact on a project. As projects grow, issues can easily go unnoticed, and your efforts in resolving them can truly make a difference while also helping you grow as a contributor.
22+
<Link to="/programs/hacktoberfest">Hacktoberfest</Link> is just around the
23+
corner, and it's an exciting opportunity to get involved in Layer5 projects.
24+
You might be surprised to learn how even small contributions can make a
25+
meaningful impact on a project. As projects grow, issues can easily go
26+
unnoticed, and your efforts in resolving them can truly make a difference
27+
while also helping you grow as a contributor.
2328
</p>
2429

25-
<p>As in years past, Layer5 has a number of different projects and a variety of technologies for participants to choose from. For Hacktoberfest 2025, our theme will center on Designing with Meshery. <Link to="/cloud-native-management/meshery">Meshery</Link> is an extensible, self-service platform for collaborative infrastructure management. Be sure to understand the <Link to="/blog/meshery/comparing-meshery-models-and-meshery-designs">difference between Meshery Models and Meshery Designs</Link>. The Meshery project is looking for contributors to extend these models to support new cloud native infrastructure and their features.</p>
30+
<p>
31+
As in years past, Layer5 has a number of different projects and a variety of
32+
technologies for participants to choose from. For Hacktoberfest 2025, our
33+
theme will center on Designing with Meshery.{" "}
34+
<Link to="/cloud-native-management/meshery">Meshery</Link> is an extensible,
35+
self-service platform for collaborative infrastructure management. Be sure to
36+
understand the{" "}
37+
<Link to="/blog/meshery/comparing-meshery-models-and-meshery-designs">
38+
difference between Meshery Models and Meshery Designs
39+
</Link>
40+
. The Meshery project is looking for contributors to extend these models to
41+
support new cloud native infrastructure and their features.
42+
</p>
43+
44+
<img
45+
src={hacktoberfestOpenArms}
46+
style={{
47+
width: "100%",
48+
maxWidth: "750px",
49+
height: "auto",
50+
display: "block",
51+
margin: "20px 0"
52+
}}
53+
alt="Hacktoberfest Open Arms"
54+
/>
2655

2756
<p>
28-
Prepare for Hacktoberfest and ready yourself for contributing to CNCF projects the easy way with Layer5 <Link to="/community/meshmates">MeshMates</Link> and Maintainers. Spend an hour with seasoned, open source maintainers and hack your way through. To get a head start, see our <Link to="/community/newcomers">Newcomers Resources</Link>. Get familiar with the Layer5 community through our <Link to="/community/handbook">Community Handbook</Link>.
57+
Prepare for Hacktoberfest and ready yourself for contributing to CNCF projects
58+
the easy way with Layer5 <Link to="/community/meshmates">MeshMates</Link> and
59+
Maintainers. Spend an hour with seasoned, open source maintainers and hack
60+
your way through. To get a head start, see our{" "}
61+
<Link to="/community/newcomers">Newcomers Resources</Link>. Get familiar with
62+
the Layer5 community through our{" "}
63+
<Link to="/community/handbook">Community Handbook</Link>.
2964
</p>
3065

31-
<div style={{ display: 'flex', alignItems: 'flex-start', marginBottom: '-230px' }}>
32-
<div style={{ display: 'flex', flexDirection: 'column', alignItems: 'flex-start' , marginBottom: '-20px' }}>
33-
<h3 style={{ margin: '0', marginBottom: '10px', whiteSpace: 'nowrap' }}>Earn a Badge</h3>
34-
<p style={{ margin: '0', width: '900px' }}>
35-
Earn a Hacktoberfest Contributor badge by contributing to Layer5 projects during this Hacktoberfest.
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.
3680
</p>
3781
</div>
38-
<img src={hacktoberfestBadge} style={{ width: '250px', flexShrink: '0', marginLeft: '-60px' ,marginRight: '100px', marginTop: '-50px' }} />
82+
<img
83+
src={hacktoberfestBadge}
84+
style={{ width: "200px", maxWidth: "100%", height: "auto", flexShrink: "0" }}
85+
alt="Hacktoberfest Badge"
86+
/>
3987
</div>
4088

41-
<img src={hacktoberfestOpenArms} style="display:block; justify-content:center; width: 750px; margin-right: auto;"/>
42-
43-
<h3 style={{marginBottom: '10px'}}>Event Details</h3>
89+
<h3 style={{ marginBottom: "10px" }}>Event Details</h3>
4490

4591
<ul>
46-
<li><strong>DATE: </strong>October 3rd, 2025</li>
47-
<li><strong>TIME: </strong> 14:00 UTC (9AM CDT | 4PM CEST | 3PM WAT | 7:30PM IST)</li>
48-
<li><strong>LIVESTREAM:</strong> <a href="https://youtube.com/live/1-oaEy0Pm5I?feature=share">Livestream</a></li>
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>
49102
</ul>
50103

51104
<p>Resources:</p>
52105

53106
<ul>
54-
<li><Link to="/blog/open-source/ways-to-contribute-at-layer5">Code and Non-Code Contributing at Layer5</Link></li>
55-
<li><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%20org%3Alayer5labs%20OR%20org%3Ameshery-extensions)%20label%3Ahacktoberfest">Issues for Hacktoberfest</a></li>
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>
56117
</ul>
118+
119+
<img
120+
src={hacktoberfestTheme}
121+
style={{ width: "100%", maxWidth: "100%", height: "auto" }}
122+
alt="Hacktoberfest Meshery Theme"
123+
/>

0 commit comments

Comments
 (0)