Updates

gdcmec · Oct 3, 2024 · 374e5db · 374e5db
1 parent fe9bca1
commit 374e5db
Show file tree

Hide file tree

Showing 5 changed files with 95 additions and 36 deletions.
diff --git a/src/components/CardContainer/CardContainer.jsx b/src/components/CardContainer/CardContainer.jsx
@@ -47,7 +47,7 @@ const CardContainer = () => {
                 id="college-select"
                 onChange={(e) => handleCollegeChange(e.target.value)}
               >
-                <option value="MEC">MEC</option>
+                <option value="MEC">Model Engineering College</option>
                 <option value="MES Engineering College">MES Engineering College</option>
                 <option value="Illahia College of Engineering">Illahia College of Engineering</option>
                 <option value="Adi Shankara Institute of Engineering and Technology">

diff --git a/src/components/CardContainer/eventDetails.js b/src/components/CardContainer/eventDetails.js
@@ -1,16 +1,6 @@
 const eventDetails = {
   MEC: [
-    {
-      title: 'Gamecraft 4',
-      college: 'Model Engineering College',
-      venuep1: 'SDPK ',
-      venuep2: 'Hall',
-      date: '11/09/24',
-      detail: ' Dive into 3D Game Development with Unity! This 3-day workshop from August 21st to 23rd will immerse you in advanced techniques and hands-on projects, all while providing expert guidance and project mentorship.',
-      image: 'https://rare-gallery.com/thumbnail/394521-valorant-game-agents-hero-4k-pc-wallpaper.jpg',
-      status: 'REGISTER',
-      link: 'https://bit.ly/GameCraft4',
-    }
+
   ],
 
   'MES Engineering College': [

diff --git a/src/components/CardContainer/pastEvents.js b/src/components/CardContainer/pastEvents.js
@@ -1,5 +1,19 @@
 const pastEvents = {
   'MEC': [
+
+    {
+      title: 'GameCraft 4',
+      college: 'Model Engineering College',
+      venuep1: 'SDPK ',
+      venuep2: 'Hall',
+      date: 'September 9 2024',
+      detail: 'Gamecraft 4.0, the fourth session in the workshop series by GDC MEC, was a 4-day event focused on improving skills in 3D game development using Unity.',
+      image: 'https://rare-gallery.com/thumbnail/394521-valorant-game-agents-hero-4k-pc-wallpaper.jpg',
+      status: 'View Gallery',
+      images: ['https://i.imgur.com/7GNkJJv.jpeg', 'https://i.imgur.com/DjeAuMa.jpeg', 'https://i.imgur.com/F69OHja.jpeg', 'https://i.imgur.com/1A13oMQ.jpeg', 'https://i.imgur.com/k7cSYV3.jpeg']
+    },
+
+
     {
       title: 'GameWar',
       college: 'Model Engineering College',

diff --git a/src/components/Landing/Landing.css b/src/components/Landing/Landing.css
@@ -114,6 +114,7 @@ body{
     /* line-height: 200%; */
     text-align: center;
     font-family: drover;
+    position: relative;
     font-weight: 300;
     z-index: 2;
     cursor: default;
@@ -122,18 +123,39 @@ body{
     background: -webkit-linear-gradient(#E66A1C, #F8BE1E);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
+}
 
-
+#landing-h1-span{
+  font-size: 6rem;
+  /* margin-left: 60px; */
+  /* text-shadow: 2px 5px 15px #000; */
+  /* line-height: 200%; */
+  text-align: center;
+  font-family: drover;
+  position: relative;
+  font-weight: 300;
+  z-index: 2;
+  cursor: default;
+  z-index: 1;
+  color: yellow;
+  background: -webkit-linear-gradient(#E66A1C, #F8BE1E);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
 }
 
 .landing-h1:hover:before,
 .landing-h1:hover:after {
-    padding: 30px;
+    /* padding: 30px; */
+    content: "Game Development\nClub";
+    white-space: pre;
+    text-align: center;
+    /* display: block; */
     color: rgb(78, 78, 24);
-    content: attr(data-text);
+    /* content: attr(data-text); */
     position: absolute;
     width: 100%;
     height: 100%;
+    z-index: 2;
     overflow: hidden;
     top: 0;
   }
@@ -154,6 +176,41 @@ body{
     text-shadow: -2px 0 blue;
     animation: glitch-2 2s linear infinite reverse;
   }
+
+
+#landing-h1-span:hover:before,
+#landing-h1-span:hover:after {
+    /* padding: 30px; */
+    content: "Club";
+    /* text-align: center; */
+    /* display: block; */
+    color: rgb(78, 78, 24);
+    /* content: attr(data-text); */
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    z-index: 2;
+    overflow: hidden;
+    margin: 0;
+    top: 0;
+  }
+
+  #landing-h1-span:hover{
+    animation: glitch-1 2s linear infinite reverse;
+  }
+
+  #landing-h1-span:hover::before{
+    left: 3px;
+    text-shadow: -2px 0 red;
+    animation: glitch-2 2s linear infinite reverse;
+
+
+  }
+  #landing-h1-span:hover::after{
+    left: -3px;
+    text-shadow: -2px 0 blue;
+    animation: glitch-2 2s linear infinite reverse;
+  }
 
 
 
@@ -301,28 +358,16 @@ body{
 
 
 .blogbtn{
-    /* position: fixed;
-    height: 50px;
-    width: 150px;
-    top: 15px;
-    right: 40px;
-    background: linear-gradient(145deg, #242323, #302e2c);
-    box-shadow: 3px 3px 4px #1a1919,
-             -3px -3px 4px #474343;
-    display: flex;
-    justify-content: space-around;
-    align-items: center;
-    font-family: valorant;
-    color: rgb(216, 216, 30);
-    font-size: 17px;
-    cursor: pointer;
-    border-radius: 10px; */
-    height: 45px    !important;
-    width: 160px !important;
-    scale: 1 !important;
+    height: 45px;
+    width: 160px;
+    scale: 1;
     border-radius: 30px;
     position: absolute;
     top: 30px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    text-decoration: none;
     right: 5vw;
     border: none;
     background-color: #000;
@@ -752,6 +797,10 @@ body{
   .expimg{
     bottom: 50px;
   }
+
+  .blogbtn{
+    scale: 0.9;
+  }
 
   .con1{
     left: -210px;

diff --git a/src/components/Landing/Landing.jsx b/src/components/Landing/Landing.jsx
@@ -11,6 +11,7 @@ const landing = () => {
 
   // const logomodel =  useGLTF('./GDC_logo_glb.glb');
 
+
   return (
     <>
 
@@ -36,14 +37,19 @@ const landing = () => {
             whileInView={{y: 0, opacity: 0.5}}
             transition={{duration: 1}}
             className='con2' src={ controller } alt="" />
-            {/* {<button className='blogbtn'>Zetrel</button>} */}
+            {<a href='https://www.zetrel.in' target='blank' className='blogbtn'>Zetrel</a>}
               {/* <Navbar /> */}
               <motion.h1
                initial={{ opacity: 0, y: -50}}
                whileInView={{opacity: 1, y: 0}}
                transition={{duration: 1}}
                className='landing-h1'
-              >Game Development<br></br>Club<br></br><span id = "sub">Think It • Build It • Play It</span><br></br><span></span></motion.h1>
+              >Game Development<br></br><span className='landing-h1'>Club</span><br></br></motion.h1>
+              <motion.span
+              id = "sub"
+              initial={{ opacity: 0, y: -50}}
+              whileInView={{opacity: 1, y: 0}}
+              transition={{duration: 1}}>Think It • Build It • Play It</motion.span>
               <motion.a 
               initial = {{opacity: 0, scale: 0.9}}
               whileInView={{opacity:1, scale: 1}}