added animation to resume page

mohamedmaghzaoui · Oct 31, 2024 · 0618db4 · 0618db4
1 parent 71459fa
commit 0618db4
Show file tree

Hide file tree

Showing 20 changed files with 362 additions and 124 deletions.
diff --git a/MonCv.pdf b/MonCv.pdf
diff --git a/about.html b/about.html
@@ -18,7 +18,7 @@
                 <div class="container-fluid">
                     <!--navbar elements-->
                     <a class="navbar-brand fs-2 fw-bold col-5 offset-1 " href="about.html">About<span
-                            class="text-warning">Me</span></a>
+                            class="text-warning mx-2">Me</span></a>
                     <!--burger menu-->
                     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
                         aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">

diff --git a/c-icon.svg b/c-icon.svg
diff --git a/common.css b/common.css
@@ -0,0 +1,28 @@
+.animate-charcter
+{
+
+  background-image: linear-gradient(
+    -225deg,
+    #ecc64b 0%,
+    #BA55D3 29%,
+    #4795c3 67%,
+    #f26667 100%
+  );
+  background-size: auto auto;
+  background-clip: border-box;
+  background-size: 200% auto;
+  color: #fff;
+  background-clip: text;
+  text-fill-color: transparent;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  animation: textclip 3s linear infinite;
+  display: inline-block;
+      font-size: 190px;
+}
+
+@keyframes textclip {
+  to {
+    background-position: 200% center;
+  }
+}
diff --git a/contact.html b/contact.html
@@ -16,7 +16,7 @@
                     <!--navbar elements-->
 
                     <a class="navbar-brand fs-2 fw-bold col-5 offset-1" href="./about.html">About<span
-                            class="text-warning">Me</span></a>
+                            class="text-warning mx-2">Me</span></a>
                     <!--burger menu-->
                     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
                         aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">

diff --git a/css-icon.svg b/css-icon.svg
diff --git a/docker-icon.svg b/docker-icon.svg
diff --git a/html-icon.svg b/html-icon.svg
diff --git a/index.html b/index.html
@@ -9,6 +9,7 @@
     <link rel="stylesheet" href="portfolio.css">
     <link rel="stylesheet" href="index.css">
     <link rel="stylesheet" href="navbar.css">
+    <link rel="stylesheet" href="common.css">
     <!--the index , resume and project css is in portfolio.css while about and contact is in contact.css-->
 </head>
 
@@ -19,8 +20,8 @@
                 <div class="container-fluid">
                     <!--navbar elements-->
 
-                    <a class="navbar-brand fs-2 fw-bold col-5 offset-1" href="about.html">About<span
-                            class="text-warning">Me</span></a>
+                    <a class="navbar-brand fs-2 fw-bold col-5 offset-1 " href="about.html">About<span
+                            class="text-warning mx-2">Me</span></a>
                     <!--burger menu-->
                     <button class="navbar-toggler btn-lg   " type="button" data-bs-toggle="collapse"
                         data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false"

diff --git a/java-icon.svg b/java-icon.svg
diff --git a/js-icon.svg b/js-icon.svg
diff --git a/linux-icon.svg b/linux-icon.svg
diff --git a/php-icon.svg b/php-icon.svg
diff --git a/project.html b/project.html
@@ -17,7 +17,7 @@
                 <div class="container-fluid">
                     <!--navbar elements-->
                     <a class="navbar-brand fs-2 fw-bold col-5 offset-1" href="about.html">About<span
-                            class="text-warning">Me</span></a>
+                            class="text-warning mx-2">Me</span></a>
                     <!--burger menu-->
                     <button class="navbar-toggler btn-lg   " type="button" data-bs-toggle="collapse"
                         data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false"

diff --git a/python-icon.svg b/python-icon.svg