new update

amgno · Jul 13, 2024 · b6581ef · b6581ef
1 parent a376b70
commit b6581ef
Show file tree

Hide file tree

Showing 7 changed files with 67 additions and 10 deletions.
diff --git a/about.html b/about.html
@@ -37,7 +37,7 @@ <h1>ABOUT ME
                 <h1><a>2024</a>// <a href="./works.html">SELECTED WORKS</a></h1>
                 <h1></h1>
                 <h1></h1>
-                <h1><a href="./index.html">BACK</a><a href=""></a></h1>
+                <h1><a href="./index.html" class="backbtn">BACK</a><a href=""></a></h1>
             </nav>
         </div>
 

diff --git a/contact.html b/contact.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>AM | About</title>
+    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="Sequel sans/style.css">
+    <link rel="icon" type="image/x-icon" href="./favicon.ico">
+</head>
+
+<script src="./transition.js"></script>
+
+<body>
+    <div class="main-page">
+
+        <div class="main-page-info">
+            <nav style="line-height: 0.5rem;">
+                <h1>CONTACT ME
+                    <svg class="main-page-info-star" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
+                        <path fill="#fff" stroke="#000" stroke-width=".3"
+                            d="m9.145 7.98 3.069 4.394-2.019 1.415-3.07-4.638-.124-.188-.126.188-3.07 4.589-2.02-1.415 3.021-4.346.116-.167-.193-.061-4.54-1.444.745-2.341L5.57 5.602l.2.071V.15H8.18v5.522l.2-.07 4.685-1.636.745 2.34-4.588 1.445-.195.06.117.168Z">
+                        </path>
+                    </svg>
+                </h1>
+
+                <div class="work-list">
+                    <a href="https://instagram.com/mggno">IG<span>@mggno</span></a>
+                    <a href="mailto:[email protected]">MAIL <span>[email protected]</span></a>
+                </div>
+                <h1><a>2024</a>// <a href="./works.html">SELECTED WORKS</a></h1>
+                <h1></h1>
+                <h1></h1>
+                <h1><a href="./index.html" class="backbtn">BACK</a><a href=""></a></h1>
+            </nav>
+        </div>
+
+
+    </div>
+</body>
diff --git a/index.html b/index.html
@@ -28,9 +28,10 @@ <h1>ALESSANDRO MAGNOCAVALLO
 
                 <h1><a>DESIGN STUDENT</a> <a style="width: 32px;display: flex;justify-content: center;">&</a> <a>WEB
                         DESIGNER</a></h1>
-                <h1><a>2024</a>// <a href="./works.html">SELECTED WORKS</a></h1>
-                <h1 style="margin-top: 32px;"
-                ><a href="./about.html">INFO</a><a href="">CONTACT</a></h1>
+                <h1 style="margin-top: 32px;">
+                    <a href="./works.html">2024</a>// <a href="./works.html">SELECTED WORKS</a></h1>
+                <h1 
+                ><a href="./about.html">INFO</a><a href="./contact.html">CONTACT</a></h1>
             </nav>
         </div>
 

diff --git a/project.html b/project.html
@@ -165,7 +165,7 @@ <h1><a>
                     </a></h1>
                 <h1></h1>
                 <h1></h1>
-                <h1><a href="./works.html">BACK</a><a href=""></a></h1>
+                <h1><a href="./works.html" class="backbtn">BACK</a><a href=""></a></h1>
             </nav>
         </div>
 

diff --git a/style.css b/style.css
@@ -9,8 +9,21 @@ body {
 }
 
 a {
-    text-decoration: none;
+    text-decoration:none;
     color: inherit;
+    transition: 0.2s all ease-in-out;
+}
+
+a:hover {
+}
+
+
+.backbtn {
+    font-family: Tiempos;
+    text-transform: lowercase;
+    font-weight: 100;
+    margin-top: 3px;
+    mix-blend-mode: difference;
 }
 
 .main-page {
@@ -93,7 +106,7 @@ h1 {
     margin: 0;
     margin-top: 4px;
     padding-bottom: 2px;
-    transition: all 0.4s ease-in-out;
+    transition: all 0.2s ease-in-out;
     cursor: pointer;
 }
 
@@ -134,6 +147,7 @@ h1 {
     height: 80%;
     margin: 0;
     padding: 0;
+    background-color: black;
 }
 
 #image-gallery {

diff --git a/transition.js b/transition.js
@@ -3,7 +3,7 @@ document.addEventListener('DOMContentLoaded', function () {
     document.body.style.opacity = '0%';
     setTimeout(function () {
         document.body.style.opacity = '100%';
-    }, 600); // Match the transition duration
+    }, 200); // Match the transition duration
 
 
     document.querySelectorAll('a[href]').forEach(function (link) {
@@ -18,7 +18,7 @@ document.addEventListener('DOMContentLoaded', function () {
 
             setTimeout(function () {
                 window.location.href = targetUrl; // Navigate after fade-out
-            }, 500); // Match the transition duration
+            }, 250); // Match the transition duration
         });
     });
 

diff --git a/works.html b/works.html
@@ -79,7 +79,7 @@ <h1>SELECTED WORKS
                 <h1><a>2024</a>// <a href="./about.html">INFO</a></h1>
                 <h1></h1>
                 <h1></h1>
-                <h1><a href="./index.html">BACK</a><a href=""></a></h1>
+                <h1><a href="./index.html" class="backbtn">BACK</a><a href=""></a></h1>
             </nav>
         </div>