Skip to content

Thank you for Attending section #1579

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Sep 26, 2023
Merged

Thank you for Attending section #1579

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
4ed4913
Thank you for Attending!
TuvalSimha Sep 26, 2023
9ed2f73
clean
TuvalSimha Sep 26, 2023
cd7d42f
oops
TuvalSimha Sep 26, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 9 additions & 9 deletions src/components/Conf/Gallery/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,58 +15,58 @@ const GalleryConf = () => {
</h2>
<div className="flex flex-wrap md:-m-2 -m-1">
<div className="flex flex-wrap w-1/2">
<div className="md:p-2 p-1 w-1/2 hover:opacity-50 cursor-pointer">
<div className="md:p-2 p-1 w-1/2 hover:opacity-50">
<img
alt="gallery"
className="w-full object-cover h-full object-center block"
src={`/img/conf/Gallery/${randomArrayImages[0]}.jpg`}
/>
</div>
<div className="md:p-2 p-1 w-1/2 hover:opacity-50 cursor-pointer">
<div className="md:p-2 p-1 w-1/2 hover:opacity-50">
<img
alt="gallery"
className="w-full object-cover h-full object-center block"
src={`/img/conf/Gallery/${randomArrayImages[1]}.jpg`}
/>
</div>
<div className="md:p-2 p-1 w-full hover:opacity-50 cursor-pointer">
<div className="md:p-2 p-1 w-full hover:opacity-50">
<img
alt="gallery"
className="w-full h-full object-cover object-center block"
src={`/img/conf/Gallery/${randomArrayImages[2]}.jpg`}
/>
</div>
<div className="md:p-2 p-1 w-1/2 hover:opacity-50 cursor-pointer">
<div className="md:p-2 p-1 w-1/2 hover:opacity-50">
<img
alt="gallery"
className="w-full h-full object-cover object-center block"
src={`/img/conf/Gallery/${randomArrayImages[3]}.jpg`}
/>
</div>
<div className="md:p-2 p-1 w-1/2 hover:opacity-50 cursor-pointer">
<div className="md:p-2 p-1 w-1/2 hover:opacity-50">
<img
alt="gallery"
className="w-full h-full object-cover object-center block"
src={`/img/conf/Gallery/${randomArrayImages[4]}.jpg`}
/>
</div>
</div>
<div className="flex flex-wrap w-1/2 hover:opacity-50 cursor-pointer">
<div className="md:p-2 p-1 w-full">
<div className="flex flex-wrap w-1/2">
<div className="md:p-2 p-1 w-full hover:opacity-50">
<img
alt="gallery"
className="w-full h-full object-cover object-center block"
src={`/img/conf/Gallery/${randomArrayImages[5]}.jpg`}
/>
</div>
<div className="md:p-2 p-1 w-1/2 hover:opacity-50 cursor-pointer">
<div className="md:p-2 p-1 w-1/2 hover:opacity-50">
<img
alt="gallery"
className="w-full object-cover h-full object-center block"
src={`/img/conf/Gallery/${randomArrayImages[6]}.jpg`}
/>
</div>
<div className="md:p-2 p-1 w-1/2 hover:opacity-50 cursor-pointer">
<div className="md:p-2 p-1 w-1/2 hover:opacity-50">
<img
alt="gallery"
className="w-full object-cover h-full object-center block"
Expand Down
105 changes: 31 additions & 74 deletions src/components/Conf/Thanks/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,84 +1,41 @@
import React from "react"
import ButtonConf from "../Button"

const ThanksConf: React.FC = () => {
return (
<div className="bg-white mb-5">
<div className="container px-3 py-6 mx-auto">
<h1 className="text-center text-4xl text-[#171E26] mb-10 font-bold">
Thank you for Attending!
</h1>
<h2 className="text-center text-lg mt-2 mb-10">
Thank you to all who joined us for GraphQLConf 2023! We look forward
to seeing you at future events
</h2>
<div className="flex flex-wrap ">
<div className="p-4 md:w-1/2 w-full rounded-2xl">
<div className="h-full bg-gray-100 p-8 rounded">
<svg width="50" height="50" viewBox="0 0 24 24" fill="none">
<path
d="M22 8L16 12L22 16V8Z"
stroke="#f827a3"
stroke-width="1"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
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"
stroke="#f827a3"
stroke-width="1"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<p>
To experience the best of this year’s event, be sure to watch
session recordings, available on the{" "}
<a href="https://www.youtube.com/@GraphQLFoundation">
GraphQL Foundation YouTube Channel.
</a>
</p>
</div>
</div>
<div className="p-4 md:w-1/2 w-full rounded-2xl">
<div className="h-full bg-gray-100 p-8 rounded">
<svg
width="50"
height="50"
viewBox="0 0 50 50"
fill="none"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<rect width="50" height="50" fill="url(#pattern0)" />
<defs>
<pattern
id="pattern0"
patternContentUnits="objectBoundingBox"
width="1"
height="1"
>
<use xlinkHref="#image0_45_8" transform="scale(0.02)" />
</pattern>
<image
id="image0_45_8"
width="50"
height="50"
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="
/>
</defs>
</svg>

<p>
Review session slides from speakers who provided them via the{" "}
<a href="https://graphqlconf23.sched.com/overview/area/Yes">
event schedule.
</a>
</p>
</div>
<section className="text-gray-600 mt-8">
<h1 className="text-center text-4xl text-white mb-10 font-bold">
Thank you for Attending!
</h1>
<div className="container mx-auto flex md:flex-row flex-col items-center align-middle justify-center ">
<div className="lg:max-w-lg lg:w-full md:w-1/2 w-5/6">
<img
alt="gallery"
className="w-full h-full rounded-full object-cover object-center block"
src={`/img/conf/Gallery/7.jpg`}
/>
</div>
<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">
<p className="mb-8 leading-relaxed text-white font-medium">
Thank you to all who joined us for <a>GraphQLConf 2023!</a> We look
forward to seeing you at future events.
<br />
<br />
To experience the best of this year's event, be sure to watch
session recordings and slides from speakers, available on the event
schedule for each talk.
</p>
<div className="flex justify-center">
<ButtonConf
className="inline-flex text-white border-0 py-2 px-6 focus:outline-none rounded text-lg"
href="/conf/schedule/"
>
Explore recordings and slides
</ButtonConf>
</div>
</div>
</div>
</div>
</section>
)
}

Expand Down