minor changes

IEEESJCET · Oct 6, 2023 · ed235a1 · ed235a1
1 parent 085b646
commit ed235a1
Show file tree

Hide file tree

Showing 3 changed files with 73 additions and 57 deletions.
diff --git a/css/templatemo-festava-live.css b/css/templatemo-festava-live.css
@@ -11,41 +11,41 @@ https://templatemo.com/tm-583-festava-live
   CUSTOM PROPERTIES ( VARIABLES )             
 -----------------------------------------*/
 :root {
-  --white-color:                  #ffffff;
-  --primary-color:                #F8CB2E;
-  --secondary-color:              #EE5007;
-  --section-bg-color:             #f0f8ff;
-  --custom-btn-bg-color:          #EE5007;
-  --custom-btn-bg-hover-color:    #c01f27;
-  --dark-color:                   #000000;
-  --p-color:                      #717275;
-  --border-color:                 #7fffd4;
-  --link-hover-color:             #B22727;
-
-  --body-font-family:             'Outfit', sans-serif;
-
-  --h1-font-size:                 74px;
-  --h2-font-size:                 46px;
-  --h3-font-size:                 32px;
-  --h4-font-size:                 28px;
-  --h5-font-size:                 24px;
-  --h6-font-size:                 22px;
-  --p-font-size:                  18px;
-  --btn-font-size:                14px;
-  --copyright-font-size:          16px;
-
-  --border-radius-large:          100px;
-  --border-radius-medium:         20px;
-  --border-radius-small:          10px;
-
-  --font-weight-light:            300;
-  --font-weight-normal:           400;
-  --font-weight-bold:             700;
+  --white-color: #ffffff;
+  --primary-color: #F8CB2E;
+  --secondary-color: #EE5007;
+  --section-bg-color: #f0f8ff;
+  --custom-btn-bg-color: #EE5007;
+  --custom-btn-bg-hover-color: #c01f27;
+  --dark-color: #000000;
+  --p-color: #717275;
+  --border-color: #7fffd4;
+  --link-hover-color: #B22727;
+
+  --body-font-family: 'Outfit', sans-serif;
+
+  --h1-font-size: 74px;
+  --h2-font-size: 46px;
+  --h3-font-size: 32px;
+  --h4-font-size: 28px;
+  --h5-font-size: 24px;
+  --h6-font-size: 22px;
+  --p-font-size: 18px;
+  --btn-font-size: 14px;
+  --copyright-font-size: 16px;
+
+  --border-radius-large: 100px;
+  --border-radius-medium: 20px;
+  --border-radius-small: 10px;
+
+  --font-weight-light: 300;
+  --font-weight-normal: 400;
+  --font-weight-bold: 700;
 }
 
 body {
   background-color: var(--white-color);
-  font-family: var(--body-font-family); 
+  font-family: var(--body-font-family);
 }
 
 
@@ -106,7 +106,7 @@ ul li {
   font-weight: var(--font-weight-light);
 }
 
