From 3961365cbf5d9e53b66447d7380a8d94da231ddf Mon Sep 17 00:00:00 2001 From: Cristal Lu Date: Sun, 19 Feb 2023 01:36:37 -0500 Subject: [PATCH 1/3] halfwaycarousel --- client/package.json | 2 +- client/src/App.js | 2 + client/src/components/Carousel.js | 34 +++++++++ client/src/components/Navbar.js | 3 - client/src/components/swiper-bundle.min.css | 13 ++++ client/src/components/swiper-bundle.min.js | 14 ++++ client/src/index.css | 77 +++++++++++++++++++-- 7 files changed, 136 insertions(+), 9 deletions(-) create mode 100644 client/src/components/Carousel.js create mode 100644 client/src/components/swiper-bundle.min.css create mode 100644 client/src/components/swiper-bundle.min.js diff --git a/client/package.json b/client/package.json index ef1b28d..35640ba 100644 --- a/client/package.json +++ b/client/package.json @@ -15,7 +15,7 @@ "web-vitals": "^2.1.4" }, "scripts": { - "start": "react-scripts start", + "start": "react-scripts --openssl-legacy-provider start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" diff --git a/client/src/App.js b/client/src/App.js index 74ed2ef..bbb08b5 100644 --- a/client/src/App.js +++ b/client/src/App.js @@ -2,6 +2,7 @@ import React from "react"; import Navbar from './components/Navbar'; import Profile from './components/Profile'; +import Carousel from './components/Carousel' import './index.css'; function App() { @@ -19,6 +20,7 @@ function App() {
+
diff --git a/client/src/components/Carousel.js b/client/src/components/Carousel.js new file mode 100644 index 0000000..6071e92 --- /dev/null +++ b/client/src/components/Carousel.js @@ -0,0 +1,34 @@ +import React from "react" +import cardimg from './images/earth.png'; + + + +const Carousel = () => { + return ( + +
+
+
+
+
+
+ +
+ +
+
+

Microbiology

+
+
+ +
+ +
+
+ + + + ); +} + +export default Carousel; \ No newline at end of file diff --git a/client/src/components/Navbar.js b/client/src/components/Navbar.js index e49106f..8469382 100644 --- a/client/src/components/Navbar.js +++ b/client/src/components/Navbar.js @@ -1,9 +1,6 @@ import React from "react" import logo from './images/toplogo.png'; - - - const Navbar = () => { return (