Skip to content

Commit f91f6ce

Browse files
KimberleyCookKimberley Cook
KimberleyCook
authored and
Kimberley Cook
committed
Merge pull request #3 from codebar/update-for-2025-festival
2025 Festival page
2 parents 11ff784 + 83c3159 commit f91f6ce

File tree

5 files changed

+669
-218
lines changed

5 files changed

+669
-218
lines changed

‎faq.html‎

Lines changed: 8 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -27,32 +27,22 @@ <h2 class="text-6xl codebar-pink font-bold text-center">Frequently Asked Questio
2727
<div class="w-4/5 mx-auto pt-16 pb-16">
2828
<div class="w-8/12 mx-auto text-center">
2929
<h3 class="font-bold mb-2">How do I register for codebar Festival?</h3>
30-
<p>Each technical workshop has it's own event page so you will need to RSVP to those indivually.</p>
31-
<ul class="my-2">
32-
<li><a href="https://codebar.io/events/building-search-experiences-on-the-web-with-elasticsearch" class="underline">Carly Richmond - Building Search Experiences on the Web with Elasticsearch</a></li>
33-
<li><a href="https://codebar.io/events/basics-of-ui-design-and-principles-for-developers-cb-festival-2024" class="underline">Shreya Reddy - Basics of UI Design and Principles for Developers</a></li>
34-
<li><a href="https://codebar.io/events/svg-animation-with-gsap-cb-festival-2024" class="underline">Cassie Evans - SVG Animation with GSAP</a></li>
35-
<li><a href="https://codebar.io/events/warming-planet-visualising-climate-change-data-with-python-cb-festival-2024" class="underline">Charlene Kuye - Warming Planet: Visualising Climate Change Data with Python</a></li>
36-
</ul>
37-
<p class="mb-6">For the Saturday event, you can attend virtually or in person in London at Shoreditch Exchange, get your ticket <a href="https://ti.to/codebar/codebar-festival-2024" class="underline">here</a>.</p>
38-
30+
<p class="mb-6">You will need to RSVP to each session you would like to attend via <a href="https://ti.to/codebar/codebar-festival-2025/" target="_blank" class="underline">this external ti.to page</a>!</p>
31+
3932
<h3 class="font-bold mb-2">How much does it cost to attend codebar Festival?</h3>
40-
<p class="mb-6">It is 100% free! We are really lucky to have some great companies who are supporting codebar Festival this year.</p>
33+
<p class="mb-6">It is 100% free!</p>
4134

42-
<h3 class="font-bold mb-2">I'd love to attend in London but can't afford travel to get to London?</h3>
43-
<p class="mb-6">If you are in the UK, we may have some budget to page for your travel. Please fill in <a href="https://forms.gle/T4juKcTL2KbpHLhu9" class="underline">this form</a>. Unfortunately, if you're outside the UK, we don't have budget. We would love to help everyone but securing sponsorship this year has been tougher than ever before.</p>
35+
<!-- <h3 class="font-bold mb-2">I'd love to attend in London but can't afford travel to get to London?</h3>
36+
<p class="mb-6">If you are in the UK, we may have some budget to page for your travel. Please fill in <a href="https://forms.gle/T4juKcTL2KbpHLhu9" class="underline">this form</a>. Unfortunately, if you're outside the UK, we don't have budget. We would love to help everyone but securing sponsorship this year has been tougher than ever before.</p> -->
4437

4538
<h3 class="font-bold mb-2">Is this event virtual or in-person?</h3>
46-
<p class="mb-6">Both. The technical workshops on Monday 4th, Tuesday 5th, Wednesday 6th and Thursday 7th are all virtual. The Saturday event is a hybrid.</p>
47-
48-
<h3 class="font-bold mb-2">Is Shoreditch Exchange wheelchair assessible?</h3>
49-
<p class="mb-6">Shoreditch Exchange are fully accessible and step free with a lift to the 2nd floor where they host events. Shoreditch Exchange have accessible and gender neutral toilets.</p>
39+
<p class="mb-6">Virtual. All sessions and talks this year are virtual.</p>
5040

