Merge pull request #3 from tharuka01/main

Added Particles to other pages and did some corrections
acf-sack · Jun 26, 2024 · b51f77c · b51f77c
2 parents 0b96fa7 + 917cc7b
commit b51f77c
Show file tree

Hide file tree

Showing 11 changed files with 129 additions and 75 deletions.
diff --git a/3d design.html b/3d design.html
@@ -19,6 +19,8 @@
 
 <!-- section starts here-->
 <section id="Competition-sub">
+  <div id="particles-js"></div>
+    <div class="content">
    <center>
     <h3 class="competition-name">
         3D Design
@@ -35,12 +37,14 @@ <h3 class="titles">
     </h3>
     <div class="titile-text">
       <ul>
-       <li>
-        The competition will be held as two catogories <br>
-        -6-9: Children aged 6 to 9 years old. <br>
-        -10-13: Children aged 10 to 13 years old 
-       </li> 
-     <li> Participants must participate individualy.</li>
+        <li>
+          The competition will be held in two categories
+          <ul type="circle">
+            <li>Grade 6-9 Students</li>
+            <li>Grade 10-13 Students</li>
+          </ul>
+         </li> 
+     <li> Participants must participate individually.</li>
       </ul>
 
     </div>
@@ -80,7 +84,7 @@ <h3 class="titles">
       The deadline will be July 27th <br>
       Submissions will open soon
     </div>
-
+    </div>
 </section>
 <!--section ends here-->
 <div id="footer-placeholder">
@@ -93,5 +97,7 @@ <h3 class="titles">
   <!--Font awsome ends-->
   <script src="https://code.jquery.com/jquery-1.10.2.js"></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>
 </body>
 </html>
diff --git a/assets/style/style.css b/assets/style/style.css
@@ -146,6 +146,10 @@ background-size:cover;
     background: #050d1b;
     padding: 150px;
     padding-top: 100px;
