v1.0.0 before adding daisyUI and TailWind

vinitvijal · Jun 17, 2023 · 3673cdc · 3673cdc
1 parent 7736a80
commit 3673cdc
Show file tree

Hide file tree

Showing 6 changed files with 34 additions and 190 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/App.css b/src/App.css
@@ -132,6 +132,7 @@ header nav a:hover::after {
 }
 
 #homebg {
+  height: 100vh;
   width: 100%;
   z-index: -2;
   opacity: 0.1;

diff --git a/src/App.js b/src/App.js
@@ -1,5 +1,6 @@
 import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
 import './App.css';
+import './Curve.css'
 import Header from './components/Header';
 import Home from './components/Home';
 import Resume from './components/Resume';

diff --git a/src/Curve.css b/src/Curve.css
@@ -0,0 +1,8 @@
+.custom-shape-divider-top-1684383521 {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    overflow: hidden;
+    line-height: 0;
+}
diff --git a/src/components/Header.js b/src/components/Header.js
@@ -1,8 +1,6 @@
 import React, { useState } from 'react';
 import { Link } from 'react-router-dom';
 import { Typewriter } from 'react-simple-typewriter';
-import CIcon from '@coreui/icons-react';
-import * as icon from '@coreui/icons';
 import { FaGithub } from 'react-icons/fa';
 
 
@@ -21,20 +19,20 @@ const Header = () => {
          window.addEventListener('scroll', function() {
 
 
-        if (window.scrollY >= 40 && window.scrollY < 240){
-          headerCode.style.backdropFilter = 'blur(10px)';
-          headerCode.style.boxShadow = '0 -20px 15px 10px white';
-          headerCode.style.transition = '0.5s';
-          headingH1.style.color = '#c770f0';
-        }else if (window.scrollY >= 240){
-            headerCode.style.boxShadow = '0 -20px 15px 10px white';
-            headingH1.style.color = 'white';
-            headingH1.style.transition = '1s';
-        } else{
-          headerCode.style.backdropFilter = 'blur(0px)';
-          headerCode.style.boxShadow = 'none';
+            if (window.scrollY >= 40 && window.scrollY < 240){
+                headerCode.style.backdropFilter = 'blur(10px)';
+                headerCode.style.boxShadow = '0 -20px 15px 10px white';
+                headerCode.style.transition = '0.5s';
+                headingH1.style.color = '#c770f0';
+            } else if (window.scrollY >= 240){
+                headerCode.style.boxShadow = '0 -20px 15px 10px white';
+                headingH1.style.color = 'white';
+                headingH1.style.transition = '1s';
+            } else {
+                headerCode.style.backdropFilter = 'blur(0px)';
+                headerCode.style.boxShadow = 'none';
 
-        };
+            };
 
         });
 
@@ -43,7 +41,7 @@ const Header = () => {
     }
 
 
-
+    
 
     return (
         <header id='header'>