5141
<h3 class="font-bold mb-2">Will sessions be recorded?</h3>
5242
<p class="mb-6">All codebar Festival sessions will be recorded and uploaded to our YouTube channel <a href="https://www.youtube.com/channel/UCEYz232agE47GHUq8wneBCA" class="underline">here</a> in the weeks after the Festival. You can take a look at all last years sessions <a href="https://www.youtube.com/playlist?list=PLfJjhFVOvESIHYvJeKvvERhFzYIsPMA9R" class="underline" target="_blank">here</a>.</p>
5343

54-
<h3 class="font-bold mb-2">How do we sponsor codebar Festival 2024?</h3>
55-
<p class="mb-6">Drop us <a href="mailto:hello@codebar.io?subject=Sponsoring codebar Festival 2022"> an email</a> and we'll send you our sponsorship prospectus.</p>
44+
<h3 class="font-bold mb-2">How do we sponsor codebar Festival 2025?</h3>
45+
<p class="mb-6">Drop us <a href="mailto:hello@codebar.io?subject=Sponsoring codebar Festival 2025"> an email</a> and we'll send you our sponsorship prospectus.</p>
5646

5747
<h3 class="font-bold mb-2">Can I ask more questions?</h3>
5848
<p>Yes, please do! You can drop Kimberley Cook a direct message in the <a href="https://slack.codebar.io/" class="underline">codebar Slack</a>, you can send us a DM on any of our socials, or send us<a href="mailto:hello@codebar.io?subject=Question about codebar Festival 2024" class="underline"> an email</a>.</p>

‎festival-2024.html‎

