Skip to content

Commit 936f461

Browse files
author
Klara
committed
updated bcn microsite
1 parent e9068c0 commit 936f461

2 files changed

Lines changed: 109 additions & 49 deletions

File tree

‎barcelona.html‎

Lines changed: 22 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<head>
55
<meta charset="UTF-8" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<title>uncodebar Barcelona 2023</title>
7+
<title>uncodebar Barcelona 2024!</title>
88
<!-- Favicon -->
99
<link rel="icon" type="image/png" href="./images/uncodebar-logo.png">
1010

@@ -19,14 +19,14 @@
1919
<!-- twitter -->
2020
<meta name="twitter:card" content="summary_large_image" />
2121
<meta name="twitter:site" content="@codebar" />
22-
<meta name="twitter:title" content="uncodebar Barcelona 2023 | Saturday 11th November" />
22+
<meta name="twitter:title" content="uncodebar Barcelona 2024 | Saturday 9th November" />
2323
<meta name="twitter:description"
2424
content="uncodebar is codebar's annual unconference. It's a day where our community comes together, shares knowledge, and strengthens the community that supports our workshops." />
2525
<meta name="twitter:image" content="./images/social-banner.png" />
2626

2727
<!-- fb, linkedin, etc -->
2828
<meta property="og:type" content="article" />
29-
<meta property="og:title" content="uncodebar Barcelona 2023 | Saturday 11th November" />
29+
<meta property="og:title" content="uncodebar Barcelona 2023 | Saturday 9th November" />
3030
<meta property="og:description"
3131
content="uncodebar is codebar's annual unconference. It's a day where our community comes together, shares knowledge, and strengthens the community that supports our workshops." />
3232
<meta property="og:url" content="https://uncodebar.com/barcelona" />
@@ -90,11 +90,11 @@
9090
class="z-10 hidden font-normal bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700 dark:divide-gray-600">
9191
<ul class="py-2 text-sm text-gray-700 dark:text-gray-400" aria-labelledby="dropdownLargeButton">
9292
<li>
93-
<a href="./index.html"
93+
<a href="./london.html"
9494
class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">London</a>
9595
</li>
9696
<li>
97-
<a href="./barcelona.html"
97+
<a href="./index.html"
9898
class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Barcelona</a>
9999
</li>
100100
<li>
@@ -128,10 +128,10 @@
128128
<span class="font-semibold text-xs lg:text-lg">&#8964;</span>
129129
</div>
130130
<div class="flex flex-col gap-5">
131-
<h1 class="lg:text-5xl text-2xl font-semibold">uncodebar Barcelona 2023</h1>
132-
<h2 class="lg:text-2xl text-xl">Saturday 11th November | 10:30 - 17:00 CEST</h2>
131+
<h1 class="lg:text-5xl text-2xl font-semibold">uncodebar Barcelona 2024!</h1>
132+
<h2 class="lg:text-2xl text-xl">Saturday 9th November | 10:30 - 17:00 CEST</h2>
133133
</div>
134-
<p class="lg:text-lg text-sm font-semibold">We are so excited to be bringing uncodebar to Barcelona. Uncodebar
134+
<p class="lg:text-lg text-sm font-semibold">We are so excited to be bringing for the <span class=" text-violet-50">second time around </span>, uncodebar to Barcelona. Uncodebar
135135
is our one-day unconference that encourages the codebar community to come together, share knowledge, and
136136
strengthen the community that supports our workshops.</p>
137137
<a href="https://ti.to/codebar/uncodebar-barcelona"
@@ -188,9 +188,9 @@ <h2>The event</h2>
188188
<div class="flex flex-col gap-2">
189189
<h3 class="lg:text-3xl text-xl ">Venue</h3>
190190
<address class="mb-2">
191-
<p class="lg:text-xl text-sm">Codeop</p>
192-
<p class="lg:text-xl text-sm">C/ d'en Grassot, 101,</p>
193-
<p class="lg:text-xl text-sm">08025 Barcelona</p>
191+
<p class="lg:text-xl text-sm">TravelPerk</p>
192+
<p class="lg:text-xl text-sm">C/ dels Almogàvers, 160</p>
193+
<p class="lg:text-xl text-sm">08018, Sant Martí, Barcelona</p>
194194
</address>
195195
<p class="lg:text-xl text-sm">
196196
Timing:
@@ -201,7 +201,7 @@ <h3 class="lg:text-3xl text-xl ">Venue</h3>
201201
<div class="flex flex-col gap-2">
202202
<h3 class="lg:text-3xl text-xl">Accesibility information</h3>
203203
<p class="lg:text-xl text-sm">
204-
Codeop is fully wheelchair accesible.
204+
TravelPerk is fully wheelchair accesible.
205205
</p>
206206
</div>
207207

