Lenadlm patch 3.9 (#38)

* Update projects.html * Update index.html * Update styles.css * Update index.html * Update styles.css * Update styles.css
lenadlm · Jul 11, 2024 · d9ffb05 · d9ffb05
1 parent fa4a70b
commit d9ffb05
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 11 deletions.
diff --git a/index.html b/index.html
@@ -67,14 +67,13 @@ <h2>Welcome</h2>
                 <p class="lead">Language Proficiency</p>
 
                 <!-- Language Badges -->
-                <p class="badge">
+                <p class="badge-wiggle">
                     <a href="https://github.com/lenadlm"><img src="https://img.shields.io/badge/HTML-75%25-orange?syle=plastic&logo=html5&logoColor=white" alt="HTML"></a>
                     <a href="https://github.com/lenadlm"><img src="https://img.shields.io/badge/CSS-70%25-green?syle=plastic&logo=css3&logoColor=white" alt="CSS"></a>
                     <a href="https://github.com/lenadlm"><img src="https://img.shields.io/badge/Python-50%25-blue?syle=plastic&logo=python&logoColor=white" alt="Python"></a>
-                    <a href="https://github.com/lenadlm"><img src="https://img.shields.io/badge/JavaScript-50%25-yellow?syle=plastic&logo=js&logoColor=white" alt="JavaScript"></a><br>
+                    <a href="https://github.com/lenadlm"><img src="https://img.shields.io/badge/JavaScript-50%25-yellow?syle=plastic&logo=js&logoColor=white" alt="JavaScript"></a><br><br>
                     <a href="https://github.com/lenadlm"><img src="https://img.shields.io/badge/Linux-80%25-lightgrey?syle=plastic&logo=linux&logoColor=white" alt="Linux"></a>
-                    <a href="https://github.com/lenadlm"><img src="https://img.shields.io/badge/git-60%25-red?syle=plastic&logo=git&logoColor=white" alt="Git"></a>
-                    <br><br>
+                    <a href="https://github.com/lenadlm"><img src="https://img.shields.io/badge/git-60%25-red?syle=plastic&logo=git&logoColor=white" alt="Git"></a><br><br>
 
                 <!-- Social Follow Badge -->
                     <a href="https://twitter.com/intent/follow?screen_name=lenadlm"><img src="https://img.shields.io/twitter/follow/lenadlm?style=social&logo=twitter" alt="follow on Twitter" target="_blank"></a>

diff --git a/projects.html b/projects.html
@@ -8,7 +8,7 @@
     <meta property="og:description" content="Welcome to my webpage!">
     <meta property="og:image" content="images/leo-100.png">
     <meta property="og:image:alt" content="my logo">
-    <meta property="og:url" content="https://lenadlm.github.io">
+    <meta property="og:url" content="https://lenadlm.github.io/projects.html">
     <meta property="og:type" content="website">
     <meta property="og:site_name" content="lenadlm">
     <meta property="og:locale" content="en_US">
@@ -48,7 +48,7 @@
     <!-- First Project Section -->
     <div class="container mt-5 mx-auto">
         <div class="row my-5" id="project-1">
-            <div class=col-10 mx-auto p-5 bg-opacity">
+            <div class="col-10 mx-auto p-5 bg-opacity">
                 <h2 class="text-center">Project 1</h2>
                 <p class="lead text-center">Description of Project 1...</p>
                 <!-- Add details of Project 1 here -->
@@ -59,7 +59,7 @@ <h2 class="text-center">Project 1</h2>
     <!-- Second Project Section -->
     <div class="container mt-5 mx-auto">
         <div class="row my-5" id="project-2">
-            <div class=col-10 mx-auto p-5 bg-opacity">
+            <div class="col-10 mx-auto p-5 bg-opacity">
                 <h2 class="text-center">Project 2</h2>
                 <p class="lead text-center">Description of Project 2...</p>
                 <!-- Add details of Project 2 here -->

diff --git a/styles.css b/styles.css
@@ -38,7 +38,7 @@ p.font-rlw {
 }
 
 .nav a.btn:hover {
-    transform: scale(1.1);
+    transform: scale(1.5);
     background-color: #28a745; /* Adjust color as needed */
 }
 
@@ -48,15 +48,15 @@ footer a img {
 }
 
 footer a img:hover {
-    transform: scale(1.1);
+    transform: scale(1.5);
     opacity: 0.8;
 }
 
 /* Badge Wiggle Animation */
 @keyframes wiggle {
     0% { transform: rotate(0); }
-    25% { transform: rotate(6deg); }
-    75% { transform: rotate(-6deg); }
+    25% { transform: rotate(10deg); }
+    75% { transform: rotate(-10deg); }
     100% { transform: rotate(0); }
 }