Lines changed: 232 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,232 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
5+
<title>codebar Festival 2024</title>
6+
<meta name="description" content="Join us for codebar Festival - 4th to 9th March">
7+
<meta name="keywords" content="codebar, codebar Festival, diversity in tech, learning to code, learn to code, learn to code for free">
8+
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
9+
<link rel="stylesheet" type="text/css" href="styles.css">
10+
<link rel="preconnect" href="https://fonts.googleapis.com">
11+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
12+
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&display=swap" rel="stylesheet">
13+
<link rel="shortcut icon" type="image/jpg" href="assets/favicons/favicon.png"/>
14+
<title>codebar Festival 2024</title>
15+
<script async src="https://www.googletagmanager.com/gtag/js?id=G-G9FXGGP1H8"></script>
16+
<script>
17+
window.dataLayer = window.dataLayer || [];
18+
function gtag(){dataLayer.push(arguments);}
19+
gtag('js', new Date());
20+
21+
gtag('config', 'G-G9FXGGP1H8');
22+
</script>
23+
</head>
24+
<body>
25+
26+
<div class="w-full pt-4">
27+
<div class="flex items-center flex-col md:flex-row w-4/5 mx-auto">
28+
<div class="w-full md:w-4/5">
29+
<img src="assets/new-festival-logo.png" class="w-2/5 mb-8 mt-4" alt="codebar Festival logo 2023"/>
30+
<h2 class="mb-5 font-bold text-3xl leading-snug">codebar Festival is a 5 day global conference to learn, connect, thrive and celebrate the codebar community!</h2>
31+
<p class="font-medium mb-5">Build a holistic career in tech with us at codebar Festival! The event has happened but the videos are now live on our YouTube, please check them out below.</p>
32+
<a href="https://youtube.com/playlist?list=PLfJjhFVOvESJf00CFerJgLWg7jLk561wg&si=BznioaqhL0GYI6T2" class="pink-button-outer mb-16 mr-8">
33+
<div class="pink-button">WATCH THE SESSIONS</div>
34+
</a>
35+
<a href="schedule.html" class="blue-button-outer mb-16">
36+
<div class="blue-button">CHECK OUT THE SCHEDULE</div>
37+
</a>
38+
</div>
39+
<div class="w-4/5 hex-box">
40+
<img src="assets/hex-images.png" class="big-hex-image max-w-xl" alt="images from a codebar workshop"/>
41+
</div>
42+
</div>
43+
</div>
44+
</div>
45+
46+
<div class="w-full bg-dark-blue pt-16 pb-16">
47+
<div class="w-4/5 mx-auto">
48+
<h2 class="text-3xl font-bold text-white mb-6">A hybrid festival for a global community</h2>
49+
<p class="font-medium text-white mb-8">You will be able to attend codebar Festival both physically and virtually.<br/> In-person sessions will be held in London and be streamed online, so anyone<br/> can have access to codebar Festival, no matter where you are in the world.</p>
50+
<div class="flex">
51+
<p class="text-lg font-medium bg-cb-pink text-white pt-4 pb-4 pl-12 pr-12 mr-4">24,895 community members</p>
52+
<p class="text-lg font-medium text-white pt-4 pb-4 pl-12 pr-12 border-white border-2 rounded-3xl mr-4">London + Virtual</p>
53+
<p class="text-lg font-medium bg-cb-green pt-4 pb-4 pl-10 pr-10">Networking</p>
54+
</div>
55+
<div class="flex mt-5">
56+
<p class="text-lg font-medium bg-white rounded-3xl pt-4 pb-4 pl-10 pr-10 mr-4">2,281 events since 2013</p>
57+
<p class="text-lg font-medium bg-cb-blue pt-4 pb-4 pl-12 pr-12">Over 30 hours of online content</p>
58+
</div>
59+
<div class="flex mt-5">
60+
<p class="text-lg font-medium codebar-green border-cb-green border-2 pt-4 pb-4 pl-10 pr-10 mr-4">Sessions on coding, career and wellness</p>
61+
<p class="text-lg font-medium text-white pt-4 pb-4 pl-12 pr-12 border-white border-2 rounded-3xl">Support from a thriving community</p>
62+
</div>
63+
</div>
64+
</div>
65+
66+
<div class="w-full bg-cb-blue pt-12 pb-12">
67+
<div class="w-4/5 mx-auto w-4/5 mx-auto flex flex-col items-center">
68+
<h2 class="text-3xl font-bold text-white mb-6">Check out the codebar 2023 Impact Report</h2>
69+
<div class="flex">
70+
<a href="https://impact-report.codebar.io/" class="white-button-outer" target="_blank">
71+
<div class="white-button">READ IT HERE</div>
72+
</a>
73+
</div>
74+
</div>
75+
</div>
76+
77+
<div class="w-full pt-16 pb-16">
78+
<div class="w-4/5 mx-auto text-center">
79+
<h2 class="text-3xl font-bold mb-4">Meet our partners</h2>
80+
<p class="font-medium">We are excited to partner with some amazing companies <br/> as we champion
81+
diversity and inclusion in the tech space together.</p>
82+
<div class="mt-12 gold-box w-7/12 m-auto">
83+
<div class="bg-gold text-black pt-5 pb-5 font-bold">GOLD SPONSOR</div>
84+
<a href="https://www.contentful.com/" target="_blank"><img src="assets/company-logos/contentful.png" class="p-10" alt="Contentful logo"></a>
85+
</div>
86+
<!--<div class="mt-12 silver-box w-5/12 m-auto">
87+
<div class="bg-silver text-black pt-5 pb-5 font-bold">SILVER SPONSOR</div>
88+
<a href="https://www.jpmorgan.com/technology" target="_blank"><img src="assets/company-logos/jpm_logo.png" class="p-12" alt="J.P.Morgan logo"></a>
89+
</div> -->
90+
<div class="mt-12 bronze-box w-4/12 m-auto">
91+
<div class="bg-bronze text-black pt-5 pb-5 font-bold">BRONZE SPONSOR</div>
92+
<a href="https://www.troweprice.com/" target="_blank"><img src="assets/company-logos/TRP-LOGO.png" class="p-12" alt="T Rowe Price logo"></a>
93+
</div>
94+
<div class="flex w-10/12 mx-auto">
95+
<!-- <div class="mt-12 purple-box w-4/12 m-auto">
96+
<div class="bg-purple text-white pt-5 pb-5 font-bold">VENUE SPONSOR</div>
97+
<a href="https://makers.tech/" target="_blank"><img src="assets/company-logos/makers.png" class="p-10" alt="Makers logo"></a>
98+
</div> -->
99+
<div class="mt-12 dark-red-box w-4/12 m-auto">
100+
<div class="bg-dark-red text-white pt-5 pb-5 font-bold">FOOD SPONSOR</div>
101+
<a href="https://www.alfasystems.com/" target="_blank"><img src="assets/company-logos/alfa.png" class="p-10" alt="Alfa logo"></a>
102+
</div>
103+
<div class="mt-12 dark-green-box w-4/12 m-auto">
104+
<div class="bg-dark-green text-white pt-5 pb-5 font-bold">TRAVEL SPONSOR</div>
105+
<a href="https://www.visa.co.uk/" target="_blank"><img src="assets/company-logos/VISA.png" class="p-10" alt="VISA logo"></a>
106+
</div>
107+
</div>
108+
</div>
109+
</div>
110+
111+
<div class="flex w-full">
112+
<div class="w-6/12">
113+
<img src="assets/uncodebar-speaker-shot.jpg" class="" alt="Pink speech marks">
114+
</div>
115+
<div class="flex w-6/12 bg-dark-blue">
116+
<div class="w-8/12 m-auto">
117+
<h3 class="text-3xl font-bold mb-6 text-white">Join us as a sponsor next year?</h3>
118+
<ul role="list" class="list-disc pl-5">
119+
<li class="font-medium mb-2 text-white">Connect with 1,500 people</li>
120+
<li class="font-medium mb-2 text-white">Exposure to our global community of 25,000+ people</li>
121+
<li class="font-medium mb-2 text-white">Connect with professionals on a global scale</li>
122+
<li class="font-medium mb-2 text-white">Tap into a diverse, well-rounded talent pool</li>
123+
<li class="font-medium mb-2 text-white">Drive digital footfall to your online platforms</li>
124+
<li class="font-medium mb-6 text-white">Effect real, positive change in our industry</li>
125+
</ul>
126+
<p class="font-medium mb-6 text-white">We welcome companies from anywhere in the world who want to be a part of our upcoming festival. If you’re looking to discover fresh, diverse talent in the tech space, support our event, and/or nurture a new generation of coders, drop us an email and let’s explore new ways to work together.</p>
127+
<a href="mailto:hello@codebar.io?subject=Question about codebar Festival 2024" class="white-button-outer">
128+
<div class="white-button">GET IN TOUCH TODAY</div>
129+
</a>
130+
</div>
131+
</div>
132+
</div>
133+
134+
<div class="w-4/5 mx-auto text-center border-cb-pink border-4 p-4 mt-12 mb-12">
135+
<div class="border-cb-pink border-2 p-5">
136+
<div class="w-7/12 m-auto mt-8 mb-8">
137+
<img src="assets/pink-speech-marks.png" class="m-auto w-8" alt="Pink speech marks">
138+
<p class="font-medium mt-10">Sponsoring codebar is by far the most impactful thing that I did during my tenure at Contentful. The price was small compared to the community impact and I would sponsor another codebar event over a commercial conference any day."</p>
139+
<p class="mt-10">-</p>
140+
<p class="font-medium">Alvin Bryan</p>
141+
<p class="font-medium">Developer Advocate</p>
142+
</div>
143+
</div>
144+
</div>
145+
146+
147+
<div class="w-full bg-dark-blue pt-16 pb-16">
148+
<div class="w-4/5 mx-auto">
149+
<h2 class="text-3xl text-white font-bold mb-6">2023 festival recap</h2>
150+
<p class="font-medium mb-6 text-white">Take a look at what went down during codebar Festival last year</p>
151+
<div class="flex">
152+
<p class="text-lg font-medium border-cb-green border-2 text-white pt-4 pb-4 pl-12 pr-12 mr-4 rounded-3xl">1,500 attendees</p>
153+
<p class="text-lg font-medium pt-4 pb-4 pl-12 pr-12 border-cb-pink border-2 rounded-3xl mr-4 text-white">Participants from 20 countries</p>
154+
<p class="text-lg font-medium bg-cb-blue pt-4 pb-4 pl-12 pr-12">15 sessions over 5 days</p>
155+
</div>
156+
<div class="flex mt-5">
157+
<p class="text-lg font-medium bg-cb-green pt-4 pb-4 pl-8 pr-8 mr-4">₤1,500 donated to various charities</p>
158+
<p class="text-lg font-medium bg-cb-pink text-white pt-4 pb-4 pl-12 pr-12 rounded-3xl">2,400 messages exchanged</p>
159+
</div>
160+
</div>
161+
</div>
162+
163+
<div class="w-full pt-48 pb-48 bg-video">
164+
<a href="https://youtube.com/playlist?list=PLfJjhFVOvESJf00CFerJgLWg7jLk561wg&si=BznioaqhL0GYI6T2" target="_blank"><img src="assets/play-button.png" class="w-16 m-auto" alt="Play youtube playlist"></a>
165+
</div>
166+
167+
<div class="w-4/5 mx-auto text-center relative mt-10 ">
168+
<img src="assets/green-circle.png" class="absolute z-0 w-56 green-circle" alt="Play youtube playlist">
169+
<div class="flex">
170+
<div class="w-2/5">
171+
<img src="assets/testimonial-1.png" class="p-8 relative z-10 mt-16" alt="Play youtube playlist">
172+
</div>
173+
<div class="w-3/5">
174+
<img src="assets/testimonial-2.png" class="p-8 relative z-10" alt="Play youtube playlist">
175+
</div>
176+
</div>
177+
<!-- <a href="https://ti.to/codebar/codebar-festival-2024/" class="pink-button-outer mr-8">
178+
<div class="pink-button">GET YOUR TICKET</div>
179+
</a> -->
180+
<a href="schedule.html" class="blue-button-outer mt-10">
181+
<div class="blue-button">CHECK OUT THE SCHEDULE</div>
182+
</a>
183+
<img src="assets/pink-square.png" class="absolute z-0 bottom-0 right-0 w-56 pink-square" alt="Play youtube playlist">
184+
</div>
185+
186+
187+
<footer class="w-full bg-dark-blue mt-16 pt-16 pb-16">
188+
<div class="flex mb-12">
189+
<div class="w-1/4">
190+
<img src="assets/new-festival-logo-light.png" class="w-1/2 m-auto" alt="codebar Festival logo 2023"/>
191+
</div>
192+
<div class="w-1/4 bg-blue">
193+
<p class="text-white">Get in touch</p>
194+
<a href="mailto:hello@codebar.io?subject=Question about codebar Festival 2023" class="text-white hover:underline"><p>hello@codebar.io</p></a>
195+
</div>
196+
<div class="w-1/4">
197+
<ul class="list-none">
198+
<li><a href="https://impact-report.codebar.io/" class="text-white hover:underline">codebar Impact Report</a></li>
199+
<li><a href="https://codebar.io/code-of-conduct" class="text-white hover:underline">Code of Conduct</a></li>
200+
<li><a href="faq.html" class="text-white hover:underline">FAQ</a></li>
201+
<li><a href="https://codebar.io/cookie-policy" class="text-white hover:underline">Cookie Policy</a></li>
202+
<li><a href="https://codebar.io/privacy-policy" class="text-white hover:underline">Privacy Policy</a></li>
203+
<li><a href="mailto:hello@codebar.io?subject=Question about codebar Festival 2022" class="text-white">Contact</a></li>
204+
<li><a href="festival-2022.html" class="text-white hover:underline">codebar Festival 2022</a></li>
205+
<li><a href="festival-2023.html" class="text-white hover:underline">codebar Festival 2023</a></li>
206+
</ul>
207+
</div>
208+
<div class="w-1/4">
209+
<div class="flex">
210+
<a href="https://www.youtube.com/channel/UCEYz232agE47GHUq8wneBCA" target="_blank" class="mr-1">
211+
<img src="assets/social-icons/2024/youtube.svg" alt="Subscribe to our YouTube channel" class="w-10">
212+
</a>
213+
<a href="https://www.instagram.com/codebarhq/" target="_blank" class="mr-1">
214+
<img src="assets/social-icons/2024/instagram.svg" alt="Follow us on Instagram" class="w-10">
215+
</a>
216+
<a href="https://www.youtube.com/channel/UCEYz232agE47GHUq8wneBCA" target="_blank" class="mr-1">
217+
<img src="assets/social-icons/2024/linkedin.svg" alt="Follow our LinkedIn page" class="w-10">
218+
</a>
219+
<a href="https://twitter.com/codebar" target="_blank" class="mr-1">
220+
<img src="assets/social-icons/2024/twitter.svg" alt="Follow us on Twitter" class="w-10"/>
221+
</a>
222+
223+
<a href="https://www.facebook.com/codebarHQ" target="_blank" class="mr-1">
224+
<img src="assets/social-icons/2024/facebook.svg" alt="Like our Facebook page" class="w-10">
225+
</a>
226+
</div>
227+
</div>
228+
</div>
229+
<p class="text-xs text-white text-center festival-cream">All rights reserved to codebar Charity. Registered UK and Wales charity number 1187776.</p>
230+
</footer>
231+
</body>
232+
</html>

0 commit comments

Comments
 (0)