From 07cb10d163721fd2fe705c47d7e106675bc45b76 Mon Sep 17 00:00:00 2001 From: Kevin Monisit Date: Tue, 29 Aug 2023 11:12:23 -0400 Subject: [PATCH 1/3] Added the sun and its rays --- public/tailwind-output.css | 28 --- src/components/_Landing/Landing.tsx | 2 + .../_Landing/assets/scripts/stars.js | 38 ++++ src/components/_Landing/assets/sun/sun.css | 180 ++++++++++++++++++ src/components/_Landing/assets/sun/sun.tsx | 26 +++ 5 files changed, 246 insertions(+), 28 deletions(-) create mode 100644 src/components/_Landing/assets/scripts/stars.js create mode 100644 src/components/_Landing/assets/sun/sun.css create mode 100644 src/components/_Landing/assets/sun/sun.tsx diff --git a/public/tailwind-output.css b/public/tailwind-output.css index 992e1859..76f9cec2 100644 --- a/public/tailwind-output.css +++ b/public/tailwind-output.css @@ -1163,45 +1163,17 @@ video { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } -.from-mainBg { - --tw-gradient-from: #1f6aa0; - --tw-gradient-to: rgb(31 106 160 / 0); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - -.from-black { - --tw-gradient-from: #000; - --tw-gradient-to: rgb(0 0 0 / 0); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - .from-f23-lightGreen { --tw-gradient-from: #8db67e; --tw-gradient-to: rgb(141 182 126 / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } -.from-f23-mediumGreen { - --tw-gradient-from: #3e8169; - --tw-gradient-to: rgb(62 129 105 / 0); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - -.from-f23-darkGreen { - --tw-gradient-from: #133d35; - --tw-gradient-to: rgb(19 61 53 / 0); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - .via-f23-mediumGreen { --tw-gradient-to: rgb(62 129 105 / 0); --tw-gradient-stops: var(--tw-gradient-from), #3e8169, var(--tw-gradient-to); } -.to-endBg { - --tw-gradient-to: #0f3854; -} - .to-f23-darkGreen { --tw-gradient-to: #133d35; } diff --git a/src/components/_Landing/Landing.tsx b/src/components/_Landing/Landing.tsx index b0350b62..f45186b3 100644 --- a/src/components/_Landing/Landing.tsx +++ b/src/components/_Landing/Landing.tsx @@ -8,6 +8,7 @@ import Hero from "./sections/hero/hero"; import { randomizeAnimationDurations } from "./utilities"; import Schedule from "./sections/schedule/Schedule"; import Sponsors from "./sections/sponsors/Sponsors"; +import Sun from "./assets/sun/sun"; function LandingPage(props: any) { @@ -21,6 +22,7 @@ function LandingPage(props: any) {
+ diff --git a/src/components/_Landing/assets/scripts/stars.js b/src/components/_Landing/assets/scripts/stars.js new file mode 100644 index 00000000..cf2cc503 --- /dev/null +++ b/src/components/_Landing/assets/scripts/stars.js @@ -0,0 +1,38 @@ + + +// Twinkling Star Animation +// https://codepen.io/cliffgurney/pen/GNpzdx +// + +// Amount of stars +// function createStars(i) { +// var i = i; +// while(i){ +// drawStars(); +// i-=1; +// } +// } +// // Create Stars +// function drawStars(){ +// var tmpStar = document.createElement("figure"); +// tmpStar.className = "star"; +// tmpStar.style.top = 100*Math.random()+"%"; +// tmpStar.style.left = 100*Math.random()+"%"; +// document.getElementById("sky").appendChild(tmpStar); +// } +// // Animate Stars +// function selectStars() { +// stars = document.querySelectorAll(".star"); +// console.log(stars); +// } +// function animateStars() { +// Array.prototype.forEach.call(stars, function(el, i){ +// TweenMax.to(el, Math.random() * 0.4 + 0.4, {opacity: Math.random(), onComplete: animateStars}); +// }); +// } + +// createStars(500); +// selectStars(); +// animateStars(); + + diff --git a/src/components/_Landing/assets/sun/sun.css b/src/components/_Landing/assets/sun/sun.css new file mode 100644 index 00000000..61cb90ab --- /dev/null +++ b/src/components/_Landing/assets/sun/sun.css @@ -0,0 +1,180 @@ +#sun-container { + left: 15%; + top: -250px; + position: absolute; + width: 100px; + height: 100px; + z-index: 100; + opacity: 80%; + animation: rotateSun 15s infinite alternate ; +} + +@keyframes rotateSun { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(5deg); + } +} + +#sun { + position: absolute; + top: 50%; + left: 50%; + width: 300px; + height: 300px; + background-color: #c1e8da; + opacity: 30%; + border-radius: 50%; + transform: translate(-50%, -50%); + z-index: 1; +} + + +#sun2 { + position: absolute; + top: 50%; + left: 50%; + width: 500px; + height: 500px; + background-color: #c1e8da; + opacity: 15%; + border-radius: 50%; + transform: translate(-50%, -50%); + z-index: 1; +} + +#sun3 { + position: absolute; + top: 50%; + left: 50%; + width: 700px; + height: 700px; + background-color: #c1e8da; + opacity: 10%; + border-radius: 50%; + transform: translate(-50%, -50%); + z-index: 1; +} + +/* Start of First Ray Styling (and sub-rays) */ + + +#ray { + position: absolute; + z-index: -1000; + top: 50%; + left: -450%; + + width: 1000px; + height: 3000px; + + clip-path: polygon(50% 0%, 0% 100%, 100% 100%); + transform-origin: bottom left; + transform: rotate(deg); + background: linear-gradient(to top, transparent 50%, #c1e8da); + opacity: 20%; +} + +#ray2 { + position: absolute; + z-index: -1000; + top: 50%; + left: -450%; + + width: 1000px; + height: 3000px; + + clip-path: polygon(50% 0%, 0% 100%, 100% 100%); + transform-origin: bottom left; + transform: rotate(deg); + background: linear-gradient(to top, transparent 60%, #c1e8da); + opacity: 5%; +} + +#ray3 { + position: absolute; + z-index: -1000; + top: 50%; + left: -450%; + + width: 1000px; + height: 3000px; + + clip-path: polygon(50% 0%, 0% 55%, 100% 55%); + /* animation: animateClipPath 3s alternate 2; */ + /* animation-iteration-count: 4; */ + transform-origin: bottom left; + /* transform: rotate(deg); */ + background: linear-gradient(to top, transparent 80%, #c1e8da); + opacity: 10%; +} + + +/* Start of Second Ray Styling (and sub-rays) */ +#ray4 { + position: absolute; + z-index: -1000; + top: -500%; + left: 1800%; + + width: 1000px; + height: 3000px; + + clip-path: polygon(50% 0%, 0% 100%, 100% 100%); + transform-origin: bottom left; + transform: rotate(-45deg); + background: linear-gradient(to top, transparent 50%, #c1e8da); + opacity: 14%; +} + +#ray5 { + position: absolute; + z-index: -1000; + top: -500%; + left: 1800%; + + width: 1000px; + height: 3000px; + + clip-path: polygon(50% 0%, 0% 55%, 100% 63%); + transform-origin: bottom left; + transform: rotate(-45deg); + background: linear-gradient(to top, transparent 50%, #c1e8da); + opacity: 10%; +} + +#ray6 { + position: absolute; + z-index: -1000; + top: -500%; + left: 1800%; + + width: 1000px; + height: 3000px; + + clip-path: polygon(50% 0%, 0% 100%, 100% 100%); + transform-origin: bottom left; + transform: rotate(-45deg); + background: linear-gradient(to top, transparent 50%, #c1e8da); + opacity: 5%; +} + +/* Start of Third Ray Styling (and sub-rays) */ + +#ray7 { + position: absolute; + z-index: -1000; + top: -1400%; + left: -2000%; + + width: 1000px; + height: 3000px; + + clip-path: polygon(50% 0%, 0% 100%, 100% 100%); + transform-origin: bottom left; + transform: rotate(40deg); + background: linear-gradient(to top, transparent 50%, #c1e8da); + opacity: 20%; +} \ No newline at end of file diff --git a/src/components/_Landing/assets/sun/sun.tsx b/src/components/_Landing/assets/sun/sun.tsx new file mode 100644 index 00000000..a3995fd7 --- /dev/null +++ b/src/components/_Landing/assets/sun/sun.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import "./sun.css"; + +function Sun() { + return ( +
+
+
+ +
+
+
+
+ +
+
+
+ +
+
+
+
+ ); +} + +export default Sun; \ No newline at end of file From bcc50f9cb4909c3ab9fd30251f4f394bf69e9dfd Mon Sep 17 00:00:00 2001 From: Kevin Monisit Date: Tue, 29 Aug 2023 12:25:03 -0400 Subject: [PATCH 2/3] Added new implementation of stars --- package-lock.json | 69 ++++++++++++------- package.json | 1 + public/tailwind-output.css | 16 +++-- src/App.jsx | 7 +- src/components/_Landing/Landing.css | 8 +++ src/components/_Landing/assets/Particles.tsx | 49 ------------- .../assets/scripts/StarryBackground.tsx | 14 ++++ .../_Landing/assets/scripts/stars.js | 57 +++++++-------- .../sections/hero/MainHeroContent.tsx | 4 -- 9 files changed, 109 insertions(+), 116 deletions(-) delete mode 100644 src/components/_Landing/assets/Particles.tsx create mode 100644 src/components/_Landing/assets/scripts/StarryBackground.tsx diff --git a/package-lock.json b/package-lock.json index 514c47c2..96ada3d1 100644 --- a/package-lock.json +++ b/package-lock.json @@ -26,6 +26,7 @@ "bootstrap": "^4.1.3", "chart.js": "^2.9.4", "font-awesome": "^4.7.0", + "gsap": "^2.1.3", "material-ui-chip-input": "^1.1.0", "parallax-js": "^3.1.0", "qrcode.react": "^0.9.3", @@ -2581,6 +2582,11 @@ } } }, + "node_modules/@material-ui/core/node_modules/popper.js": { + "version": "1.16.1-lts", + "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1-lts.tgz", + "integrity": "sha512-Kjw8nKRl1m+VrSFCoVGPph93W/qrSO7ZkqPpTf7F4bk/sqcfWK019dWBUpE/fBOsOQY1dks/Bmcbfn1heM/IsA==" + }, "node_modules/@material-ui/icons": { "version": "4.9.1", "resolved": "https://registry.npmjs.org/@material-ui/icons/-/icons-4.9.1.tgz", @@ -10538,6 +10544,11 @@ "resolved": "https://registry.npmjs.org/growly/-/growly-1.3.0.tgz", "integrity": "sha1-8QdIy+dq+WS3yWyTxrzCivEgwIE=" }, + "node_modules/gsap": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/gsap/-/gsap-2.1.3.tgz", + "integrity": "sha512-8RFASCqi2FOCBuv7X4o7M6bLdy+1hbR0azg+MG7zz+EVsI+OmJblYsTk0GEepQd2Jg/ItMPiVTibF7r3EVxjZQ==" + }, "node_modules/gzip-size": { "version": "5.1.1", "resolved": "https://registry.npmjs.org/gzip-size/-/gzip-size-5.1.1.tgz", @@ -12522,6 +12533,12 @@ "node": ">= 6" } }, + "node_modules/jquery": { + "version": "3.7.1", + "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.7.1.tgz", + "integrity": "sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg==", + "peer": true + }, "node_modules/js-tokens": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", @@ -14741,9 +14758,14 @@ } }, "node_modules/popper.js": { - "version": "1.16.1-lts", - "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1-lts.tgz", - "integrity": "sha512-Kjw8nKRl1m+VrSFCoVGPph93W/qrSO7ZkqPpTf7F4bk/sqcfWK019dWBUpE/fBOsOQY1dks/Bmcbfn1heM/IsA==" + "version": "1.16.1", + "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz", + "integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ==", + "deprecated": "You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1", + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/popperjs" + } }, "node_modules/portfinder": { "version": "1.0.28", @@ -18731,16 +18753,6 @@ "react-dom": "0.14.x || ^15.0.0 || ^16.0.0" } }, - "node_modules/react-popper/node_modules/popper.js": { - "version": "1.16.1", - "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz", - "integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ==", - "deprecated": "You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1", - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/popperjs" - } - }, "node_modules/react-router": { "version": "4.3.1", "resolved": "https://registry.npmjs.org/react-router/-/react-router-4.3.1.tgz", @@ -25905,6 +25917,13 @@ "prop-types": "^15.7.2", "react-is": "^16.8.0", "react-transition-group": "^4.4.0" + }, + "dependencies": { + "popper.js": { + "version": "1.16.1-lts", + "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1-lts.tgz", + "integrity": "sha512-Kjw8nKRl1m+VrSFCoVGPph93W/qrSO7ZkqPpTf7F4bk/sqcfWK019dWBUpE/fBOsOQY1dks/Bmcbfn1heM/IsA==" + } } }, "@material-ui/icons": { @@ -32236,6 +32255,11 @@ "resolved": "https://registry.npmjs.org/growly/-/growly-1.3.0.tgz", "integrity": "sha1-8QdIy+dq+WS3yWyTxrzCivEgwIE=" }, + "gsap": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/gsap/-/gsap-2.1.3.tgz", + "integrity": "sha512-8RFASCqi2FOCBuv7X4o7M6bLdy+1hbR0azg+MG7zz+EVsI+OmJblYsTk0GEepQd2Jg/ItMPiVTibF7r3EVxjZQ==" + }, "gzip-size": { "version": "5.1.1", "resolved": "https://registry.npmjs.org/gzip-size/-/gzip-size-5.1.1.tgz", @@ -33782,6 +33806,12 @@ } } }, + "jquery": { + "version": "3.7.1", + "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.7.1.tgz", + "integrity": "sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg==", + "peer": true + }, "js-tokens": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", @@ -35594,9 +35624,9 @@ } }, "popper.js": { - "version": "1.16.1-lts", - "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1-lts.tgz", - "integrity": "sha512-Kjw8nKRl1m+VrSFCoVGPph93W/qrSO7ZkqPpTf7F4bk/sqcfWK019dWBUpE/fBOsOQY1dks/Bmcbfn1heM/IsA==" + "version": "1.16.1", + "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz", + "integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ==" }, "portfinder": { "version": "1.0.28", @@ -38571,13 +38601,6 @@ "requires": { "popper.js": "^1.14.1", "prop-types": "^15.6.1" - }, - "dependencies": { - "popper.js": { - "version": "1.16.1", - "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz", - "integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ==" - } } }, "react-router": { diff --git a/package.json b/package.json index c811e104..72e5aa6d 100644 --- a/package.json +++ b/package.json @@ -21,6 +21,7 @@ "bootstrap": "^4.1.3", "chart.js": "^2.9.4", "font-awesome": "^4.7.0", + "gsap": "^2.1.3", "material-ui-chip-input": "^1.1.0", "parallax-js": "^3.1.0", "qrcode.react": "^0.9.3", diff --git a/public/tailwind-output.css b/public/tailwind-output.css index 76f9cec2..743458e8 100644 --- a/public/tailwind-output.css +++ b/public/tailwind-output.css @@ -642,6 +642,10 @@ video { position: sticky; } +.top-0 { + top: 0px; +} + .-left-48 { left: -12rem; } @@ -670,10 +674,6 @@ video { right: 0px; } -.top-0 { - top: 0px; -} - .bottom-\[20rem\] { bottom: 20rem; } @@ -865,6 +865,10 @@ video { height: 100%; } +.h-\[900vh\] { + height: 900vh; +} + .h-5 { height: 1.25rem; } @@ -901,6 +905,10 @@ video { width: 100%; } +.w-\[100vw\] { + width: 100vw; +} + .w-\[24rem\] { width: 24rem; } diff --git a/src/App.jsx b/src/App.jsx index ec9c97eb..37973d04 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -17,10 +17,11 @@ import { import LandingPage from "./components/_Landing/Landing"; import { Snackbar } from "@material-ui/core"; // Alert messages import { Alert } from "@material-ui/lab"; // Alert messages -import ParticleBackground from "./components/_Landing/assets/Particles"; +// import ParticleBackground from "./components/_Landing/assets/Particles"; import NavBar from "./NavBar"; import { defaults } from "./Defaults"; // Get a handle to the default application settings import { Profile } from "./components/Profile"; // User profile storage +import StarryBackground from "./components/_Landing/assets/scripts/StarryBackground"; const updateStateOnURLChange = (component) => { let previousUrl = ""; @@ -238,8 +239,8 @@ class App extends Component { return ( {/* BrowserRouter wil allow us to switch between the different pages in our SPA based on the URL routing */} -
- +
+ {/* Application alert messages go here */} diff --git a/src/components/_Landing/Landing.css b/src/components/_Landing/Landing.css index 4e5a6f09..f490683d 100644 --- a/src/components/_Landing/Landing.css +++ b/src/components/_Landing/Landing.css @@ -21,6 +21,14 @@ background-color: rgba(0, 0, 0, 0.4); } +.star { + position: absolute; + width: 4px; + height: 4px; + border-radius: 2px; + background: white; +} + .floating { animation-name: floating; diff --git a/src/components/_Landing/assets/Particles.tsx b/src/components/_Landing/assets/Particles.tsx deleted file mode 100644 index 2453bc15..00000000 --- a/src/components/_Landing/assets/Particles.tsx +++ /dev/null @@ -1,49 +0,0 @@ -/* eslint-disable indent */ -import React from "react"; -import Particles from "react-particles"; -import { loadFull } from "tsparticles"; - -const options: any = { - background: { - color: "#000", - opacity: 0 - }, - fullscreen: { - enable: true, - zIndex: -1, - }, - particles: { - move: { - direction: "none", - enable: true, - outModes: { - default: "out", - }, - random: true, - speed: 0.1, - straight: false, - }, - opacity: { - animation: { - enable: true, - speed: 1.3, - sync: false, - }, - value: { min: 0, max: 1 }, - }, - size: { - value: { min: 1, max: 3 }, - } - }, -}; - -export default function ParticleBackground() { - return ( -
- await loadFull(engine)} - options={options} - /> -
- ); -} \ No newline at end of file diff --git a/src/components/_Landing/assets/scripts/StarryBackground.tsx b/src/components/_Landing/assets/scripts/StarryBackground.tsx new file mode 100644 index 00000000..77f6c061 --- /dev/null +++ b/src/components/_Landing/assets/scripts/StarryBackground.tsx @@ -0,0 +1,14 @@ +import React, { useEffect } from "react"; +import initStars from "./stars"; + +function StarryBackground() { + + useEffect(() => { + initStars(500); + }, []); + + return
; +} + +export default StarryBackground; \ No newline at end of file diff --git a/src/components/_Landing/assets/scripts/stars.js b/src/components/_Landing/assets/scripts/stars.js index cf2cc503..b75f56ea 100644 --- a/src/components/_Landing/assets/scripts/stars.js +++ b/src/components/_Landing/assets/scripts/stars.js @@ -1,38 +1,29 @@ - - -// Twinkling Star Animation -// https://codepen.io/cliffgurney/pen/GNpzdx -// +import { TweenMax } from "gsap/TweenMax"; // Amount of stars -// function createStars(i) { -// var i = i; -// while(i){ -// drawStars(); -// i-=1; -// } -// } -// // Create Stars -// function drawStars(){ -// var tmpStar = document.createElement("figure"); -// tmpStar.className = "star"; -// tmpStar.style.top = 100*Math.random()+"%"; -// tmpStar.style.left = 100*Math.random()+"%"; -// document.getElementById("sky").appendChild(tmpStar); -// } -// // Animate Stars -// function selectStars() { -// stars = document.querySelectorAll(".star"); -// console.log(stars); -// } -// function animateStars() { -// Array.prototype.forEach.call(stars, function(el, i){ -// TweenMax.to(el, Math.random() * 0.4 + 0.4, {opacity: Math.random(), onComplete: animateStars}); -// }); -// } +function createStars(numberOfStars) { + for (let i = 0; i < numberOfStars; i++) { + placeStarRandomly(); + } +} +// Create Stars +function placeStarRandomly(){ + const tmpStar = document.createElement("figure"); + tmpStar.className = "star"; + tmpStar.style.top = 100*Math.random()+"%"; + tmpStar.style.left = 100*Math.random()+"%"; + document.getElementById("starryBackground").appendChild(tmpStar); +} -// createStars(500); -// selectStars(); -// animateStars(); +function animateStars() { + const stars = document.querySelectorAll(".star"); + Array.prototype.forEach.call(stars, function(el,){ + TweenMax.to(el, Math.random() * 0.4 + 0.4, {opacity: Math.random(), onComplete: animateStars}); + }); +} +export default function initStars(numberOfStars) { + createStars(numberOfStars); + animateStars(); +} diff --git a/src/components/_Landing/sections/hero/MainHeroContent.tsx b/src/components/_Landing/sections/hero/MainHeroContent.tsx index 56098902..8b2920ba 100644 --- a/src/components/_Landing/sections/hero/MainHeroContent.tsx +++ b/src/components/_Landing/sections/hero/MainHeroContent.tsx @@ -31,10 +31,6 @@ function HeroTitle() {
Hack All Knight   - -
- -
From 0db40a7171c07e649598846192bec521796d6a1e Mon Sep 17 00:00:00 2001 From: Kevin Monisit Date: Tue, 29 Aug 2023 12:27:15 -0400 Subject: [PATCH 3/3] Linting fixes --- src/components/_Landing/sections/footer/Footer.tsx | 4 ++-- src/components/_Landing/sections/hero/MainHeroContent.tsx | 1 - 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/src/components/_Landing/sections/footer/Footer.tsx b/src/components/_Landing/sections/footer/Footer.tsx index 1729780b..32962eb7 100644 --- a/src/components/_Landing/sections/footer/Footer.tsx +++ b/src/components/_Landing/sections/footer/Footer.tsx @@ -1,4 +1,3 @@ - import { FaFacebookF } from "react-icons/fa"; import { FaInstagram } from "react-icons/fa"; import { FaTwitter } from "react-icons/fa"; @@ -39,7 +38,8 @@ function Footer() {
diff --git a/src/components/_Landing/sections/hero/MainHeroContent.tsx b/src/components/_Landing/sections/hero/MainHeroContent.tsx index 8b2920ba..b28b501b 100644 --- a/src/components/_Landing/sections/hero/MainHeroContent.tsx +++ b/src/components/_Landing/sections/hero/MainHeroContent.tsx @@ -1,5 +1,4 @@ import React from "react"; -import { IoMoon } from "react-icons/io5"; import { Link } from "react-router-dom"; function LoginAndRegister(props: { isLoggedIn: boolean, registrationOpen: false, }) {