-a, 
+a,
 button {
   touch-action: manipulation;
   transition: all 0.3s;
@@ -232,7 +232,7 @@ strong {
   opacity: 0.35;
 }
 
-.section-overlay + .container {
+.section-overlay+.container {
   position: relative;
 }
 
@@ -260,22 +260,22 @@ strong {
   margin-right: 15px;
 }
 
-.nav-tabs .nav-item.show .nav-link, 
+.nav-tabs .nav-item.show .nav-link,
 .nav-tabs .nav-link.active,
-.nav-tabs .nav-link:focus, 
+.nav-tabs .nav-link:focus,
 .nav-tabs .nav-link:hover {
   background: var(--white-color);
-  box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
+  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
   color: var(--primary-color);
 }
 
 .nav-tabs h5 {
-  color: var(--p-color); 
+  color: var(--p-color);
   margin-bottom: 0;
 }
 
 .nav-tabs .nav-link.active h5,
-.nav-tabs .nav-link:focus h5, 
+.nav-tabs .nav-link:focus h5,
 .nav-tabs .nav-link:hover h5 {
   color: var(--primary-color);
 }
@@ -405,7 +405,7 @@ strong {
   padding-bottom: 15px;
 }
 
-.navbar-nav .nav-link.active, 
+.navbar-nav .nav-link.active,
 .navbar-nav .nav-link:hover {
   color: #000000;
   font-weight: 600;
@@ -554,7 +554,8 @@ strong {
   margin: 20px;
   padding: 35px;
 }
-.about-section .btn{
+
+.about-section .btn {
   margin-top: 15px;
   border: 2px solid transparent;
   border-radius: var(--border-radius-large);
@@ -670,8 +671,9 @@ strong {
   background-position: center;
   background-size: cover;
 }
+
 .table-responsive {
-	filter: drop-shadow(2px 2px 4px #606060);
+  filter: drop-shadow(2px 2px 4px #606060);
 }
 
 .schedule-table {
@@ -705,7 +707,7 @@ strong {
   border-bottom-color: transparent;
 }
 
-.schedule-table th + td {
+.schedule-table th+td {
   border-bottom: 0;
 }
 
@@ -848,7 +850,7 @@ strong {
 }
 
 .site-footer-top {
-  background-color: var(--secondary-color);
+  background-color: #ffa500;
   background-image: url('../images/nainoa-shizuru-NcdG9mK3PBY-unsplash.jpg');
   background-repeat: no-repeat;
   margin-bottom: 70px;
@@ -862,16 +864,24 @@ strong {
 }
 
 .site-footer-title {
-  color: var(--primary-color); 
+  color: var(--primary-color);
 }
 
 .site-footer-link,
 .copyright-text {
   color: var(--white-color);
 }
+.site-footer .links{
+  width: fit-content;
+}
 
 .site-footer-links {
   padding-left: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  width: fit-content;
+
 }
 
 .site-footer-link-item {
@@ -922,14 +932,15 @@ strong {
   display: block;
 }
 
-.social-icon-link span:hover::before{
+.social-icon-link span:hover::before {
   animation: spinAround 2s linear infinite;
 }
 
 @keyframes spinAround {
   from {
     transform: rotate(0deg)
   }
+
   to {
     transform: rotate(360deg);
   }
@@ -968,7 +979,7 @@ strong {
     padding-top: 50px;
     padding-bottom: 50px;
   }
-  
+
   .navbar {
     background-color: var(--dark-color);
   }
@@ -997,7 +1008,7 @@ strong {
     padding: 20px;
   }
 
-  .schedule-table tr, 
+  .schedule-table tr,
   .schedule-table td {
     padding: 25px;
   }
@@ -1038,5 +1049,4 @@ strong {
   h5 {
     font-size: 20px;
   }
-}
-
+}
diff --git a/index.html b/index.html
@@ -841,7 +841,7 @@ <h2 class="text-white mb-lg-0">AKComSocSC '23
             </h2>
           </div>
 
-          <div class="col-lg-6 col-12 d-flex justify-content-lg-end align-items-center">
+          <!-- <div class="col-lg-6 col-12 d-flex justify-content-lg-end align-items-center">
             <ul class="social-icon d-flex justify-content-lg-end">
               <li class="social-icon-item">
                 <a href="#" class="social-icon-link">
@@ -861,15 +861,15 @@ <h2 class="text-white mb-lg-0">AKComSocSC '23
                 </a>
               </li>
             </ul>
-          </div>
+          </div> -->
         </div>
       </div>
     </div>
 
     <div class="container">
       <div class="row">
 
-        <div class="col-lg-6 col-12 mb-4 pb-2">
+        <div class="links col-lg-6 col-12 mb-4 pb-2">
           <h5 class="site-footer-title mb-3">Links</h5>
 
           <ul class="site-footer-links">

diff --git a/js/preloader.js b/js/preloader.js
@@ -1,5 +1,11 @@
-function preloader(){
-    setTimeout(() => {
-        document.getElementById("preloader").classList.toggle("hidden");
-    }, 4000);
-}
+function preloader() {
+  setTimeout((e) => {
+    document.getElementById("preloader").classList.toggle("hidden");
+    TopScroll = window.pageYOffset || document.documentElement.scrollTop;
+    (LeftScroll = window.pageXOffset || document.documentElement.scrollLeft),
+      // if scroll happens, set it to the previous value
+      (window.onscroll = function () {
+        window.scrollTo(LeftScroll, TopScroll);
+      });
+  }, 4000);
+}