Commit changes

acf-sack · Jun 26, 2024 · e2c6c6b · e2c6c6b
1 parent fbd91c7
commit e2c6c6b
Show file tree

Hide file tree

Showing 14 changed files with 84 additions and 44 deletions.
diff --git a/3d design.html b/3d design.html
@@ -19,7 +19,7 @@
 
 <!-- section starts here-->
 <section id="Competition-sub">
-  <div id="particles-js"></div>
+
     <div class="content">
    <center>
     <h3 class="competition-name">

diff --git a/assets/js/script.js b/assets/js/script.js
@@ -6,3 +6,9 @@ $(function(){
   $(function(){
     $("#footer-placeholder").load("./assets/placeholders/footer.html");
   });
+  VanillaTilt.init(document.querySelectorAll(".competition-card"), {
+		max: 8,
+		speed: 400,
+        glare: true,
+        'max-glare': 0.25,
+	});
diff --git a/assets/placeholders/footer.html b/assets/placeholders/footer.html
@@ -5,7 +5,8 @@
            <div class="footer-head">
             <img src="./assets/img/acf.png" alt="" srcset="" class="footer-acf">
             <div class="footer-name">
-                <h2>Splendour</h2> Organized by ACF
+
+                <img src="./assets/img/splendour-logo.png"class="footer-logo"><br> Organized by ACF
             </div>
 
         </div>

diff --git a/assets/style/style.css b/assets/style/style.css
@@ -201,7 +201,7 @@ background-size:cover;
     padding: 150px;
     padding-top: 100px;
     background-size: cover;
-    padding: 80px;
+    padding: 120px;
     position: relative;
     overflow: hidden;
 }
@@ -235,12 +235,16 @@ height: auto;
     padding-bottom: 70px;
 }
 .contact-card{
-    padding-bottom: 50px;
+    padding: 25px;
+    margin: 30px;
     color: #ffffff;
+    border:solid 1px rgba(255, 255, 255, 0.239) ;
+    border-radius: 40px;
+    width: 50%;
 }
 .Contact-name{
     font-size: 25px;
-    font-weight: 600;
+    font-weight: 700;
 }
 .Contact-number a{
     color: #ffffff;
@@ -302,6 +306,10 @@ height: auto;
     text-decoration: none;
     color: #ffffff;
 }
+.footer-logo{
+    width: 300px;
+    height: auto;
+}
 .competition-title{
     color: #ffffff;
     font-size: 50px;
@@ -410,7 +418,7 @@ scale: 1.0;
         font-size: 20px;
         font-weight: 600;
     }
