Merge pull request #4 from tharuka01/main

Some Changes
acf-sack · Jun 26, 2024 · 38eea6a · 38eea6a
2 parents 676b246 + 6430d05
commit 38eea6a
Show file tree

Hide file tree

Showing 12 changed files with 154 additions and 46 deletions.
diff --git a/3d design.html b/3d design.html
@@ -73,16 +73,16 @@ <h3 class="titles">
           Register
         </h3>
         <div class="titile-text">
-          <a href="https://docs.google.com/forms/d/1Bp9F4HKYil4uomsEqPAKzpAT1trl0AjkEZOUl9xr7bA/edit" class="register">
+          <a href="https://forms.gle/P3cgupsZ7yB5gpi6A" class="register">
             <button class="button button-main">Register</button>
           </a>
         </div>
     <h3 class="titles">
       SUBMISSION
     </h3>
     <div class="titile-text">
-      The deadline will be July 27th <br>
-      Submissions will open soon
+      The deadline : 4th July<br>
+      Submissions will be opened soon
     </div>
     </div>
 </section>

diff --git a/assets/style/style.css b/assets/style/style.css
@@ -1,9 +1,65 @@
 *{
     scroll-behavior: smooth;
+    font-family: 'poppins', sans-serif;
+}
+
+/* Button */
 
+:root {
+    --x : 45deg;
+}
+
+.button-2{
+    position: relative;
+    width: 150px;
+    height: 55px;
+    display: inline-block;
+    border-radius: 5px;
+}
+
+.button-2 .button-i {
+    position: absolute;
+    inset: -2px;
+    display: block;
+    border-radius: 5px;
+}
+
+.button-2 .button-i,
+.button-2 .button-i:nth-child(2) {
+    background: linear-gradient(var(--x), #00ccff,#0e1538,#0e1538,#d400d4);
+}
+.button-2 .button-i:nth-child(2) {
+    filter: blur(10px);
+}
+
+.button-2 .button-s {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    text-transform: uppercase;
+    color: #fff;
+    background: rgba(14, 21, 56, 0.65);
+    letter-spacing: 1px;
+    border: 1px solid #040a29;
+    border-radius: 3px;
+    overflow: hidden;
+    align-items: center;
+}
+.button-2 .button-s::before{
+    content: '';
+    position: absolute;
+    top: 0;
+    left: -50%;
+    width: 100%;
+    height: 100%;
+    background: rgba(255, 255, 255, 0.075);
+    transform: skew(25deg);
 }
 
-
   #particles-js, #particles-js-contact, #particles-js-comp {
     opacity: 40%;
     position: absolute;
@@ -116,7 +172,7 @@ background-size:cover;
     color: #09051e;
 }
 .main-text{
-    width: 60%;
+    width: 70%;
     position: relative;
     top: -30px;
 }
@@ -294,7 +350,7 @@ scale: 1.0;
     border: solid 2px white;
     border-radius: 10px;
     color: #ffffff;
