From 1fd2d16e64260e1c13a2dd9db13044bef2d2f3b9 Mon Sep 17 00:00:00 2001 From: Sarani Mendis Date: Sat, 11 May 2024 11:57:33 +0530 Subject: [PATCH] Update 3rd party logos in the footer --- components/common/footer/Footer.js | 14 ++++++-------- components/common/footer/Footer.module.css | 9 +++++++++ components/home-page/intro/Intro.js | 21 ++++++++++----------- components/home-page/intro/Intro.module.css | 6 ++++++ package-lock.json | 21 +++++++++++++++++++++ package.json | 1 + pages/_app.js | 1 + 7 files changed, 54 insertions(+), 19 deletions(-) diff --git a/components/common/footer/Footer.js b/components/common/footer/Footer.js index 18a505b939b..590364dfc63 100644 --- a/components/common/footer/Footer.js +++ b/components/common/footer/Footer.js @@ -18,10 +18,8 @@ import * as React from 'react'; import { Container, Row, Stack, Col } from 'react-bootstrap'; -import Image from 'next-image-export-optimizer'; import Link from 'next/link'; -import { prefix } from '../../../utils/prefix'; import styles from './Footer.module.css'; export default function Footer() { @@ -38,32 +36,32 @@ export default function Footer() { diff --git a/components/common/footer/Footer.module.css b/components/common/footer/Footer.module.css index 561cc7c809b..697bb35ef31 100644 --- a/components/common/footer/Footer.module.css +++ b/components/common/footer/Footer.module.css @@ -164,4 +164,13 @@ .policyLinks ul { flex-wrap: wrap; +} + +.footerLinkSM { + color: #ffffff; + font-size: 16px; +} + +.footerLinkSM:hover { + color: #ffffff; } \ No newline at end of file diff --git a/components/home-page/intro/Intro.js b/components/home-page/intro/Intro.js index 21679d236aa..b51b22f3933 100644 --- a/components/home-page/intro/Intro.js +++ b/components/home-page/intro/Intro.js @@ -18,7 +18,6 @@ import * as React from 'react'; import { Row, Col, Container } from 'react-bootstrap'; -import Image from 'next-image-export-optimizer'; import { BsCheck } from 'react-icons/bs'; import { prefix } from '../../../utils/prefix'; @@ -93,24 +92,24 @@ export default function Intro() {
- - GitHub + + - - X + + - - Discord + + - - Stackoverflow + + - - YouTube + + {/* diff --git a/components/home-page/intro/Intro.module.css b/components/home-page/intro/Intro.module.css index d85505d6f83..659b054bb8f 100644 --- a/components/home-page/intro/Intro.module.css +++ b/components/home-page/intro/Intro.module.css @@ -84,6 +84,12 @@ a.homeIntroButton:hover { margin-top: 10px; margin-left: 10px; margin-right: 10px; + color: #ffffff; + font-size: 25px; +} + +.socialMediaIcons:hover { + color:#ffffff; } .socialMediaPanel { diff --git a/package-lock.json b/package-lock.json index 916ba6bc7ff..9d2d4304b4b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -15,6 +15,7 @@ "algoliasearch": "^4.13.1", "arraybuffer-loader": "^1.0.8", "bootstrap": "^5.1.3", + "bootstrap-icons": "^1.11.3", "dompurify": "^2.3.8", "dotenv": "^16.0.1", "fs": "^0.0.1-security", @@ -1747,6 +1748,21 @@ "@popperjs/core": "^2.10.2" } }, + "node_modules/bootstrap-icons": { + "version": "1.11.3", + "resolved": "https://registry.npmjs.org/bootstrap-icons/-/bootstrap-icons-1.11.3.tgz", + "integrity": "sha512-+3lpHrCw/it2/7lBL15VR0HEumaBss0+f/Lb6ZvHISn1mlK83jjFpooTLsMWbIjJMDjDjOExMsTxnXSIT4k4ww==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/twbs" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/bootstrap" + } + ] + }, "node_modules/brace-expansion": { "version": "1.1.11", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", @@ -8871,6 +8887,11 @@ "integrity": "sha512-fcQztozJ8jToQWXxVuEyXWW+dSo8AiXWKwiSSrKWsRB/Qt+Ewwza+JWoLKiTuQLaEPhdNAJ7+Dosc9DOIqNy7Q==", "requires": {} }, + "bootstrap-icons": { + "version": "1.11.3", + "resolved": "https://registry.npmjs.org/bootstrap-icons/-/bootstrap-icons-1.11.3.tgz", + "integrity": "sha512-+3lpHrCw/it2/7lBL15VR0HEumaBss0+f/Lb6ZvHISn1mlK83jjFpooTLsMWbIjJMDjDjOExMsTxnXSIT4k4ww==" + }, "brace-expansion": { "version": "1.1.11", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", diff --git a/package.json b/package.json index 7c435a84940..1f4aa94fae5 100644 --- a/package.json +++ b/package.json @@ -18,6 +18,7 @@ "algoliasearch": "^4.13.1", "arraybuffer-loader": "^1.0.8", "bootstrap": "^5.1.3", + "bootstrap-icons": "^1.11.3", "dompurify": "^2.3.8", "dotenv": "^16.0.1", "fs": "^0.0.1-security", diff --git a/pages/_app.js b/pages/_app.js index 8c7a7d8b2ff..56795a5cc3d 100644 --- a/pages/_app.js +++ b/pages/_app.js @@ -18,6 +18,7 @@ import '../styles/globals.css'; import 'bootstrap/dist/css/bootstrap.min.css'; +import 'bootstrap-icons/font/bootstrap-icons.css'; import {SSRProvider} from '@react-aria/ssr'; function MyApp({ Component, pageProps }) {