-    
+
 }
 @media (max-width:500px){
     .card-heading{
@@ -448,7 +456,21 @@ scale: 1.0;
     .social-media{
         gap: 0rem;
     }
-
+    .contact-card{
+        width: 100%;
+        padding-left: 0;
+        padding-right: 0;
+        margin-left: 0;
+        margin-right: 0;
+    }
+    .footer-logo{
+        width: 200px;
+        height: auto;
+    }
+    .footer-acf{
+        width: 75px;
+        height: auto;
+    }
 }
 @media (max-width:300px){
     .footer-head{
@@ -457,4 +479,22 @@ scale: 1.0;
     .rights{
         font-size: 15px;
     }
+
+}
+@media (max-width:400px){
+    .footer-logo{
+        width: 150px;
+        height: auto;
+    }
+    .footer-acf{
+        width: 50px;
+        height: auto;
+    }
+}
+@media (max-width:992px){
+    .contact-card{
+        width: 80%;
+    }
+
+
 }
diff --git a/competitions.html b/competitions.html
@@ -16,7 +16,7 @@
 </div>
 <!--navbar ends here-->
 <section id="competitions">
-    <div id="particles-js"></div>
+
     <div class="content">
     <center>
         <h1 class="competition-title"  data-aos="zoom-in" data-aos-once="true">
@@ -135,7 +135,7 @@ <h3>Logo Design</h3>
             </div>
             <div class="card-titile">
                 <center>
-                    <h3>Presentation Design</h3>
+                    <h3>Presentation</h3>
                 </center>
             </div>
             <br>
@@ -282,14 +282,7 @@ <h6 style="opacity: 50%;">(INTER-SCHOOL ONLY)</h6>
     AOS.init();
   </script>
   <script type="text/javascript" src="assets/js/vanilla-tilt.js"></script>
-  <script>
-    VanillaTilt.init(document.querySelectorAll(".competition-card"), {
-		max: 25,
-		speed: 400,
-        glare: true,
-        'max-glare': 0.25,
-	});
-  </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/game-dev.html b/game-dev.html
@@ -19,7 +19,7 @@
 
 <!-- section starts here-->
 <section id="Competition-sub">
-  <div id="particles-js"></div>
+
   <div class="content">
    <center>
     <h3 class="competition-name">

diff --git a/index.html b/index.html
@@ -44,7 +44,6 @@
 <!--Home section ends here-->
 <!--About section starts here-->
 <section id="about">
-  <div id="particles-js"></div>
   <div class="content">
   <div><center><img src="./assets/img/splendour-logo.png"class="about-header" alt="" data-aos="zoom-in" data-aos-once="true" ></center></div><br>
   <div class="about-text"  data-aos="zoom-in" data-aos-once="true" >St. Anthony's College Kandy's Computer Fraternity hosts Splendour annually,
@@ -53,10 +52,11 @@
       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" class="button-2">
-          <i class="button-i"></i><i class="button-i"></i>
-          <span class="button-s"><b>Competitions</b></span>
-      </a>
+        <a href="./competitions.html">
+          <button class="button-main">
+            Competitions
+          </button>
+        </a>
 
       </center><br><br>
      <hr style="color: white;">
@@ -65,7 +65,7 @@
 <!--About section ends here-->
 <!--Contact section starts here-->
 <section id="contact">
-  <div id="particles-js-contact"></div>
+
   <div class="content">
   <center>
     <h1 class="contact-heading"  data-aos="zoom-in" data-aos-once="true">
@@ -77,35 +77,35 @@ <h1 class="contact-heading"  data-aos="zoom-in" data-aos-once="true">
 
     <div class="contact-detail">
       <div class="col-9 contact-card"data-aos="zoom-in" data-aos-once="true">
-        <div class="Contact-name">Aquinas Silva(President)</div>
-        <div class="Contact-number"><a href="https://wa.me/+94771128140" class="link-contact">+94 77 112 8140</a> </div>
+        <div class="Contact-name">Aquinas Silva (President)</div>
+        <div class="Contact-number"><a href="https://wa.me/+94771128140" class="link-contact"> <i class="fa-brands fa-whatsapp"></i> 077 112 8140</a> </div>
       </div>
       <div class="col-9 contact-card"data-aos="zoom-in" data-aos-once="true">
-        <div class="Contact-name">Dan Dhanushyan(Secretary)</div>
-        <div class="Contact-number"><a href="https://wa.me/+94763178056" class="link-contact">+94 76 317 8056</a> </div>
+        <div class="Contact-name">Dan Dhanushyan (Secretary)</div>
+        <div class="Contact-number"><a href="https://wa.me/+94763178056" class="link-contact"><i class="fa-brands fa-whatsapp"></i> 076 317 8056</a> </div>
       </div>
       <div class="col-9 contact-card"data-aos="zoom-in" data-aos-once="true">
-        <div class="Contact-name">Tharuka Wijekoon(Vice-President)</div>
-        <div class="Contact-number"><a href="https://wa.me/+94712727445" class="link-contact">+94 71 272 7445</a> </div>
+        <div class="Contact-name">Tharuka Wijekoon (Vice-President)</div>
+        <div class="Contact-number"><a href="https://wa.me/+94712727445" class="link-contact"><i class="fa-brands fa-whatsapp"></i> 071 272 7445</a> </div>
       </div>
       <div class="col-9 contact-card"data-aos="zoom-in" data-aos-once="true">
-        <div class="Contact-name">Maleesha Piyathissa(Vice-President)</div>
-        <div class="Contact-number"><a href="https://wa.me/+94701845595" class="link-contact">+94 70 184 5595</a> </div>
+        <div class="Contact-name">Maleesha Piyathissa (Vice-President)</div>
+        <div class="Contact-number"><a href="https://wa.me/+94701845595" class="link-contact"><i class="fa-brands fa-whatsapp"></i> 070 184 5595</a> </div>
       </div>
       <div class="col-9 contact-card"data-aos="zoom-in" data-aos-once="true">
-        <div class="Contact-name">Sudas Nimnath(Vice-Secretary)</div>
-        <div class="Contact-number"><a href="https://wa.me/+94718398089" class="link-contact">+94 71 839 8089</a> </div>
+        <div class="Contact-name">Sudas Nimnath (Vice-Secretary)</div>
+        <div class="Contact-number"><a href="https://wa.me/+94718398089" class="link-contact"><i class="fa-brands fa-whatsapp"></i> 071 839 8089</a> </div>
       </div>
     </div>
     <div class="social-media"  data-aos="zoom-in" data-aos-once="true">
       <div class="icon">
-        <i class="fa-brands fa-facebook-f"></i>
+       <i class="fa-brands fa-facebook-f"><a href="https://www.facebook.com/AntonianComputerFraternity"></a> </i>
       </div>
       <div class="icon">
-        <i class="fa-brands fa-instagram"></i>
+        <i class="fa-brands fa-instagram"><a href="https://www.instagram.com/antonian_computer_fraternity/"></a></i>
       </div>
       <div class="icon">
-        <i class="fa-brands fa-x-twitter"></i>
+        <i class="fa-brands fa-x-twitter"><a href="https://x.com/SACK_ACF" ></a></i>
       </div>
     </div>
   </center>

diff --git a/logo-design.html b/logo-design.html
@@ -19,7 +19,7 @@
 
 <!-- section starts here-->
 <section id="Competition-sub">
-  <div id="particles-js"></div>
+
     <div class="content">
    <center>
     <h3 class="competition-name">

diff --git a/photo-manipulation.html b/photo-manipulation.html
@@ -19,7 +19,7 @@
 
 <!-- section starts here-->
 <section id="Competition-sub">
-  <div id="particles-js"></div>
+
     <div class="content">
    <center>
     <h3 class="competition-name">

diff --git a/poster-design.html b/poster-design.html
@@ -19,7 +19,7 @@
 
 <!-- section starts here-->
 <section id="Competition-sub">
-  <div id="particles-js"></div>
+
     <div class="content">
    <center>
     <h3 class="competition-name">

diff --git a/presentation.html b/presentation.html
@@ -19,7 +19,7 @@
 
 <!-- section starts here-->
 <section id="Competition-sub">
-  <div id="particles-js"></div>
+
     <div class="content">
    <center>
     <h3 class="competition-name">

diff --git a/quiz.html b/quiz.html
@@ -19,7 +19,7 @@
 
 <!-- section starts here-->
 <section id="Competition-sub">
-  <div id="particles-js"></div>
+
     <div class="content">
    <center>
     <h3 class="competition-name">

diff --git a/video-editing.html b/video-editing.html
@@ -19,7 +19,7 @@
 
 <!-- section starts here-->
 <section id="Competition-sub">
-  <div id="particles-js"></div>
+
     <div class="content">
    <center>
     <h3 class="competition-name">

diff --git a/webdesign.html b/webdesign.html
@@ -19,7 +19,7 @@
 
 <!-- section starts here-->
 <section id="Competition-sub">
-  <div id="particles-js"></div>
+
     <div class="content">
    <center>
     <h3 class="competition-name">