-    font-size: 20px;
+    font-size: 18px;
     font-weight: 600;
 }
 .card-button:hover{

diff --git a/competitions.html b/competitions.html
@@ -41,11 +41,15 @@ <h3>Web Design</h3>
             </div>
             <center>
                 <a href="./webdesign.html">
+                    <button class="button card-button">
+                        MORE INFO
+                    </button>
+                </a>
+                <a href="https://forms.gle/q4foEKggoVtBHzDQ6">
                     <button class="button card-button">
                         REGISTER
                     </button>
                 </a>
-
             </center>
 
         </div>
@@ -65,6 +69,11 @@ <h3>Photo Manipulation</h3>
             </div>
             <center>
                 <a href="./photo-manipulation.html">
+                    <button class="button card-button">
+                        MORE INFO
+                    </button>
+                </a>
+                <a href="https://forms.gle/NrXSpUhQYvduNQwf6">
                     <button class="button card-button">
                         REGISTER
                     </button>
@@ -88,6 +97,11 @@ <h3>Poster Design</h3>
             </div>
             <center>
                 <a href="./poster-design.html">
+                    <button class="button card-button">
+                        MORE INFO
+                    </button>
+                </a>
+                <a href="https://forms.gle/dQZRAoPEUXdJMPXe7">
                     <button class="button card-button">
                         REGISTER
                     </button>
@@ -111,6 +125,11 @@ <h3>Logo Design</h3>
             </div>
             <center>
                 <a href="./logo-design.html">
+                    <button class="button card-button">
+                        MORE INFO
+                    </button>
+                </a>
+                <a href="https://forms.gle/pBKmSbWWVqPuFnxm9">
                     <button class="button card-button">
                         REGISTER
                     </button>
@@ -126,14 +145,19 @@ <h3>Logo Design</h3>
             </div>
             <div class="card-titile">
                 <center>
-                    <h3>Presentations</h3>
+                    <h3>Presentation Design</h3>
                 </center>
             </div>
             <div class="card-description">
                 Designing visually engaging slideshows to convey information effectively and engage audiences.
             </div>
             <center>
                 <a href="./presentation.html">
+                    <button class="button card-button">
+                        MORE INFO
+                    </button>
+                </a>
+                <a href="https://forms.gle/Dd2beU61uYuKf8zE9">
                     <button class="button card-button">
                         REGISTER
                     </button>
@@ -157,6 +181,11 @@ <h3>3D Design</h3>
             </div>
             <center>
                 <a href="./3d design.html">
+                    <button class="button card-button">
+                        MORE INFO
+                    </button>
+                </a>
+                <a href="https://forms.gle/P3cgupsZ7yB5gpi6A">
                     <button class="button card-button">
                         REGISTER
                     </button>
@@ -180,6 +209,11 @@ <h3>Video Editing</h3>
             </div>
             <center>
                 <a href="./video-editing.html">
+                    <button class="button card-button">
+                        MORE INFO
+                    </button>
+                </a>
+                <a href="https://forms.gle/7DBQuB7J6QeDqE3q9">
                     <button class="button card-button">
                         REGISTER
                     </button>
@@ -203,6 +237,11 @@ <h3>Game Development</h3>
             </div>
             <center>
                 <a href="./game-dev.html">
+                    <button class="button card-button">
+                        MORE INFO
+                    </button>
+                </a>
+                <a href="https://forms.gle/7jhRw77tzJaBiPDUA">
                     <button class="button card-button">
                         REGISTER
                     </button>
@@ -219,13 +258,19 @@ <h3>Game Development</h3>
             <div class="card-titile">
                 <center>
                     <h3>Quiz</h3>
+                    <h6 style="opacity: 50%;">(INTER-SCHOOL ONLY)</h6>
                 </center>
             </div>
             <div class="card-description">
                 Developing interactive assessments to test knowledge or gather feedback in an engaging format.
             </div>
             <center>
                 <a href="./quiz.html">
+                    <button class="button card-button">
+                        MORE INFO
+                    </button>
+                </a>
+                <a href="https://forms.gle/P9dJTzNrd55NRTyp8">
                     <button class="button card-button">
                         REGISTER
                     </button>

diff --git a/game-dev.html b/game-dev.html
@@ -104,16 +104,16 @@ <h3 class="titles">
           Register
         </h3>
         <div class="titile-text">
-          <a href="https://docs.google.com/forms/d/1Bp9F4HKYil4uomsEqPAKzpAT1trl0AjkEZOUl9xr7bA/edit" class="register">
+          <a href="https://forms.gle/7jhRw77tzJaBiPDUA" class="register">
             <button class="button button-main">Register</button>
           </a>
         </div>
     <h3 class="titles">
       SUBMISSION
     </h3>
     <div class="titile-text">
-      The deadline will be July 27th <br>
-      Submissions will open soon
+      The deadline : 4th July<br>
+      Submissions will be opened soon
     </div>
   </div>
 </section>

diff --git a/index.html b/index.html
@@ -28,16 +28,14 @@
 
       <div class="buttons-header" data-aos="zoom-in" data-aos-once="true">
 
-              <a href="./competitions.html" class="button-1-link"><button class="button-main button-1">
-                Competitions
-              </button></a>
-
-
-              <a href="#about">
-                <button  class="button-main button-2">
-                  About
-                </button>
-              </a>
+              <a href="./competitions.html" class="button-2">
+                <i class="button-i"></i><i class="button-i"></i>
+                <span class="button-s"><b>Competitions</b></span>
+            </a>
+            <a href="#about" class="button-2">
+              <i class="button-i"></i><i class="button-i"></i>
+              <span class="button-s"><b>About Us</b></span>
+          </a>
 
       </div>
     </center>
@@ -55,11 +53,10 @@
       and e-sports, providing a platform for students to demonstrate their skills and creativity in various tech domains.</div>
       <br>
       <center   data-aos="zoom-in" data-aos-once="true" >
-        <a href="./competitions.html">
-          <button class="button-main">
-            Competitions
-          </button>
-        </a>
+        <a href="./competitions.html" class="button-2">
+          <i class="button-i"></i><i class="button-i"></i>
+          <span class="button-s"><b>Competitions</b></span>
+      </a>
 
       </center><br><br>
      <hr style="color: white;">
@@ -128,6 +125,16 @@ <h1 class="contact-heading"  data-aos="zoom-in" data-aos-once="true">
   <script>
     AOS.init();
   </script>
+  <script>
+    let btns = document.querySelectorAll('a.button-2');
+    btns.forEach(btn => {
+      btn.addEventListener('mousemove', e => {
+        let rect = e.target.getBoundingClientRect();
+        let x = e.clientX - rect.left;
+        btn.style.setProperty('--x', x + 'deg');
+      });
+    });
+  </script>
 <script src="assets/js/script.js"></script>
 <script type="text/javascript" src="assets/js/particles.js"></script>
 <script type="text/javascript" src="assets/js/app.js"></script>

diff --git a/logo-design.html b/logo-design.html
@@ -63,7 +63,7 @@ <h3 class="titles">
         Register
       </h3>
       <div class="titile-text">
-        <a href="https://docs.google.com/forms/d/1Bp9F4HKYil4uomsEqPAKzpAT1trl0AjkEZOUl9xr7bA/edit" class="register">
+        <a href="https://forms.gle/pBKmSbWWVqPuFnxm9" class="register">
           <button class="button button-main">Register</button>
         </a>
       </div>
@@ -82,8 +82,8 @@ <h3 class="titles">
           Make sure that you give the access to view the folder.  
         </li>
       </ul>
-      The deadline will be July 27th <br>
-      Submissions will open soon
+      The deadline : 4th July<br>
+      Submissions will be opened soon
     </div>
   </div>
 </section>

diff --git a/photo-manipulation.html b/photo-manipulation.html
@@ -75,7 +75,7 @@ <h3 class="titles">
       Register
     </h3>
     <div class="titile-text">
-      <a href="https://docs.google.com/forms/d/1Bp9F4HKYil4uomsEqPAKzpAT1trl0AjkEZOUl9xr7bA/edit" class="register">
+      <a href="https://forms.gle/NrXSpUhQYvduNQwf6" class="register">
         <button class="button button-main">Register</button>
       </a>
     </div>
@@ -94,8 +94,8 @@ <h3 class="titles">
           Make sure that you give the access to view the folder.  
         </li>
       </ul>
-      The deadline will be July 27th <br>
-      Submissions will open soon
+      The deadline : 4th July<br>
+      Submissions will be opened soon
     </div>
   </div>
 </section>

diff --git a/poster-design.html b/poster-design.html
@@ -79,7 +79,7 @@ <h3 class="titles">
         Register
       </h3>
       <div class="titile-text">
-        <a href="https://docs.google.com/forms/d/1Bp9F4HKYil4uomsEqPAKzpAT1trl0AjkEZOUl9xr7bA/edit" class="register">
+        <a href="https://forms.gle/dQZRAoPEUXdJMPXe7" class="register">
           <button class="button button-main">Register</button>
         </a>
       </div>
@@ -98,8 +98,8 @@ <h3 class="titles">
           Make sure that you give the access to view the folder.  
         </li>
       </ul>
-      The deadline will be July 27th <br>
-      Submissions will open soon
+      The deadline : 4th July<br>
+      Submissions will be opened soon
     </div>
   </div>
 </section>

diff --git a/presentation.html b/presentation.html
@@ -61,16 +61,16 @@ <h3 class="titles">
         Register
       </h3>
       <div class="titile-text">
-        <a href="https://docs.google.com/forms/d/1Bp9F4HKYil4uomsEqPAKzpAT1trl0AjkEZOUl9xr7bA/edit" class="register">
+        <a href="https://forms.gle/Dd2beU61uYuKf8zE9" class="register">
           <button class="button button-main">Register</button>
         </a>
       </div>
     <h3 class="titles">
       SUBMISSION
     </h3>
     <div class="titile-text">
-      The deadline will be July 27th <br>
-      Submissions will open soon
+      The deadline : 4th July<br>
+      Submissions will be opened soon
     </div>
   </div>
 </section>