diff --git a/package-lock.json b/package-lock.json index 7c026bc..669cc36 100644 --- a/package-lock.json +++ b/package-lock.json @@ -13395,6 +13395,11 @@ "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.8.3.tgz", "integrity": "sha512-Y4rC1ZJmsxxkkPuMLwvKvlL1Zfpbcu+Bf4ZigkHup3v9EfdYhAlWAaVyA19olXq2o2mGn0w+dFKvk3pVVlYcIA==" }, + "react-lazyload": { + "version": "2.6.5", + "resolved": "https://registry.npmjs.org/react-lazyload/-/react-lazyload-2.6.5.tgz", + "integrity": "sha512-C/juO9l7dGS7jEARBLjM3oG7F1lL5bqajz/55sk3GFc0Ippd9vnSkdRxdiaE6gf5si3YxIow8dSJ+YuB2D/3vg==" + }, "react-lifecycles-compat": { "version": "3.0.4", "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz", diff --git a/package.json b/package.json index b6974a4..86e1fc6 100644 --- a/package.json +++ b/package.json @@ -19,6 +19,7 @@ "react": "^16.12.0", "react-dom": "^16.12.0", "react-helmet": "^5.2.1", + "react-lazyload": "^2.6.5", "styled-components": "^5.0.1" }, "devDependencies": { diff --git a/src/components/Loading.js b/src/components/Loading.js new file mode 100644 index 0000000..3a90b38 --- /dev/null +++ b/src/components/Loading.js @@ -0,0 +1,12 @@ +import React from "react" +import styled from "styled-components" +import spinner from "../images/loading.gif" +export default function Loading() { + return ( + + loading... + + ) +} + +const Loader = styled.div`` diff --git a/src/components/Mains/MainHome.js b/src/components/Mains/MainHome.js index 99365a1..5905c4e 100644 --- a/src/components/Mains/MainHome.js +++ b/src/components/Mains/MainHome.js @@ -5,6 +5,8 @@ import Button from "../Button" import Record from "../Record" import { Link } from "gatsby" import theme from "../../constants/theme.json" +import Loading from "../../components/Loading" +import LazyLoad from "react-lazyload" /// pictures : import homeHead from "../../images/super_woman.svg" import homeAbout from "../../images/logo.svg" @@ -16,10 +18,10 @@ import marker from "../../images/icons/marker.svg" import event from "../../images/icons/event_icon.svg" import EditionCard from "../../components/editionCard" import ReverseEditionCard from "../../components/ReverseEditionCard" -import yassir from "../../images/partners/yassir-seeklogo.com.svg" import techno from "../../images/partners/techno.png" import soc from "../../images/partners/societe.png" import sai from "../../images/partners/schoolai.png" + export default function MainHome() { return ( @@ -52,10 +54,14 @@ export default function MainHome() { Register - + }> + + - + }> + +
ABOUT THE EVENT
International Women's Day 2020 diff --git a/src/components/Track.js b/src/components/Track.js index 7459736..17cff24 100644 --- a/src/components/Track.js +++ b/src/components/Track.js @@ -1,10 +1,14 @@ import React from "react" import styled from "styled-components" - +import Loading from "../components/Loading" +import LazyLoad from "react-lazyload" export default function Track({ imgsource, altimg, title, content }) { return ( - + }> + + +

{title}

{content}

diff --git a/src/components/speakerCard.js b/src/components/speakerCard.js index 2e9e36c..d56b05b 100644 --- a/src/components/speakerCard.js +++ b/src/components/speakerCard.js @@ -1,5 +1,6 @@ import React from "react" -import { Link } from "gatsby" +import Loading from "../components/Loading" +import LazyLoad from "react-lazyload" import styled from "styled-components" import theme from "../constants/theme.json" const StyltedCArd = styled.div` @@ -124,7 +125,9 @@ const SpeakerCard = ({ */} - profiles + }> + profiles +

{name}

{role}

diff --git a/src/content/talks/talks.json b/src/content/talks/talks.json index cc46b5a..25832b0 100644 --- a/src/content/talks/talks.json +++ b/src/content/talks/talks.json @@ -8,19 +8,19 @@ "title": "Zoom in modern web/mobile development", "content": "The shape of web and mobile apps development have been and still changing in a non-stop manner, but nowadays almost all major dev options have implemented a set of common key concepts influenced by the huge advancements around the web dev ecosystem.", "img": "dev.svg", - "alt": "talk" + "alt": "mobileDev" }, { "title": "How AI and Big Data are shaping our world view", "content": "Should you trust your own opinions? In this talk Hichem Bouzara will explain the process through which Artificial Intelligence algorithms relying on Big Data are effectively shaping our points of view without us knowing it.", "img": "bigdata.svg", - "alt": "talk" + "alt": "AI" }, { "title": "How to design Human - Centered AI Products ? ", "content": "confused with development of ai products ? don't know where to start ? this talk will help you get a clearer vision about it and guide you through the process of designing human centered ai product", "img": "designAI.svg", - "alt": "talk" + "alt": "AI2" } ] \ No newline at end of file diff --git a/src/pages/about.js b/src/pages/about.js index f900277..ca079d7 100644 --- a/src/pages/about.js +++ b/src/pages/about.js @@ -1,4 +1,6 @@ import React from "react" +import Loading from "../components/Loading" +import LazyLoad from "react-lazyload" import Layout from "../components/layout/layout" import SEO from "../components/seo" import styled from "styled-components" @@ -281,7 +283,9 @@ export default function about() { - about IWD + }> + about IWD +
ABOUT THE EVENT
diff --git a/src/pages/agenda.js b/src/pages/agenda.js index a895a84..2cd236c 100644 --- a/src/pages/agenda.js +++ b/src/pages/agenda.js @@ -4,6 +4,8 @@ import SEO from "../components/seo" import styled from "styled-components" import theme from "../constants/theme.json" import { MainWrapper as Wrapper } from "../components/Container" +import Loading from "../components/Loading" +import LazyLoad from "react-lazyload" import agendapic from "../images/agenda-svg.svg" // TODO : Implement Page // TODO : Add Agenda to the page ( the actual agenda) @@ -33,7 +35,9 @@ export default function agenda() { - + }> + + )