From 4319c2cd0611b4b84f81d4bfecfee8228ba7646e Mon Sep 17 00:00:00 2001 From: Juthatip McDevitt Date: Wed, 24 Apr 2024 12:15:39 -0500 Subject: [PATCH] made change --- awwwards/index.html | 28 +++++++++++-------------- awwwards/main.js | 4 ++-- awwwards/style.css | 2 +- awwwards_ss1/src/components/Footer.jsx | 2 +- awwwards_ss4/src/components/NavMenu.jsx | 2 +- 5 files changed, 17 insertions(+), 21 deletions(-) diff --git a/awwwards/index.html b/awwwards/index.html index d83428e..33eb3d7 100644 --- a/awwwards/index.html +++ b/awwwards/index.html @@ -117,10 +117,9 @@

→

- - - - + + +
@@ -133,10 +132,9 @@

→

- - - - + + +
@@ -149,10 +147,9 @@

→

- - - - + + +
@@ -165,10 +162,9 @@

→

- - - - + + +
diff --git a/awwwards/main.js b/awwwards/main.js index f55c477..fd93dcc 100644 --- a/awwwards/main.js +++ b/awwwards/main.js @@ -6,12 +6,12 @@ const view = { grid: document.querySelector('.work-grid'), index: document.querySelector('.work-index'), indexItem: document.querySelectorAll('.work-index-item'), - indexMediaImage: document.querySelectorAll('.work-index-item-img'), + indexMediaImage: document.querySelectorAll('.work-index-item-video'), indexMediaArrow: document.querySelectorAll('.work-index-item-media-arrow'), }; const animateIndexItem = (item) =>{ - const itemImages = item.querySelectorAll('.work-index-item-img'); + const itemImages = item.querySelectorAll('.work-index-item-video'); const itemArrows = item.querySelectorAll('.work-index-item-media-arrow'); const itemTitle = item.querySelectorAll('.work-index-item-title'); diff --git a/awwwards/style.css b/awwwards/style.css index eb0130b..ee6aec1 100644 --- a/awwwards/style.css +++ b/awwwards/style.css @@ -179,7 +179,7 @@ span{ top: 0; gap: 1.5rem; } -.work-index-item-img{ +.work-index-item-video{ width: 32rem; height: 13rem; object-fit: cover; diff --git a/awwwards_ss1/src/components/Footer.jsx b/awwwards_ss1/src/components/Footer.jsx index 07cd8cc..35cf47d 100644 --- a/awwwards_ss1/src/components/Footer.jsx +++ b/awwwards_ss1/src/components/Footer.jsx @@ -6,7 +6,7 @@ const Footer = () => {

eye-

opening

-
+
diff --git a/awwwards_ss4/src/components/NavMenu.jsx b/awwwards_ss4/src/components/NavMenu.jsx index 21acf0c..52acbad 100644 --- a/awwwards_ss4/src/components/NavMenu.jsx +++ b/awwwards_ss4/src/components/NavMenu.jsx @@ -2,7 +2,7 @@ const NavMenu = () => { return ( -
+