Merge pull request #244 from ayush-py-c/main

#221 issue name changed

index.html

@@ -9,6 +9,9 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
 
     <link rel="icon" href="images/favicon-removebg-preview.png">
+    <link
+        href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
+        rel="stylesheet">
 
     <link rel="stylesheet" href="style.css">
     <label for ="dark-mode-toggle">
@@ -425,7 +428,11 @@
 
     <input type="checkbox" name="" id="toggler">
     <label for="toggler" class="fas fa-bars"></label>
+
+    <a href="#" class="logo" id=""><span id="newlogo"></span></a>
+
     <a href="#" class="logo">Resum Resume</a>
+
 
             <nav class="navbar">
                 <a href="#home">Home</a>
@@ -552,9 +559,24 @@ <h3>Connect With Us</h3>
         </div>
     </footer>
 
+
     <!-- Scripts -->
     <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
+    <script src="https://unpkg.com/typed.js@2.1.0/dist/typed.umd.js"></script>
+    <script>
+
+        var typed = new Typed('#newlogo', {
+
+            strings: ['EnhanCV.',"Build and shine!"],
+            loop: true,
+            typeSpeed: 80,
+            backSpeed: 25, // Speed for backspacing
+            backDelay: 1000, // Delay before starting to backspace
+            startDelay: 500 // Optional: Delay before starting the typing effect
+        });
+
+    </script>
 </body>
 </html>

script.js

@@ -80,4 +80,17 @@ document.addEventListener('DOMContentLoaded', () => {
             commentInput.value = ''; // Clear the input
         });
     });
+
 });
+
+
+// var typed = new Typed('#newlogo', {
+//     strings: ['EnhanCV.'],
+//     typeSpeed: 50,
+// });
+
+
+
+
+
+

style.css

@@ -71,6 +71,10 @@ header {
 
 header .logo {
     font-size: 3rem;
+
+    font-family: 'Poppins', sans-serif;
+    color: #353047;
+
     color: var(--off-white); /* White logo for contrast */
     font-weight: bolder;
 }
@@ -82,11 +86,13 @@ header .logo:hover {
     text-decoration: none;
 }
 
+
 header .logo span {
     color: var(--off-white); /* Updated to match logo color */
 
 }
 
+
 header .navbar a {
     font-size: 2rem;
     padding: 15px;