Revert "Custom: Adding pdf links in courses"

Shreyaa173 · Oct 30, 2024 · 848f1fa · 848f1fa
1 parent 6a3be4b
commit 848f1fa
Show file tree

Hide file tree

Showing 5 changed files with 205 additions and 285 deletions.
diff --git a/src/App.css b/src/App.css
@@ -363,7 +363,7 @@ nav {
 }
 
 .course-box {
-  height:60vh;
+  height: 55vh;
   width: 21%;
   border-radius: 20px;
   border: 1px solid #ececf9;
@@ -385,7 +385,7 @@ nav {
 
 .course-image {
   width: 100%;
-  height: 60%; 
+  height: 68%; 
   overflow: hidden;
   display: grid;
   place-items: center;
@@ -433,7 +433,6 @@ nav {
 }
 
 .lessons {
-  margin-top: 10px;
   font-size: 0.95rem;
   color: #ccc;
   cursor: pointer;

diff --git a/src/components/Card.jsx b/src/components/Card.jsx
@@ -1,7 +1,6 @@
 /** @format */
 
 import React from "react";
-import { MdPictureAsPdf } from "react-icons/md";
 
 export default function Card({
 	imgurl,
@@ -10,9 +9,7 @@ export default function Card({
 	notes,
 	ytlink,
 	gfgLink,
-	pdfLink,
 }) {
-	console.log(pdfLink);
 	return (
 		<div className="course-box">
 			<div className="course-image">
@@ -41,21 +38,6 @@ export default function Card({
 						<i className="fa-brands fa-leanpub"></i> {notes} Notes
 					</p>
 				</a>
-				<a
-					href={pdfLink}
-					target="_blank"
-					rel="noopener noreferrer">
-					<p
-						className="lessons"
-						style={{
-							display: "flex",
-							justifyContent: "flex-start",
-							alignItems: "center",
-							gap: "15px",
-						}}>
-						<MdPictureAsPdf style={{ width: "15px", height: "15px" }} /> Pdfs
-					</p>
-				</a>
 			</div>
 		</div>
 	);

diff --git a/src/components/CourseCards.jsx b/src/components/CourseCards.jsx
@@ -153,26 +153,9 @@ function CourseCards({ searchTerm }) {
 								Notes={course.Notes}
 								ytlink={course.ytlink}
 								gfgLink={course.gfgLink}
-								pdfLink={`https://www.google.com/search?q=${course.coursename}+site:drive.google.com`}
-								style={{
-									transition: "box-shadow 0.5s ease-in-out",
-									backgroundColor: "#2B2043",
-									boxShadow: "0px 0px 8px rgba(43, 32, 67, 0.3)",
-									":hover": {
-										boxShadow: "0px 4px 15px rgba(43, 32, 67, 0.6)",
-									},
-								}}
 							/>
 						))}
-						<div
-							className="arrow-container"
-							style={{
-								transition: "box-shadow 0.3s ease-in-out",
-								boxShadow: "0px 0px 5px rgba(43, 32, 67, 0.2)",
-								":hover": {
-									boxShadow: "0px 4px 10px rgba(43, 32, 67, 0.5)",
-								},
-							}}>
+						<div className="arrow-container">
 							<a href="/courses">
 								<img
 									src={arrow}
@@ -185,25 +168,11 @@ function CourseCards({ searchTerm }) {
 				) : (
 					<a
 						href="https://img.freepik.com/free-vector/hand-drawn-no-data-illustration_23-2150544961.jpg?w=1060&t=st=1729348558~exp=1729349158~hmac=e9edf6c5c2ad2259ebe6a41759c11690e61df13c3a0831cc00367ececf6b89a5"
-						className="course-box"
-						style={{
-							transition: "box-shadow 0.5s ease-in-out",
-							boxShadow: "0px 0px 8px rgba(43, 32, 67, 0.2)",
-							":hover": {
-								boxShadow: "0px 4px 15px rgba(43, 32, 67, 0.4)",
-							},
-						}}>
+						className="course-box">
 						<div className="course-image">
 							<img
 								src="https://img.freepik.com/free-vector/hand-drawn-no-data-illustration_23-2150544961.jpg?w=1060&t=st=1729348558~exp=1729349158~hmac=e9edf6c5c2ad2259ebe6a41759c11690e61df13c3a0831cc00367ececf6b89a5"
 								alt="No course found"
-								style={{
-									transition: "box-shadow 0.5s ease-in-out",
-									boxShadow: "0px 0px 10px rgba(43, 32, 67, 0.3)",
-									":hover": {
-										boxShadow: "0px 4px 20px rgba(43, 32, 67, 0.6)",
-									},
-								}}
 							/>
 						</div>
 						<div className="course-text">

diff --git a/src/components/Introduction.jsx b/src/components/Introduction.jsx
@@ -1,51 +1,28 @@
-
-import React from "react";
-import home from "../assets/home.png";
+import React from 'react'
+import home from "../assets/home.png"
 function Introduction() {
-	return (
-		<>
-			{" "}
-			<div className="home">
-				<div
-					className="home-text"
-					id="introduction">
-					<div className="left-text">
-						<div className="top-text">
-							<button className="top-button">Code Your Way to Success</button>
-						</div>
-						<div className="mid-text">
-							<p>
-								Welcome to Code Book, your ultimate coding destination. Whether
-								you're a coding novice or a seasoned developer, we've got you
-								covered. Master in-demand languages like Python, JavaScript, and
-								Java while building real-world projects. Join our vibrant
-								community of learners to collaborate and grow together. Start
-								your coding journey today and unlock endless possibilities.
-							</p>
-						</div>
-						<div className="explore">
-							<button className="explore-btn">
-								<a href="/signup">
-									Get Started (It's free)
-									<i className="fa-solid fa-laptop-file"></i>
-								</a>
-							</button>
-						</div>
-					</div>
-					<div className="right-image">
-						<img
-							src={home}
-							alt=""
-							className="home-image"
-						/>
-					</div>
-				</div>
-				<div
-					className="courses"
-					id="courses"></div>
-			</div>
-		</>
-	);
+return (
+    <>  <div className='home'>
+        <div className="home-text" id="introduction">
+                    <div className="left-text">
+                        <div className="top-text">
+                            <button className="top-button">Code Your Way to Success</button>
+                        </div>
+                        <div className="mid-text">
+                            <p>Welcome to Code Book, your ultimate coding destination. Whether you're a coding novice or a seasoned developer, we've got you covered. Master in-demand languages like Python, JavaScript, and Java while building real-world projects. Join our vibrant community of learners to collaborate and grow together. Start your coding journey today and unlock endless possibilities.</p>
+                        </div>
+                        <div className="explore">
+                            <button className="explore-btn"><a href= "/signup">Get Started (It's free)<i className="fa-solid fa-laptop-file"></i></a></button>
+                        </div>
+                    </div>    
+                    <div className="right-image">
+                        <img src={home} alt="" className="home-image"/>
+                    </div>
+        </div>
+        <div className="courses" id="courses"></div>
+        </div>
+    </>
+)
 }
 
-export default Introduction;
+export default Introduction