min

IDawson-K · Feb 17, 2023 · 987f624 · 987f624
1 parent cd8abc5
commit 987f624
Show file tree

Hide file tree

Showing 8 changed files with 24 additions and 13 deletions.
diff --git a/SCRIPT/curseuranim.js b/SCRIPT/curseuranim.js
@@ -99,6 +99,9 @@ document.addEventListener("DOMContentLoaded", function () { // On DOM Load initi
     if (textArray.length) setTimeout(type, newTextDelay + 250);
 });
 
+// La page qui scroll un peu au refresh peut etre un bug live server mais on sait jamais :
+history.scrollRestoration = "manual";
+
 function hoverlanavbar() {
     document.querySelector('#navbar').classList.add('contourhovernavbar');
     document.querySelector('#contour').classList.add('contourhover');

diff --git a/SCRIPT/curseuranim.min.js b/SCRIPT/curseuranim.min.js
diff --git a/STYLE/style.css b/STYLE/style.css
@@ -8,7 +8,6 @@
 @font-face {
     font-family: '01';
     src: url(../FONT/MuseoModerno-Italic-VariableFont_wght.ttf);
-    font-weight: 900;
 }
 
 @font-face {
@@ -250,9 +249,16 @@ span {
     width: 45px;
     margin-left: 5px;
     z-index: 9;
+    cursor: pointer;
+    transition: 0.4s;
+    transform-origin: left top;
     animation: dk 1s ease-in-out 0.1s 1 normal forwards;
 }
 
+.dklogo:hover {
+    transform: scale(1.2);
+}
+
 .dawson {
     margin-top: 12px;
     color: #14171A;
@@ -263,7 +269,7 @@ span {
     font-weight: 200;
     letter-spacing: 0.2rem;
     transform-origin: left;
-    animation: dawson 1.3s ease-in-out 0.2s 1 normal forwards;
+    animation: dawson 1.3s ease-in-out 0.4s 1 normal forwards;
 }
 
 .navbar {
@@ -397,9 +403,7 @@ span {
 }
 
 .black {
-    width: 3rem !important;
-    height: 3rem !important;
-    filter: invert(100%);
+    filter: sepia(1) contrast(2) brightness(2);
     border: none !important;
     transition: 1s;
 }
@@ -851,11 +855,11 @@ span {
 
 @keyframes dk {
     from {
-        transform: scale(0.8);
+        width: 10px;
     }
 
     to {
-        transform: scale(0.9);
+        width: 45px;
         opacity: 1;
     }
 }

diff --git a/STYLE/style.min.css b/STYLE/style.min.css
diff --git a/STYLE/stylecarousel.css b/STYLE/stylecarousel.css
@@ -20,6 +20,7 @@
     height: 100%;
     border-radius: 10px;
     object-fit: cover;
+    cursor: pointer;
   }
   .carousel__prev, .carousel__next {
     position: absolute;

diff --git a/contact.html b/contact.html
@@ -42,7 +42,7 @@
 
     <!----- HEADER ----->
     <header>
-        <img onmouseover="black()" onmouseleave="white()" onclick="location.href='index.html'" src="IMG/DK-LOGO.png" class="dklogo">
+        <img onmouseover="black()" onmouseleave="white()" onclick="location.href='index.html'" src="IMG/DK-LOGO.webp" class="dklogo">
         <p onmouseover="black()" onmouseleave="white()" onclick="location.href='index.html'" class="dawson">DAWSON KRAMER
         </p>
     </header>

diff --git a/index.html b/index.html
@@ -6,6 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="author" content="Dawson Kramer">
     <meta name="description" content="Welcome to my professional portfolio, showcasing my skills and passion for Web Design. As a student with a strong interest in Web Development, I have completed various projects and coursework, demonstrating my creativity and dedication to excellence. Browse through my recent work and get in touch to learn how I can contribute to your future projects.">
+    <meta name="keywords" content="Web Design, 3D, Editing, Development, Coding, Trends, CSS, HTML, JavaScript, Wordpress, Website, Photo, Video, Portfolio, France, Student, Science, Computer">
     <meta name="theme-color" content="#14171A">
     <title>Dawson Kramer</title>
     <!-- FEUILLES DE STYLE -->

diff --git a/work.html b/work.html
@@ -2,15 +2,17 @@
 <html>
 
 <head>
+    <title>Dawson Kramer</title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="author" content="Dawson Kramer">
     <meta name="description" content="Welcome to my professional portfolio, showcasing my skills and passion for Web Design. As a student with a strong interest in Web Development, I have completed various projects and coursework, demonstrating my creativity and dedication to excellence. Browse through my recent work and get in touch to learn how I can contribute to your future projects.">
     <meta name="theme-color" content="#14171A">
-    <title>Dawson Kramer</title>
+    <!-- TWITTER -->
+    <meta name="twitter:card" content="summary"></meta>
     <!-- FEUILLES DE STYLE -->
     <link rel="stylesheet" type="text/css" href="STYLE/style.min.css">
-    <link rel="stylesheet" href="STYLE/stylecarousel.css">
+    <link rel="stylesheet" href="STYLE/stylecards.css">
     <!-- ICONES FONTAWESOME -->
     <link rel='stylesheet' href='https://pro.fontawesome.com/releases/v5.9.0/css/all.css'>
     <!-- LIEN CANONIQUE -->
@@ -42,7 +44,7 @@
 
     <!----- HEADER ----->
     <header>
-        <img onmouseover="black()" onmouseleave="white()" onclick="location.href='index.html'" src="IMG/DK-LOGO.png" class="dklogo">
+        <img onmouseover="black()" onmouseleave="white()" onclick="location.href='index.html'" src="IMG/DK-LOGO.webp" class="dklogo">
         <p onmouseover="black()" onmouseleave="white()" onclick="location.href='index.html'" class="dawson">DAWSON KRAMER
         </p>
     </header>