From d85915d79060bdfc68dc6e712716d077d57ae7be Mon Sep 17 00:00:00 2001 From: Rickard Natt och Dag Date: Mon, 17 May 2021 07:14:13 +0200 Subject: [PATCH] fix(site): dark mode icons (#396) --- packages/site/assets/img/icons/goal.svg | 99 ----------- packages/site/assets/img/icons/planning.svg | 154 ------------------ packages/site/assets/img/icons/play-arrow.svg | 41 ----- .../assets/img/icons/project-management.svg | 133 --------------- packages/site/assets/img/icons/solution.svg | 97 ----------- packages/site/assets/img/icons/solution1.svg | 100 ------------ packages/site/assets/img/icons/teamwork.svg | 111 ------------- packages/site/components/FeatureCard.tsx | 8 +- packages/site/components/Features.tsx | 37 +---- packages/site/components/featureData.tsx | 106 ++++++++++++ packages/site/styles/global.css | 8 + 11 files changed, 119 insertions(+), 775 deletions(-) delete mode 100644 packages/site/assets/img/icons/goal.svg delete mode 100644 packages/site/assets/img/icons/planning.svg delete mode 100644 packages/site/assets/img/icons/play-arrow.svg delete mode 100644 packages/site/assets/img/icons/project-management.svg delete mode 100644 packages/site/assets/img/icons/solution.svg delete mode 100644 packages/site/assets/img/icons/solution1.svg delete mode 100644 packages/site/assets/img/icons/teamwork.svg create mode 100644 packages/site/components/featureData.tsx diff --git a/packages/site/assets/img/icons/goal.svg b/packages/site/assets/img/icons/goal.svg deleted file mode 100644 index 3ee4a6c8..00000000 --- a/packages/site/assets/img/icons/goal.svg +++ /dev/null @@ -1,99 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/packages/site/assets/img/icons/planning.svg b/packages/site/assets/img/icons/planning.svg deleted file mode 100644 index f0f840ca..00000000 --- a/packages/site/assets/img/icons/planning.svg +++ /dev/null @@ -1,154 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/packages/site/assets/img/icons/play-arrow.svg b/packages/site/assets/img/icons/play-arrow.svg deleted file mode 100644 index ff45e545..00000000 --- a/packages/site/assets/img/icons/play-arrow.svg +++ /dev/null @@ -1,41 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/packages/site/assets/img/icons/project-management.svg b/packages/site/assets/img/icons/project-management.svg deleted file mode 100644 index 76fde958..00000000 --- a/packages/site/assets/img/icons/project-management.svg +++ /dev/null @@ -1,133 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/packages/site/assets/img/icons/solution.svg b/packages/site/assets/img/icons/solution.svg deleted file mode 100644 index 6281d5bd..00000000 --- a/packages/site/assets/img/icons/solution.svg +++ /dev/null @@ -1,97 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/packages/site/assets/img/icons/solution1.svg b/packages/site/assets/img/icons/solution1.svg deleted file mode 100644 index ec82cadc..00000000 --- a/packages/site/assets/img/icons/solution1.svg +++ /dev/null @@ -1,100 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/packages/site/assets/img/icons/teamwork.svg b/packages/site/assets/img/icons/teamwork.svg deleted file mode 100644 index f1e233fc..00000000 --- a/packages/site/assets/img/icons/teamwork.svg +++ /dev/null @@ -1,111 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/packages/site/components/FeatureCard.tsx b/packages/site/components/FeatureCard.tsx index 40bf7ed0..cc56251f 100644 --- a/packages/site/components/FeatureCard.tsx +++ b/packages/site/components/FeatureCard.tsx @@ -1,7 +1,7 @@ import classnames from 'classnames' interface FeatureCardProps { - image: string + image: JSX.Element title: string text: string isActive: boolean @@ -22,9 +22,9 @@ const FeatureCard = ({ } )} > -
+
+ {image} +
{title}

{text}

diff --git a/packages/site/components/Features.tsx b/packages/site/components/Features.tsx index d1b50c5a..8483ac97 100644 --- a/packages/site/components/Features.tsx +++ b/packages/site/components/Features.tsx @@ -1,46 +1,11 @@ import SwiperCore, { Autoplay, Pagination, SwiperOptions } from 'swiper' import { Swiper, SwiperSlide } from 'swiper/react' -import img4 from '../assets/img/icons/goal.svg' -import img3 from '../assets/img/icons/planning.svg' -import img1 from '../assets/img/icons/project-management.svg' -import img2 from '../assets/img/icons/solution.svg' import FeatureCard from './FeatureCard' import SectionTitle from './SectionTitle' +import { FEATURES_DATA } from './featureData' SwiperCore.use([Pagination, Autoplay]) -const FEATURES_DATA = [ - { - title: 'Öppen källkod', - text: 'Har du egna förslag på förbättringar? Du kan hjälpa till.', - image: img1, - }, - { - title: 'Bygger på ny teknik', - text: - 'Till skillnad från den gamla skolplattformen så bygger den öppna på senaste tekniken.', - image: img2, - }, - { - title: 'Det här är bara början', - text: - 'Vi hoppas med denna app inspirera till fler initiativ i hela den offentliga digitaliseringen.', - image: img4, - }, - { - title: 'Kan byggas ut till fler skolsystem', - text: - 'Just nu stöds bara Stockholm Stads skolplattform men med din hjälp kan fler skolplattformar integreras så att du slipper logga in i flera appar om du har barn i olika skolor.', - image: img3, - }, - { - title: 'Skolan är allas vårt ansvar', - text: - 'Vi insåg att klaga inte hjälper så mycket så vi tog tag i problemet istället. Häng med!', - image: img1, - }, -] - const Features = (): JSX.Element => { const swiperParams: SwiperOptions = { slidesPerView: 3, diff --git a/packages/site/components/featureData.tsx b/packages/site/components/featureData.tsx new file mode 100644 index 00000000..6cab0425 --- /dev/null +++ b/packages/site/components/featureData.tsx @@ -0,0 +1,106 @@ +const LightbulbAndCogs = () => { + return ( + + + + + + + + + + + + + ) +} + +export const FEATURES_DATA = [ + { + title: 'Öppen källkod', + text: 'Har du egna förslag på förbättringar? Du kan hjälpa till.', + image: , + }, + { + title: 'Bygger på ny teknik', + text: + 'Till skillnad från den gamla skolplattformen så bygger den öppna på senaste tekniken.', + image: ( + + + + + + + + + ), + }, + { + title: 'Det här är bara början', + text: + 'Vi hoppas med denna app inspirera till fler initiativ i hela den offentliga digitaliseringen.', + image: ( + + + + + + + + + ), + }, + { + title: 'Kan byggas ut till fler skolsystem', + text: + 'Just nu stöds bara Stockholm Stads skolplattform men med din hjälp kan fler skolplattformar integreras så att du slipper logga in i flera appar om du har barn i olika skolor.', + image: ( + + + + + + + + + + + + + + + + + + + + + + + + ), + }, + { + title: 'Skolan är allas vårt ansvar', + text: + 'Vi insåg att klaga inte hjälper så mycket så vi tog tag i problemet istället. Häng med!', + image: , + }, +] diff --git a/packages/site/styles/global.css b/packages/site/styles/global.css index 19f20dcf..14507154 100644 --- a/packages/site/styles/global.css +++ b/packages/site/styles/global.css @@ -45,3 +45,11 @@ a.patreon { display: none; } } + +.swiper-pagination-bullets > span { + @apply bg-gray-800 dark:bg-gray-200; +} + +.swiper-pagination-bullets > span.swiper-pagination-bullet-active { + @apply bg-indigo-600 dark:bg-indigo-300; +}