+    background-size: cover;
+    padding: 80px;
+    position: relative;
+    overflow: hidden;
 }
 .acf-img{
     width: 200px;

diff --git a/competitions.html b/competitions.html
@@ -16,7 +16,7 @@
 </div>
 <!--navbar ends here-->
 <section id="competitions">
-    <div class="particles-js-comp"></div>
+    <div id="particles-js"></div>
     <div class="content">
     <center>
         <h1 class="competition-title"  data-aos="zoom-in" data-aos-once="true">
@@ -257,5 +257,7 @@ <h3>Quiz</h3>
     AOS.init();
   </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>
 </body>
 </html>
diff --git a/game-dev.html b/game-dev.html
@@ -19,6 +19,8 @@
 
 <!-- section starts here-->
 <section id="Competition-sub">
+  <div id="particles-js"></div>
+  <div class="content">
    <center>
     <h3 class="competition-name">
         Game Development
@@ -35,12 +37,14 @@ <h3 class="titles">
     </h3>
     <div class="titile-text">
       <ul>
-       <li>
-        The competition will be held as two catogories <br>
-        -6-9: Children aged 6 to 9 years old. <br>
-        -10-13: Children aged 10 to 13 years old 
-       </li> 
-     <li> Participants must participate individualy.</li>
+        <li>
+          The competition will be held in two categories
+          <ul type="circle">
+            <li>Grade 6-9 Students</li>
+            <li>Grade 10-13 Students</li>
+          </ul>
+         </li>  
+     <li> Participants must participate individually.</li>
       </ul>
 
     </div>
@@ -111,7 +115,7 @@ <h3 class="titles">
       The deadline will be July 27th <br>
       Submissions will open soon
     </div>
-
+  </div>
 </section>
 <!--section ends here-->
 <div id="footer-placeholder">
@@ -124,5 +128,7 @@ <h3 class="titles">
   <!--Font awsome ends-->
   <script src="https://code.jquery.com/jquery-1.10.2.js"></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>
 </body>
 </html>
diff --git a/logo-design.html b/logo-design.html
@@ -19,6 +19,8 @@
 
 <!-- section starts here-->
 <section id="Competition-sub">
+  <div id="particles-js"></div>
+    <div class="content">
    <center>
     <h3 class="competition-name">
         Logo Design 
@@ -35,23 +37,25 @@ <h3 class="titles">
     </h3>
     <div class="titile-text">
       <ul>
-       <li>
-        The competition will be held as two catogories <br>
-        -6-9: Children aged 6 to 9 years old. <br>
-        -10-13: Children aged 10 to 13 years old 
-       </li> 
-     <li> Participants must participate individualy.</li>
+        <li>
+          The competition will be held in two categories
+          <ul type="circle">
+            <li>Grade 6-9 Students</li>
+            <li>Grade 10-13 Students</li>
+          </ul>
+         </li>  
+     <li> Participants must participate individually.</li>
       </ul>
 
     </div>
     <h3 class="titles">
       GUIDELINES
     </h3>
     <div class="titile-text"> <ul>
-      <li> Entries must be original creations by the participant. </li>
+      <li> Entries must be original creations of the participant. </li>
        <li> Submissions should reflect the theme of robotics exploration or innovation. </li>
-      <li>Resloutiong is (1:1).</li>
-      <li>Desings should be original.</li>
+      <li>Resloution is (1:1).</li>
+      <li>Designs should be original.</li>
 
     </ul>
       </div>
@@ -81,7 +85,7 @@ <h3 class="titles">
       The deadline will be July 27th <br>
       Submissions will open soon
     </div>
-
+  </div>
 </section>
 <!--section ends here-->
 <div id="footer-placeholder">
@@ -94,5 +98,7 @@ <h3 class="titles">
   <!--Font awsome ends-->
   <script src="https://code.jquery.com/jquery-1.10.2.js"></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>
 </body>
 </html>
diff --git a/photo-manipulation.html b/photo-manipulation.html
@@ -19,6 +19,8 @@
 
 <!-- section starts here-->
 <section id="Competition-sub">
+  <div id="particles-js"></div>
+    <div class="content">
    <center>
     <h3 class="competition-name">
        Photo Manipulation 
@@ -35,12 +37,14 @@ <h3 class="titles">
     </h3>
     <div class="titile-text">
       <ul>
-       <li>
-        The competition will be held as two catogories <br>
-        -6-9: Children aged 6 to 9 years old. <br>
-        -10-13: Children aged 10 to 13 years old 
-       </li> 
-     <li> Participants must participate individualy.</li>
+        <li>
+          The competition will be held in two categories
+          <ul type="circle">
+            <li>Grade 6-9 Students</li>
+            <li>Grade 10-13 Students</li>
+          </ul>
+         </li> 
+     <li> Participants must participate individually.</li>
       </ul>
 
     </div>
@@ -93,7 +97,7 @@ <h3 class="titles">
       The deadline will be July 27th <br>
       Submissions will open soon
     </div>
-
+  </div>
 </section>
 <!--section ends here-->
 <div id="footer-placeholder">
@@ -106,5 +110,7 @@ <h3 class="titles">
   <!--Font awsome ends-->
   <script src="https://code.jquery.com/jquery-1.10.2.js"></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>
 </body>
 </html>
diff --git a/poster-design.html b/poster-design.html
@@ -19,6 +19,8 @@
 
 <!-- section starts here-->
 <section id="Competition-sub">
+  <div id="particles-js"></div>
+    <div class="content">
    <center>
     <h3 class="competition-name">
         Poster Design 
@@ -35,12 +37,14 @@ <h3 class="titles">
     </h3>
     <div class="titile-text">
       <ul>
-       <li>
-        The competition will be held as two catogories <br>
-        -6-9: Children aged 6 to 9 years old. <br>
-        -10-13: Children aged 10 to 13 years old 
-       </li> 
-     <li> Participants must participate individualy.</li>
+        <li>
+          The competition will be held in two categories
+          <ul type="circle">
+            <li>Grade 6-9 Students</li>
+            <li>Grade 10-13 Students</li>
+          </ul>
+         </li> 
+     <li> Participants must participate individually.</li>
       </ul>
 
     </div>
@@ -97,7 +101,7 @@ <h3 class="titles">
       The deadline will be July 27th <br>
       Submissions will open soon
     </div>
-
+  </div>
 </section>
 <!--section ends here-->
 <div id="footer-placeholder">
@@ -110,5 +114,7 @@ <h3 class="titles">
   <!--Font awsome ends-->
   <script src="https://code.jquery.com/jquery-1.10.2.js"></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>
 </body>
 </html>
diff --git a/presentation.html b/presentation.html
@@ -19,6 +19,8 @@
 
 <!-- section starts here-->
 <section id="Competition-sub">
+  <div id="particles-js"></div>
+    <div class="content">
    <center>
     <h3 class="competition-name">
         Presentation 
@@ -35,26 +37,24 @@ <h3 class="titles">
     </h3>
     <div class="titile-text">
       <ul>
-       <li>
-        The competition will be held as two catogories <br>
-        -6-9: Children aged 6 to 9 years old. <br>
-        -10-13: Children aged 10 to 13 years old 
-       </li> 
-     <li> Participants must participate individualy.</li>
+        <li>
+          The competition will be held in two categories
+          <ul type="circle">
+            <li>Grade 6-9 Students</li>
+            <li>Grade 10-13 Students</li>
+          </ul>
+         </li>  
+     <li> Participants must participate individually.</li>
       </ul>
 
     </div>
     <h3 class="titles">
       GUIDELINES
     </h3>
     <div class="titile-text"> <ul>
-      <li> Entries must be original creations by the participant. </li>
-       <li> Submissions should reflect the theme of robotics exploration or innovation. </li>
-       <li>Participants have utilize any coding language, framework, or tool for web development. </li>
-         <li>Participant may submit only one project.</li>
-        <li>Using Content management systems (CMS) and platforms will be lead to immediate disqualification.</li>
-      <li>Participants should upload their coded files to Github and submit the link in the forms provided by us. </li>
-
+      <li> Entries must be original creations of the participant. </li>
+      <li> Submissions should reflect the theme of robotics exploration or innovation. </li>
+      <li>Participant may submit only one project.</li>  
     </ul>
       </div>
       <h3 class="titles">
@@ -72,7 +72,7 @@ <h3 class="titles">
       The deadline will be July 27th <br>
       Submissions will open soon
     </div>
-
+  </div>
 </section>
 <!--section ends here-->
 <div id="footer-placeholder">
@@ -85,5 +85,7 @@ <h3 class="titles">
   <!--Font awsome ends-->
   <script src="https://code.jquery.com/jquery-1.10.2.js"></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>
 </body>
 </html>