@@ -253,18 +253,21 @@ <h2 class="lg:text-5xl text-2xl font-semibold">uncodebar highlights</h2>
253253
<section id="sponsor" class="lg:p-20 p-10">
254254
<div class="flex flex-wrap">
255255

256+
<div class="md:w-1/4"></div>
257+
256258
<div class="md:w-2/4 flex w-screen flex-col lg:p-20 p-10 items-center">
257-
<img class="pb-5 max-h-28" src="images/contentful.png" alt="a logo of contentful">
258-
<p class="text-center text-lg max-w-md font-semibold mb-10">More than a headless CMS, Contentful is the
259-
API-first composable content platform to create, manage and publish content on any digital channel.</p>
260-
<a href="https://www.contentful.com/" class="bg-gradient-to-tr from-button_blue to-button_blue_ py-5 px-9 rounded-full text-white" target="_blank">FIND OUT MORE</a>
259+
<img class="pb-5 max-h-28" src="images/travelperk-logo.jpeg" alt="a logo of TravelPerk">
260+
<p class="text-center text-lg max-w-md font-semibold mb-10">Simpler, smarter business travel
261+
Book, organize and control your business travel, all in one place. For faster admin, better decision-making and smarter spending.</p>
262+
<a href="https://www.travelperk.com/" class="bg-gradient-to-tr from-button_blue to-button_blue_ py-5 px-9 rounded-full text-white" target="_blank">FIND OUT MORE</a>
261263
</div>
262264

263-
<div class="md:w-2/4 flex w-screen flex-col lg:p-20 p-10 items-center">
265+
<div class="md:w-1/4"></div>
266+
<!-- <div class="md:w-2/4 flex w-screen flex-col lg:p-20 p-10 items-center">
264267
<img class="pb-5 max-h-28" src="images/qlik-logo.png" alt="a logo of Qlik">
265268
<p class="text-center text-lg max-w-md font-semibold mb-10">Qlik delivers a data fabric and next-level insights with its end-to-end data integration, data quality, & analytics solutions.</p>
266269
<a href="https://www.qlik.com/us/" class="bg-gradient-to-tr from-button_blue to-button_blue_ py-5 px-9 rounded-full text-white" target="_blank">FIND OUT MORE</a>
267-
</div>
270+
</div> -->
268271

269272
</div>
270273
</section>
@@ -533,7 +536,7 @@ <h3>Follow us</h3>
533536

534537
<div class="flex flex-col gap-5 text-lg lg:text-xl text-slate-100">
535538
<h3>Get in touch</h3>
536-
<p><a href="mailto:hello@codebar.io">hello@codebar.io</a></p>
539+
<p><a href="mailto:hello@codebar.io">barcelona@codebar.io</a></p>
537540
</div>
538541
</div>
539542

‎css/output.css‎

Lines changed: 87 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -554,10 +554,6 @@ video {
554554
position: static;
555555
}
556556

557-
.fixed {
558-
position: fixed;
559-
}
560-
561557
.absolute {
562558
position: absolute;
563559
}
@@ -566,10 +562,6 @@ video {
566562
position: relative;
567563
}
568564

569-
.top-0 {
570-
top: 0px;
571-
}
572-
573565
.top-40 {
574566
top: 10rem;
575567
}
@@ -578,10 +570,6 @@ video {
578570
z-index: 10;
579571
}
580572

581-
.z-50 {
582-
z-index: 50;
583-
}
584-
585573
.-m-5 {
586574
margin: -1.25rem;
587575
}
@@ -590,6 +578,10 @@ video {
590578
margin: 0px;
591579
}
592580

