Skip to content

Commit 40f7469

Browse files
dzinemondzinemon
committed
components
1 parent 63c0e59 commit 40f7469

12 files changed

Lines changed: 83 additions & 119 deletions

File tree

‎src/components/Cta.js‎

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,29 @@
11
import React from 'react'
2-
import { Link } from "gatsby"
32

43
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
54
import { faGithub } from '@fortawesome/free-brands-svg-icons'
65

76
export default function Cta() {
87
return (
9-
<section className="md:py-20 py-10" style={{
10-
background: 'linear-gradient(90deg, #03B0F2 1.57%, #01E0C9 100%)'
8+
<section className="md:py-20 py-10 mx-auto" style={{
9+
background: 'linear-gradient(90deg, #03B0F2 1.57%, #01E0C9 100%)',
10+
maxWidth: "1680px"
1111
}}>
1212
<div className="container">
1313
<div className="flex flex-wrap justify-between">
1414
<div className="max-w-sm">
1515
<p className="text-white text-6xl font-bold leading-tight mb-6 lg:mb-0">Let's put synthetic data to work.</p>
1616
</div>
1717
<div className="flex justify-center items-center">
18-
<Link to="https://github.com/sdv-dev/SDV"
18+
<a href="https://github.com/sdv-dev/SDV"
1919
className="px-6 py-4 inline-block bg-white text-sdv-dark rounded-full font-semibold leading-none text-lg"
20-
target="_blank">
20+
target="_blank"
21+
rel="noreferrer"
22+
>
2123
<FontAwesomeIcon width="16" icon={faGithub} />
2224
{' '}
2325
View on Github
24-
</Link>
26+
</a>
2527
</div>
2628
</div>
2729
</div>

‎src/components/Footer.js‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import React from "react";
22

3-
// import Logo from "../../static/logo.png";
43
import Img from "gatsby-image";
54

65
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
@@ -11,7 +10,6 @@ import {
1110
} from "@fortawesome/free-brands-svg-icons";
1211

1312
import { Link, StaticQuery, graphql } from "gatsby";
14-
import config from "../utils/siteConfig";
1513

1614
export default function Footer() {
1715
return (
@@ -43,7 +41,7 @@ export default function Footer() {
4341
<div
4442
className="h-1"
4543
style={{
46-
backgroundImage: "linear-gradient(to right, #F9AD14, #E45432);",
44+
backgroundImage: "linear-gradient(to right, #F9AD14, #E45432)",
4745
}}
4846
></div>
4947
<section
@@ -89,6 +87,7 @@ export default function Footer() {
8987
<a
9088
className="opacity-80 hover:opacity-100 text-white hover:underline"
9189
href={i.url}
90+
rel="noreferrer"
9291
>
9392
{i.name}
9493
</a>
@@ -117,6 +116,7 @@ export default function Footer() {
117116
<a
118117
className="opacity-80 hover:opacity-100 text-white hover:underline"
119118
href={i.url}
119+
rel="noreferrer"
120120
>
121121
{i.name}
122122
</a>
@@ -131,34 +131,34 @@ export default function Footer() {
131131
</p>
132132
<div className="flex flex-row -mx-1 mt-4">
133133
<div className="px-1">
134-
<Link
134+
<a
135135
target="_blank"
136-
rel="noopener"
137-
to="https://www.linkedin.com/company/datacebo"
136+
rel="noreferrer"
137+
href="https://www.linkedin.com/company/datacebo"
138138
className="w-10 h-10 flex justify-center items-center bg-opacity-50 bg-sdv-mute inline-block rounded-full hover:bg-sdv-graylight bg-sdv-offwhite"
139139
>
140140
<FontAwesomeIcon width="16" icon={faLinkedin} />
141-
</Link>
141+
</a>
142142
</div>
143143
<div className="px-1">
144-
<Link
144+
<a
145145
target="_blank"
146-
rel="noopener"
147-
to="https://twitter.com/sdv_dev"
146+
rel="noreferrer"
147+
href="https://twitter.com/sdv_dev"
148148
className="w-10 h-10 flex justify-center items-center bg-opacity-50 bg-sdv-mute inline-block rounded-full hover:bg-sdv-graylight bg-sdv-offwhite"
149149
>
150150
<FontAwesomeIcon width="16" icon={faTwitter} />
151-
</Link>
151+
</a>
152152
</div>
153153
<div className="px-1">
154-
<Link
154+
<a
155155
target="_blank"
156-
rel="noopener"
157-
to="https://bit.ly/sdv-slack-invite"
156+
rel="noreferrer"
157+
href="https://bit.ly/sdv-slack-invite"
158158
className="w-10 h-10 flex justify-center items-center bg-opacity-50 bg-sdv-mute inline-block rounded-full hover:bg-sdv-graylight bg-sdv-offwhite"
159159
>
160160
<FontAwesomeIcon width="16" icon={faSlack} />
161-
</Link>
161+
</a>
162162
</div>
163163
</div>
164164
</div>

‎src/components/common/Article.js‎

Lines changed: 3 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,10 @@
11
import React from "react";
2-
import PropTypes from "prop-types";
32
import { Helmet } from "react-helmet";
4-
import { Link, StaticQuery, graphql } from "gatsby";
3+
import { StaticQuery, graphql } from "gatsby";
54
import Img from "gatsby-image";
65

76
import { Navigation } from ".";
87
import Footer from '../../components/Footer';
9-
import Cta from '../../components/Cta'
10-
// import config from "../../utils/siteConfig";
118

129
import MoreArticles from '../MoreArticles'
1310

@@ -36,7 +33,7 @@ const PostDefaultLayout = ({ data, children, bodyClass, isPost }) => {
3633
isDark={true}
3734
navClass="block px-4 lg:px-4 py-4 md:py-2 rounded-md text-base hover:underline-none focus:outline-none transition duration-150 ease-in-out navbar-item"
3835
>
39-
<Link to="https://datacebo.com">
36+
<a href="https://datacebo.com">
4037
<div className="w-auto">
4138
<Img
4239
fadeIn={true}
@@ -51,7 +48,7 @@ const PostDefaultLayout = ({ data, children, bodyClass, isPost }) => {
5148
className="dark-logo"
5249
/>
5350
</div>
54-
</Link>
51+
</a>
5552
</Navigation>
5653

5754

‎src/components/common/Navigation.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ const navItems = [
2222
{ label: "GitHub", url: "https://github.com/sdv-dev/SDV" },
2323
];
2424

25-
const Navigation = ({ data, navClass, children, isDark }) => {
25+
const Navigation = ({ navClass, children, isDark }) => {
2626
const ref = useRef();
2727

2828
const navbarClassName = isDark ? "nav-bg-dark" : "nav-bg-white";

‎src/components/home/features.js‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,4 @@
11
import React from "react";
2-
import { Link, useStaticQuery, graphql } from "gatsby";
3-
import config from "../../utils/siteConfig";
4-
import Img from "gatsby-image";
52

63

74
import Multitable from "../../../assets/multitable.svg";
@@ -57,6 +54,7 @@ const features = [
5754
<a
5855
href={item.userguide}
5956
target="_blank"
57+
rel="noreferrer"
6058
className="rounded-2xl bg-white p-4 lg:p-8 border border-offwhite h-full block transition-shadow hover:text-sdv-secondary"
6159
>
6260
<div className="my-3">{ item.svg }</div>

‎src/components/home/hero.js‎

Lines changed: 12 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,8 @@
1-
import React, {useEffect, useState} from "react";
2-
import { Link } from "gatsby";
1+
import React from "react";
32

43
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
5-
import { faGithub, faSlack, faTwitter, faLinkedin } from "@fortawesome/free-brands-svg-icons";
4+
import { faGithub, faSlack, faLinkedin } from "@fortawesome/free-brands-svg-icons";
65
import config from "../../utils/siteConfig"
7-
import WhiteTopWave from "./wave-top-white"
86
import WhiteBottomWave from "./wave-bottom-white"
97

108

@@ -27,31 +25,31 @@ export default function Hero({downloads}) {
2725
</h1>
2826
<div className="flex flex-row justify-center md:justify-start -mx-1 mt-4">
2927
<div className="px-1">
30-
<Link target="_blank" rel="noopener"
31-
to="https://github.com/sdv-dev/SDV"
28+
<a target="_blank" rel="noreferrer"
29+
href="https://github.com/sdv-dev/SDV"
3230
className="w-8 h-8 flex justify-center text-3xl items-center text-white bg-transparent rounded-full hover:opacity-80">
3331
<FontAwesomeIcon icon={faGithub} />
34-
</Link>
32+
</a>
3533
</div>
3634
<div className="px-1">
37-
<Link target="_blank" rel="noopener"
38-
to="https://bit.ly/sdv-slack-invite"
35+
<a target="_blank" rel="noreferrer"
36+
href="https://bit.ly/sdv-slack-invite"
3937
className="w-8 h-8 flex justify-center text-3xl items-center text-white bg-transparent rounded-full hover:opacity-80">
4038
<FontAwesomeIcon icon={faSlack} />
41-
</Link>
39+
</a>
4240
</div>
4341

4442
<div className="px-1">
45-
<Link target="_blank" rel="noopener"
46-
to="https://www.linkedin.com/company/datacebo"
43+
<a target="_blank" rel="noreferrer"
44+
href="https://www.linkedin.com/company/datacebo"
4745
className="w-8 h-8 text-3xl flex justify-center items-center text-white bg-transparent rounded-full hover:opacity-80">
4846
<FontAwesomeIcon icon={faLinkedin} />
49-
</Link>
47+
</a>
5048
</div>
5149
</div>
5250
</div>
5351
<div className="w-full md:w-7/12 lg:w-6/12 px-4 md:mt-0 text-white flex flex-col justify-end">
54-
<div className="pb-40"><img width="445" src={`${config.sitePath}/homehero.png`} className="mx-auto" /></div>
52+
<div className="pb-40"><img width="445" alt="sdv hero" src={`${config.sitePath}/homehero.png`} className="mx-auto" /></div>
5553
</div>
5654
</div>
5755
</div>

‎src/components/home/join.js‎

Lines changed: 15 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
1-
import React, { lazy } from 'react'
2-
import { Link, graphql, useStaticQuery } from 'gatsby'
1+
import React from 'react'
2+
import { graphql, useStaticQuery } from 'gatsby'
33
import Img from "gatsby-image"
4-
import config from "../../utils/siteConfig"
54

65
export default function Join({downloads}) {
76

@@ -34,32 +33,35 @@ export default function Join({downloads}) {
3433
<div className="container mx-auto mt-8 mb-8">
3534
<div className="flex flex-wrap justify-center -mx-2">
3635
<div className="w-auto px-2 mb-4">
37-
<Link
36+
<a
3837
target="_blank"
39-
to="https://twitter.com/sdv_dev"
38+
rel="noreferrer"
39+
href="https://twitter.com/sdv_dev"
4040
className="hover:border-sdv-offwhite border border-sdv-dark p-0.5 inline-block rounded-full font-semibold leading-none text-lg grad-bg">
4141
<span className="px-10 py-3 block rounded-full bg-sdv-dark"><span className="grad-txt">Twitter</span></span>
42-
</Link>
42+
</a>
4343
</div>
4444
<div className="w-auto px-2 mb-4">
45-
<Link
45+
<a
4646
target="_blank"
47+
rel="noreferrer"
4748
className="hover:border-sdv-offwhite border border-sdv-dark p-0.5 inline-block rounded-full font-semibold leading-none text-lg grad-bg"
48-
to={`https://bit.ly/sdv-slack-invite`}
49-
><span className="px-10 py-3 block rounded-full bg-sdv-dark"><span className=" grad-txt">Slack</span></span></Link>
49+
href={`https://bit.ly/sdv-slack-invite`}
50+
><span className="px-10 py-3 block rounded-full bg-sdv-dark"><span className=" grad-txt">Slack</span></span></a>
5051
</div>
5152
<div className="w-auto px-2 mb-4">
52-
<Link
53+
<a
5354
target="_blank"
54-
to="https://www.linkedin.com/company/datacebo"
55+
rel="noreferrer"
56+
href="https://www.linkedin.com/company/datacebo"
5557
className="hover:border-sdv-offwhite border border-sdv-dark p-0.5 inline-block rounded-full font-semibold leading-none text-lg grad-bg">
5658
<span className="px-10 py-3 block rounded-full bg-sdv-dark"><span className="grad-txt">LinkedIn</span></span>
57-
</Link>
59+
</a>
5860
</div>
5961
</div>
6062
<div className="flex flex-wrap justify-center -mx-2 mt-4 text-center">
6163
<div className="w-auto px-4">
62-
{ downloads != '' ? (
64+
{ downloads !== '' ? (
6365
<p className="px-4 text-white"><span className="font-bold">{downloads}K</span> Downloads</p>
6466
) : ''}
6567
</div>
@@ -78,31 +80,10 @@ export default function Join({downloads}) {
7880
alt="join our community map"
7981
loading={`lazy`}
8082
/>
81-
<div className="absolute hidden inset-0">
82-
<div className="flex flex-wrap h-full" id="loaded">
83-
{ [1,2,3,4,5,6,7,8,9,10,11,12].map((i, idx) => {
84-
85-
if (idx % 2 === 0) {
86-
return (
87-
<div className="transform duration-1000 delay-500 w-1/12 bg-sdv-dark img-cover"></div>
88-
)
89-
}
90-
91-
return (
92-
<div className="transform duration-1000 delay-500 w-1/12 bg-sdv-dark img-cover"></div>
93-
)
94-
})}
95-
</div>
96-
</div>
9783
</div>
9884
</div>
9985
</div>
100-
101-
10286
</div>
103-
104-
105-
10687
</section>
10788
)
10889
}

‎src/components/home/open-source.js‎

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,12 @@
11
import React, { useState, useRef } from "react";
2-
import { Link, useStaticQuery, graphql } from "gatsby";
32
import config from "../../utils/siteConfig";
4-
import Img from "gatsby-image";
53

64
import Copulas from "../../../assets/copulas.svg"
7-
import CTGAN from "../../../assets/ctgan.svg"
5+
import Ctgan from "../../../assets/ctgan.svg"
86
import DeepEcho from "../../../assets/deepecho.svg"
97
import SDGym from "../../../assets/sdgym.svg"
108
import SDMetrics from "../../../assets/sdmetrics.svg"
11-
import RDT from "../../../assets/rdt.svg"
9+
import Rdt from "../../../assets/rdt.svg"
1210
import Vault from "../../../assets/sdv.svg"
1311

1412

@@ -29,6 +27,7 @@ const Card = ({ item, idx }) => {
2927
className="hover:text-sdv-secondary font-bold"
3028
href={item.github}
3129
target="_blank"
30+
rel="noreferrer"
3231
>
3332
Github
3433
</a>
@@ -39,6 +38,7 @@ const Card = ({ item, idx }) => {
3938
className="hover:text-sdv-secondary font-bold"
4039
href={item.url}
4140
target="_blank"
41+
rel="noreferrer"
4242
>
4343
Docs
4444
</a>
@@ -75,7 +75,7 @@ export default function OpenSource() {
7575
},
7676
{
7777
name: "CTGAN",
78-
svg: <CTGAN />,
78+
svg: <Ctgan />,
7979
// image: data.library_ctgan.childImageSharp.fixed,
8080
icon: "/ctgan.svg",
8181
text: "Models & generates tabular data with Deep Learning. Offers CTGAN and TVAE models.",
@@ -91,7 +91,7 @@ export default function OpenSource() {
9191
},
9292
{
9393
name: "RDT",
94-
svg: <RDT />,
94+
svg: <Rdt />,
9595
// image: data.library_rdt.childImageSharp.fixed,
9696
icon: "/rdt.svg",
9797
text: "Discovers properties & transforms data for data science use. Reverses the transforms to reproduce realistic data.",
@@ -185,6 +185,7 @@ export default function OpenSource() {
185185
className={`${
186186
filter === "modeling" ? "" : `filter-gs`
187187
} mx-auto mb-2`}
188+
alt="modeling"
188189
src={`${config.sitePath}/modeling.svg`}
189190
/>
190191
<div
@@ -208,6 +209,7 @@ export default function OpenSource() {
208209
className={`${
209210
filter === "benchmarking" ? "" : `filter-gs`
210211
} mx-auto mb-2`}
212+
alt="benchmarking"
211213
src={`${config.sitePath}/benchmarking.svg`}
212214
/>
213215
<div
@@ -231,6 +233,7 @@ export default function OpenSource() {
231233
className={`${
232234
filter === "metrics" ? "" : `filter-gs`
233235
} mx-auto mb-2`}
236+
alt="metrics"
234237
src={`${config.sitePath}/metrics.svg`}
235238
/>
236239
<div

0 commit comments

Comments
 (0)