From bff1f9df33dc03df2f9fa62844725d8480f023e5 Mon Sep 17 00:00:00 2001 From: Dimitri POSTOLOV Date: Mon, 3 Apr 2023 15:58:02 +0200 Subject: [PATCH 1/2] fixes --- src/components/Conf/SocialIcons/index.tsx | 55 ++++++----------------- static/img/logos/discord.svg | 11 ++++- 2 files changed, 23 insertions(+), 43 deletions(-) diff --git a/src/components/Conf/SocialIcons/index.tsx b/src/components/Conf/SocialIcons/index.tsx index 8c2bfaca66..d31091706e 100644 --- a/src/components/Conf/SocialIcons/index.tsx +++ b/src/components/Conf/SocialIcons/index.tsx @@ -1,64 +1,35 @@ import React from "react" +import { ReactComponent as GitHubIcon } from "../../../../static/img/logos/github.svg" +import { ReactComponent as DiscordIcon } from "../../../../static/img/logos/discord.svg" +import { ReactComponent as TwitterIcon } from "../../../../static/img/logos/twitter.svg" const SocialIcons = () => { return ( <> - - {/* Github */} - - - + - {/* Discord */} - - - + - {/* Twitter */} - - - + {/* LinkedIn */} @@ -75,12 +46,12 @@ const SocialIcons = () => { stroke="none" d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z" /> - + {/* YouTube */} @@ -100,7 +71,7 @@ const SocialIcons = () => { {/* Facebook */} @@ -112,7 +83,7 @@ const SocialIcons = () => { className="w-5 h-5" viewBox="0 0 24 24" > - + diff --git a/static/img/logos/discord.svg b/static/img/logos/discord.svg index 59fc309051..99b89c3379 100644 --- a/static/img/logos/discord.svg +++ b/static/img/logos/discord.svg @@ -1 +1,10 @@ - \ No newline at end of file + + Discord + + From 60c25c794f063a7aae89340c8d4aeed96628f393 Mon Sep 17 00:00:00 2001 From: Dimitri POSTOLOV Date: Mon, 3 Apr 2023 16:38:40 +0200 Subject: [PATCH 2/2] fixes --- src/assets/css/_css/index.less | 1 - src/components/Conf/About/index.tsx | 71 +++--- src/components/Conf/Footer/index.tsx | 4 +- src/components/Conf/Header/index.tsx | 2 +- src/components/Conf/Pricing/index.tsx | 43 ++-- src/components/Conf/SF/index.tsx | 13 +- src/components/Conf/Schedule/index.tsx | 6 +- src/components/Conf/Speakers/index.tsx | 22 +- src/components/Conf/Venue/index.tsx | 324 ++++++++++++------------- src/pages/conf/faq.tsx | 4 +- src/pages/conf/index.tsx | 2 +- src/pages/conf/speak.tsx | 4 +- src/pages/conf/sponsor.tsx | 4 +- src/pages/index.tsx | 15 +- tailwind.config.js | 10 + 15 files changed, 265 insertions(+), 260 deletions(-) diff --git a/src/assets/css/_css/index.less b/src/assets/css/_css/index.less index 741a2eacf0..674d11bd35 100644 --- a/src/assets/css/_css/index.less +++ b/src/assets/css/_css/index.less @@ -15,7 +15,6 @@ div.index { color: #fff; text-align: center; max-width: none; - margin-top: 30px; & > a { color: white; diff --git a/src/components/Conf/About/index.tsx b/src/components/Conf/About/index.tsx index 0fa12a1ec3..83f0fc6b5a 100644 --- a/src/components/Conf/About/index.tsx +++ b/src/components/Conf/About/index.tsx @@ -2,27 +2,13 @@ import { CheckCircledIcon } from "@radix-ui/react-icons" import React from "react" const list = [ - { - title: "Cloud Engineering", - }, - { - title: "Software Development", - }, - { - title: "Platform Engineering", - }, - { - title: "Data Engineering", - }, - { - title: "Technology Architecture", - }, - { - title: "Data Architecture", - }, - { - title: "Product Management", - }, + { title: "Cloud Engineering" }, + { title: "Software Development" }, + { title: "Platform Engineering" }, + { title: "Data Engineering" }, + { title: "Technology Architecture" }, + { title: "Data Architecture" }, + { title: "Product Management" }, ] const whyAttend = [ @@ -35,31 +21,48 @@ const whyAttend = [ ), }, { - title:

- Discover best practices and real-world use cases through engaging presentations and panel discussions. -

+ title: ( +

+ Discover best practices and + real-world use cases through engaging presentations and panel + discussions. +

+ ), }, { - title: -

Connect with leading companies that are using GraphQL to transform their businesses and industries.

, + title: ( +

+ Connect with leading companies that + are using GraphQL to transform their businesses and industries. +

+ ), }, { - title: + title: (

- Build your skills and deepen your understanding of GraphQL through workshops, tutorials, and code labs. -

, + Build your skills and deepen your + understanding of GraphQL through workshops, tutorials, and code labs. +

+ ), }, { - title: -

Network with a diverse and vibrant community of professionals who are passionate about GraphQL and its potential.

, + title: ( +

+ Network with a diverse and vibrant + community of professionals who are passionate about GraphQL and its + potential. +

+ ), }, ] const AboutSection = () => { return ( -
-
-

About

+
+
+

+ About +

GRAPHQLCONF | SEP 19 – 21

diff --git a/src/components/Conf/Footer/index.tsx b/src/components/Conf/Footer/index.tsx index 71a8b4dde5..a7985e2b16 100644 --- a/src/components/Conf/Footer/index.tsx +++ b/src/components/Conf/Footer/index.tsx @@ -24,7 +24,7 @@ const links = [ const FooterConf = () => { return (