581+
.m-auto {
582+
margin: auto;
583+
}
584+
593585
.mx-auto {
594586
margin-left: auto;
595587
margin-right: auto;
@@ -607,10 +599,22 @@ video {
607599
margin-bottom: 2.5rem;
608600
}
609601

602+
.mb-12 {
603+
margin-bottom: 3rem;
604+
}
605+
610606
.mb-2 {
611607
margin-bottom: 0.5rem;
612608
}
613609

610+
.mb-4 {
611+
margin-bottom: 1rem;
612+
}
613+
614+
.mb-6 {
615+
margin-bottom: 1.5rem;
616+
}
617+
614618
.ml-2 {
615619
margin-left: 0.5rem;
616620
}
@@ -627,16 +631,12 @@ video {
627631
margin-top: 2.5rem;
628632
}
629633

630-
.mt-4 {
631-
margin-top: 1rem;
632-
}
633-
634-
.mt-\[138px\] {
635-
margin-top: 138px;
634+
.mt-12 {
635+
margin-top: 3rem;
636636
}
637637

638-
.mt-\[90px\] {
639-
margin-top: 90px;
638+
.mt-4 {
639+
margin-top: 1rem;
640640
}
641641

642642
.box-border {
@@ -695,6 +695,10 @@ video {
695695
height: 100%;
696696
}
697697

698+
.max-h-28 {
699+
max-height: 7rem;
700+
}
701+
698702
.w-10 {
699703
width: 2.5rem;
700704
}
@@ -715,6 +719,10 @@ video {
715719
width: 0.75rem;
716720
}
717721

722+
.w-3\/12 {
723+
width: 25%;
724+
}
725+
718726
.w-40 {
719727
width: 10rem;
720728
}
@@ -727,8 +735,16 @@ video {
727735
width: 1.25rem;
728736
}
729737

730-
.w-auto {
731-
width: auto;
738+
.w-52 {
739+
width: 13rem;
740+
}
741+
742+
.w-6\/12 {
743+
width: 50%;
744+
}
745+
746+
.w-8\/12 {
747+
width: 66.666667%;
732748
}
733749

734750
.w-full {
@@ -770,10 +786,6 @@ video {
770786
max-width: 1280px;
771787
}
772788

773-
.max-w-xl {
774-
max-width: 36rem;
775-
}
776-
777789
.shrink-0 {
778790
flex-shrink: 0;
779791
}
@@ -788,6 +800,10 @@ video {
788800
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
789801
}
790802

803+
.list-disc {
804+
list-style-type: disc;
805+
}
806+
791807
.flex-col {
792808
flex-direction: column;
793809
}
@@ -960,10 +976,6 @@ video {
960976
padding: 1.25rem;
961977
}
962978

963-
.p-8 {
964-
padding: 2rem;
965-
}
966-
967979
.px-10 {
968980
padding-left: 2.5rem;
969981
padding-right: 2.5rem;
@@ -989,6 +1001,10 @@ video {
9891001
padding-bottom: 1.25rem;
9901002
}
9911003

1004+
.pb-10 {
1005+
padding-bottom: 2.5rem;
1006+
}
1007+
9921008
.pb-5 {
9931009
padding-bottom: 1.25rem;
9941010
}
@@ -1001,6 +1017,10 @@ video {
10011017
padding-left: 0.75rem;
10021018
}
10031019

1020+
.pl-5 {
1021+
padding-left: 1.25rem;
1022+
}
1023+
10041024
.pr-4 {
10051025
padding-right: 1rem;
10061026
}
@@ -1017,6 +1037,10 @@ video {
10171037
padding-top: 5rem;
10181038
}
10191039

1040+
.pt-5 {
1041+
padding-top: 1.25rem;
1042+
}
1043+
10201044
.text-left {
10211045
text-align: left;
10221046
}
@@ -1059,6 +1083,10 @@ video {
10591083
line-height: 1rem;
10601084
}
10611085

1086+
.font-bold {
1087+
font-weight: 700;
1088+
}
1089+
10621090
.font-medium {
10631091
font-weight: 500;
10641092
}
@@ -1075,6 +1103,11 @@ video {
10751103
text-transform: uppercase;
10761104
}
10771105

1106+
.text-black {
1107+
--tw-text-opacity: 1;
1108+
color: rgb(0 0 0 / var(--tw-text-opacity));
1109+
}
1110+
10781111
.text-blue-300 {
10791112
--tw-text-opacity: 1;
10801113
color: rgb(147 197 253 / var(--tw-text-opacity));
@@ -1153,6 +1186,14 @@ video {
11531186
background-color: #74fad0;
11541187
}
11551188

1189+
.bg-gold {
1190+
background-color: #FFD700;
1191+
}
1192+
1193+
.bg-dark-green {
1194+
background-color: #4C9A2A;
1195+
}
1196+
11561197
.bg-gray-50 {
11571198
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
11581199
--tw-bg-opacity: 1;
@@ -1188,6 +1229,14 @@ html {
11881229
scroll-behavior: smooth;
11891230
}
11901231

1232+
.gold-box {
1233+
border: 2px solid #FFD700;
1234+
}
1235+
1236+
.dark-green-box {
1237+
border: 2px solid #4C9A2A;
1238+
}
1239+
11911240
/* Add this CSS for visually hidden content */
11921241

11931242
.visually-hidden {
@@ -1422,10 +1471,18 @@ html {
14221471
padding: 0.75rem;
14231472
}
14241473

1474+
.md\:pb-0 {
1475+
padding-bottom: 0px;
1476+
}
1477+
14251478
.md\:pl-20 {
14261479
padding-left: 5rem;
14271480
}
14281481

1482+
.md\:pt-0 {
1483+
padding-top: 0px;
1484+
}
1485+
14291486
.md\:hover\:bg-transparent:hover {
14301487
background-color: transparent;
14311488
}

0 commit comments

Comments
 (0)