Skip to content

Commit af22dc0

Browse files
TuvalSimhaTuvalSimha
authored
Thank you for Attending section (graphql#1579)
1 parent 4ef07df commit af22dc0

File tree

2 files changed

+40
-83
lines changed

2 files changed

+40
-83
lines changed

‎src/components/Conf/Gallery/index.tsx

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -15,58 +15,58 @@ const GalleryConf = () => {
1515
</h2>
1616
<div className="flex flex-wrap md:-m-2 -m-1">
1717
<div className="flex flex-wrap w-1/2">
18-
<div className="md:p-2 p-1 w-1/2 hover:opacity-50 cursor-pointer">
18+
<div className="md:p-2 p-1 w-1/2 hover:opacity-50">
1919
<img
2020
alt="gallery"
2121
className="w-full object-cover h-full object-center block"
2222
src={`/img/conf/Gallery/${randomArrayImages[0]}.jpg`}
2323
/>
2424
</div>
25-
<div className="md:p-2 p-1 w-1/2 hover:opacity-50 cursor-pointer">
25+
<div className="md:p-2 p-1 w-1/2 hover:opacity-50">
2626
<img
2727
alt="gallery"
2828
className="w-full object-cover h-full object-center block"
2929
src={`/img/conf/Gallery/${randomArrayImages[1]}.jpg`}
3030
/>
3131
</div>
32-
<div className="md:p-2 p-1 w-full hover:opacity-50 cursor-pointer">
32+
<div className="md:p-2 p-1 w-full hover:opacity-50">
3333
<img
3434
alt="gallery"
3535
className="w-full h-full object-cover object-center block"
3636
src={`/img/conf/Gallery/${randomArrayImages[2]}.jpg`}
3737
/>
3838
</div>
39-
<div className="md:p-2 p-1 w-1/2 hover:opacity-50 cursor-pointer">
39+
<div className="md:p-2 p-1 w-1/2 hover:opacity-50">
4040
<img
4141
alt="gallery"
4242
className="w-full h-full object-cover object-center block"
4343
src={`/img/conf/Gallery/${randomArrayImages[3]}.jpg`}
4444
/>
4545
</div>
46-
<div className="md:p-2 p-1 w-1/2 hover:opacity-50 cursor-pointer">
46+
<div className="md:p-2 p-1 w-1/2 hover:opacity-50">
4747
<img
4848
alt="gallery"
4949
className="w-full h-full object-cover object-center block"
5050
src={`/img/conf/Gallery/${randomArrayImages[4]}.jpg`}
5151
/>
5252
</div>
5353
</div>
54-
<div className="flex flex-wrap w-1/2 hover:opacity-50 cursor-pointer">
55-
<div className="md:p-2 p-1 w-full">
54+
<div className="flex flex-wrap w-1/2">
55+
<div className="md:p-2 p-1 w-full hover:opacity-50">
5656
<img
5757
alt="gallery"
5858
className="w-full h-full object-cover object-center block"
5959
src={`/img/conf/Gallery/${randomArrayImages[5]}.jpg`}
6060
/>
6161
</div>
62-
<div className="md:p-2 p-1 w-1/2 hover:opacity-50 cursor-pointer">
62+
<div className="md:p-2 p-1 w-1/2 hover:opacity-50">
6363
<img
6464
alt="gallery"
6565
className="w-full object-cover h-full object-center block"
6666
src={`/img/conf/Gallery/${randomArrayImages[6]}.jpg`}
6767
/>
6868
</div>
69-
<div className="md:p-2 p-1 w-1/2 hover:opacity-50 cursor-pointer">
69+
<div className="md:p-2 p-1 w-1/2 hover:opacity-50">
7070
<img
7171
alt="gallery"
7272
className="w-full object-cover h-full object-center block"

‎src/components/Conf/Thanks/index.tsx

Lines changed: 31 additions & 74 deletions
Original file line numberDiff line numberDiff line change
@@ -1,84 +1,41 @@
11
import React from "react"
2+
import ButtonConf from "../Button"
23

34
const ThanksConf: React.FC = () => {
45
return (
5-
<div className="bg-white mb-5">
6-
<div className="container px-3 py-6 mx-auto">
7-
<h1 className="text-center text-4xl text-[#171E26] mb-10 font-bold">
8-
Thank you for Attending!
9-
</h1>
10-
<h2 className="text-center text-lg mt-2 mb-10">
11-
Thank you to all who joined us for GraphQLConf 2023! We look forward
12-
to seeing you at future events
13-
</h2>
14-
<div className="flex flex-wrap ">
15-
<div className="p-4 md:w-1/2 w-full rounded-2xl">
16-
<div className="h-full bg-gray-100 p-8 rounded">
17-
<svg width="50" height="50" viewBox="0 0 24 24" fill="none">
18-
<path
19-
d="M22 8L16 12L22 16V8Z"
20-
stroke="#f827a3"
21-
stroke-width="1"
22-
stroke-linecap="round"
23-
stroke-linejoin="round"
24-
/>
25-
<path
26-
d="M14 6H4C2.89543 6 2 6.89543 2 8V16C2 17.1046 2.89543 18 4 18H14C15.1046 18 16 17.1046 16 16V8C16 6.89543 15.1046 6 14 6Z"
27-
stroke="#f827a3"
28-
stroke-width="1"
29-
stroke-linecap="round"
30-
stroke-linejoin="round"
31-
/>
32-
</svg>
33-
<p>
34-
To experience the best of this year’s event, be sure to watch
35-
session recordings, available on the{" "}
36-
<a href="https://www.youtube.com/@GraphQLFoundation">
37-
GraphQL Foundation YouTube Channel.
38-
</a>
39-
</p>
40-
</div>
41-
</div>
42-
<div className="p-4 md:w-1/2 w-full rounded-2xl">
43-
<div className="h-full bg-gray-100 p-8 rounded">
44-
<svg
45-
width="50"
46-
height="50"
47-
viewBox="0 0 50 50"
48-
fill="none"
49-
xmlns="http://www.w3.org/2000/svg"
50-
xmlnsXlink="http://www.w3.org/1999/xlink"
51-
>
52-
<rect width="50" height="50" fill="url(#pattern0)" />
53-
<defs>
54-
<pattern
55-
id="pattern0"
56-
patternContentUnits="objectBoundingBox"
57-
width="1"
58-
height="1"
59-
>
60-
<use xlinkHref="#image0_45_8" transform="scale(0.02)" />
61-
</pattern>
62-
<image
63-
id="image0_45_8"
64-
width="50"
65-
height="50"
66-
xlinkHref="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAACMElEQVR4nO2Zv0scQRTHpzCmScQmAbUIyN2849qUFlbpYyWkjijR5L8Iol1KIUF977C4PyIBD6PCKZZWRsKlsTx/zLOaMOucXM5Vdu/mcjM4Xxg4ZmeO9+E77+3bXSGiPBVL/M5AOrBRuwsy+KC6GveCiEDEjwaEAxsiBaQ26KA498Dt/JZ5Is4aXwT5T+LoiGfi6EiOXk1JumCJu6qES7pcHRYhOsIdNV4BHV7C1ni3AQ8cREl6zxL/3PzGA9fOsCsQXfjyVAF9ZKC95CjZVrp9n3GiDWYx2VeuPmOJp7226ewC5LK4MaGAjtL6nc59qliZS+Yk7nYPgtvOQawTFgJ/K6D5NJA7uSKpKRyKewVhwE/22kkriTtAarkbu0GAKMB9M38tK7O5/9QrEInnZr5Z+Paic22WJPUm2ZWkppnX8PV529pa1rzwJtkZaM9Wobf37VWwuXCzhn6KPol7dqSES/a+cKxfrY+mlWYGalhHPjiM3XH5LVeHTdvRguEizegCjZxP4strqLxjSb/stbp+vfZE9Ens5IYIW+MtmPTcwPpFicbS9nqT7P84I3HR5IGpZEk1k7RjjtNDTniT7L6II4hn4uiIZ+LoiGfi6EjojrDnQ2QACeA7CTp9fM4k31uexwOip38MKaCV2xYfaMXMidCkJK6mPK+sitDEQGdJ8CV8cyUrUxbmTIQmtu9+DUQbSEOEJgW4nHK0PovQpJOXFbhsnWkYiH59/IkSHuovyCnYiMTNoH0AAAAASUVORK5CYII="
67-
/>
68-
</defs>
69-
</svg>
70-
71-
<p>
72-
Review session slides from speakers who provided them via the{" "}
73-
<a href="https://graphqlconf23.sched.com/overview/area/Yes">
74-
event schedule.
75-
</a>
76-
</p>
77-
</div>
6+
<section className="text-gray-600 mt-8">
7+
<h1 className="text-center text-4xl text-white mb-10 font-bold">
8+
Thank you for Attending!
9+
</h1>
10+
<div className="container mx-auto flex md:flex-row flex-col items-center align-middle justify-center ">
11+
<div className="lg:max-w-lg lg:w-full md:w-1/2 w-5/6">
12+
<img
13+
alt="gallery"
14+
className="w-full h-full rounded-full object-cover object-center block"
15+
src={`/img/conf/Gallery/7.jpg`}
16+
/>
17+
</div>
18+
<div className="md:w-1/2 lg:pl-24 md:pl-16 flex flex-col md:items-start md:text-left items-center text-center">
19+
<p className="mb-8 leading-relaxed text-white font-medium">
20+
Thank you to all who joined us for <a>GraphQLConf 2023!</a> We look
21+
forward to seeing you at future events.
22+
<br />
23+
<br />
24+
To experience the best of this year's event, be sure to watch
25+
session recordings and slides from speakers, available on the event
26+
schedule for each talk.
27+
</p>
28+
<div className="flex justify-center">
29+
<ButtonConf
30+
className="inline-flex text-white border-0 py-2 px-6 focus:outline-none rounded text-lg"
31+
href="/conf/schedule/"
32+
>
33+
Explore recordings and slides
34+
</ButtonConf>
7835
</div>
7936
</div>
8037
</div>
81-
</div>
38+
</section>
8239
)
8340
}
8441

0 commit comments

Comments
 (0)