11import { FC } from "react" ;
22import { Color } from "../../styles/colors" ;
3- import styled from "styled-components" ;
3+ import { styled } from "styled-components" ;
44import { BIG_BREAKPOINT } from "../../constants/BreakPoints" ;
55
66const PrePartyImg = styled . img `
7- {
7+ {
88 width: 20vw;
99 border-radius: 3%;
1010 margin: 0.3rem;
1111 padding: 0.2rem;
1212 border: 1px solid ${ Color . DARK_BLUE } ;
1313 transition: 0.5s linear;
14- }
14+ }
1515
1616 &:hover {
1717 filter: brightness(1.2);
1818 }
1919` ;
2020
2121const PartyImg = styled . img `
22- {
22+ {
2323 width: 20vw;
2424 border-radius: 3%;
2525 margin: 0.3rem;
2626 padding: 0.2rem;
2727 border: 1px solid ${ Color . SKY_BLUE } ;
28- }
28+ }
2929
3030 &:hover {
3131 filter: brightness(1.2);
@@ -43,10 +43,10 @@ const MobileSection = styled.section`
4343` ;
4444
4545const PrePartySection = styled . section `
46- {
46+ {
4747 background-color: ${ Color . LIGHT_BLUE } ;
4848 padding: 50px 100px 20px;
49- }
49+ }
5050` ;
5151
5252const NetworkingPartySection = styled . section `
@@ -66,15 +66,15 @@ const AttendeeInformation2023: FC<React.PropsWithChildren<unknown>> = () => {
6666 Attendee information
6767 </ h1 >
6868 < p style = { { margin : "20px" } } >
69- Here' s some important information to get the most of your attendance to
70- DevBcn 2023.
69+ Here' s some important information to get the most of your attendance
70+ to DevBcn 2023.
7171 </ p >
7272 < PrePartySection id = "pre-party" >
7373 < SectionWrapper >
7474 < h2 style = { { color : Color . DARK_BLUE } } > Pre-Party</ h2 >
7575 < p style = { { textAlign : "justify" , margin : "15px" } } >
76- We believe that learning and enjoyment go hand in hand. That's why
77- we have organized a pre-party session sponsored by{ " " }
76+ We believe that learning and enjoyment go hand in hand. That's
77+ why we have organized a pre-party session sponsored by{ " " }
7878 < a
7979 target = "_blank"
8080 rel = "noreferrer noopener"
@@ -86,9 +86,9 @@ const AttendeeInformation2023: FC<React.PropsWithChildren<unknown>> = () => {
8686 < strong > Monday, July 3rd from 19:00 to 20:00</ strong > . During this
8787 time, you can unwind, socialize, and have a great time with fellow
8888 participants. Indulge in tasty snacks and beverages while engaging
89- in friendly games of air hockey and table football. It' s a fantastic
90- opportunity to network, relax, and set the tone for the upcoming
91- conference. We can' t wait to see you there!
89+ in friendly games of air hockey and table football. It' s a
90+ fantastic opportunity to network, relax, and set the tone for the
91+ upcoming conference. We can' t wait to see you there!
9292 </ p >
9393 < p >
9494 < PrePartyImg
@@ -137,19 +137,27 @@ const AttendeeInformation2023: FC<React.PropsWithChildren<unknown>> = () => {
137137 < SectionWrapper >
138138 < h2 style = { { color : Color . SKY_BLUE } } > Networking Party</ h2 >
139139 < p
140- style = { { color : Color . WHITE , margin : "20px" , textAlign : "justify" } }
140+ style = { {
141+ color : Color . WHITE ,
142+ margin : "20px" ,
143+ textAlign : "justify" ,
144+ } }
141145 >
142- Only for a selected audience, we' ll deliver a networking party with
143- dinner, orchestra, and Karaoke. These tickets will be distributed
144- among the sponsors, and they are they only ones who can provide you
145- one, so make sure to contact them at their booth or through the
146- mobile app throughout the day to get one. They will organize
147- constests and raffles, so make sure to participate in them all to
148- increase your chance of attending.
146+ Only for a selected audience, we' ll deliver a networking party
147+ with dinner, orchestra, and Karaoke. These tickets will be
148+ distributed among the sponsors, and they are they only ones who can
149+ provide you one, so make sure to contact them at their booth or
150+ through the mobile app throughout the day to get one. They will
151+ organize constests and raffles, so make sure to participate in them
152+ all to increase your chance of attending.
149153 </ p >
150154 < PartyImg src = "/images/party/entry-pass.png" alt = "party" />
151155 < p
152- style = { { color : Color . WHITE , margin : "20px" , textAlign : "center" } }
156+ style = { {
157+ color : Color . WHITE ,
158+ margin : "20px" ,
159+ textAlign : "center" ,
160+ } }
153161 >
154162 < strong > Monday, July 3rd from 20:00 to 22:00</ strong >
155163 </ p >
@@ -204,7 +212,13 @@ const AttendeeInformation2023: FC<React.PropsWithChildren<unknown>> = () => {
204212 < p >
205213 Get the most out of the app and have a more productive experience!
206214 </ p >
207- < div style = { { textAlign : "left" , fontSize : "14px" , clear : "both" } } >
215+ < div
216+ style = { {
217+ textAlign : "left" ,
218+ fontSize : "14px" ,
219+ clear : "both,
220+ } }
221+ >
208222 { " " }
209223 < div style = { { clear : "both" } } >
210224 { " " }
0 commit comments