Merge pull request #187 from T-Rahul-prabhu-38/main

✨the multi language support has been added to all the pages.✨
Harshdev098 · Oct 18, 2024 · 561e7d9 · 561e7d9
2 parents ef515ee + d6c7fc5
commit 561e7d9
Show file tree

Hide file tree

Showing 24 changed files with 246 additions and 5 deletions.
diff --git a/public/allotment.html b/public/allotment.html
@@ -147,10 +147,25 @@
       .btn button {
          margin: 5px;
       }
+
    </style>
 </head>
 
 <body>
+   <div style="position: absolute; bottom: 30px; left: 30px;" class="gtranslate_wrapper"></div>
+   <script>
+      window.gtranslateSettings = {
+        default_language: "en",
+        detect_browser_language: true,
+        wrapper_selector: ".gtranslate_wrapper",
+        font_size: 100,
+      };
+    </script>
+    <script
+    src="https://cdn.gtranslate.net/widgets/latest/popup.js"
+    defer
+  ></script>
+
    <p id="result1"><i class="fa-solid fa-check" style="padding: 0px 12px;font-size: 26px;"></i>Paper Alloted! Refreshing
    </p>
    <p id="result2"><i class="fa-solid fa-xmark" style="padding: 0px 12px;font-size: 26px;"></i>An error occured during

diff --git a/public/choose-file.html b/public/choose-file.html
@@ -86,6 +86,19 @@
 </head>
 
 <body>
+  <div style="position: absolute; bottom: 30px; left: 30px;" class="gtranslate_wrapper"></div>
+  <script>
+     window.gtranslateSettings = {
+       default_language: "en",
+       detect_browser_language: true,
+       wrapper_selector: ".gtranslate_wrapper",
+       font_size: 100,
+     };
+   </script>
+   <script
+   src="https://cdn.gtranslate.net/widgets/latest/popup.js"
+   defer
+ ></script>
   <img src="images/moon.webp" id="icon">
 
   <div class="container">

diff --git a/public/contact-us.html b/public/contact-us.html
@@ -17,6 +17,19 @@
 </head>
 
 <body>
+    <div style="position: absolute; bottom: 30px; left: 30px;" class="gtranslate_wrapper"></div>
+    <script>
+       window.gtranslateSettings = {
+         default_language: "en",
+         detect_browser_language: true,
+         wrapper_selector: ".gtranslate_wrapper",
+         font_size: 100,
+       };
+     </script>
+     <script
+     src="https://cdn.gtranslate.net/widgets/latest/popup.js"
+     defer
+   ></script>
     <img src="images/moon.webp" id="icon">
     <div class="maindiv">
         <div class="imgdiv">

diff --git a/public/css/contact-us.css b/public/css/contact-us.css
@@ -6,6 +6,7 @@
     font-family: 'Poppins', sans-serif;
 }
 
+
 .formdiv {
     display: flex;
     justify-content: center;

diff --git a/public/css/form.css b/public/css/form.css
@@ -20,6 +20,7 @@ body {
     pointer-events: none;
 }
 
+
 .circles li {
     position: absolute;
     display: block;

diff --git a/public/css/login_style.css b/public/css/login_style.css
@@ -14,6 +14,7 @@ body {
   color: #333;
 }
 
+
 #icon{
   width: 30px;
   cursor: pointer;

diff --git a/public/css/main_page_style.css b/public/css/main_page_style.css
@@ -24,7 +24,22 @@
   .search-bar {
     display: flex;
     align-items: center;
+
+    flex-wrap: wrap;
+    padding: 12px;
+    background-color: rgb(43 43 43);
+}
+
+
+#icon{
+    width: 30px;
+    cursor: pointer;
+    position: absolute;
+    top: 30px; 
+    right: 90px;
+
     margin-top: 5px;
+
   }
 
   .search-bar input {

diff --git a/public/css/profile.css b/public/css/profile.css
@@ -18,6 +18,7 @@ section{
     --forth-color: #f0f8ff;
 
   }
+
 
   .dark-theme{
     --primary-color: #0e0e0e;

diff --git a/public/css/stk_mainstyling.css b/public/css/stk_mainstyling.css
@@ -14,6 +14,7 @@ body{
     width: 50%;
     margin: 30px;
 }
+
 @media (max-width:1296px){
     .main{
         width: 56vw;

diff --git a/public/css/style.css b/public/css/style.css
@@ -12,6 +12,7 @@ body {
   background-color: rgb(241 241 244);
 }
 
+
 /* navbar styling */
 
 .navbar {

diff --git a/public/css/uploadfile.css b/public/css/uploadfile.css
@@ -15,6 +15,7 @@ section h2 {
     padding: 30px 0px;
 }
 
+
 .form {
     width: 40vw;
     font-size: 20px;

diff --git a/public/dashboard.html b/public/dashboard.html
@@ -9,6 +9,7 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
 </head>
 
+
 <body>
     <section>
         <div class="container">
@@ -28,6 +29,21 @@
                 <li><i class="fa-solid fa-code" style="padding: 0px 14px;"></i>About Us</li>
                 <li onclick="view_result()"><i class="fa-solid fa-code" style="padding: 0px 14px;"></i>View Result</li>
                 <li id="logoutBtn"><i class="fa-solid fa-code" style="padding: 0px 14px;"></i>Log Out</li>
+                <li>
+                    <div class="gtranslate_wrapper"></div>
+                    <script>
+                      window.gtranslateSettings = {
+                        default_language: "en",
+                        detect_browser_language: true,
+                        wrapper_selector: ".gtranslate_wrapper",
+                        font_size: 100,
+                      };
+                    </script>
+                    <script
+                    src="https://cdn.gtranslate.net/widgets/latest/popup.js"
+                    defer
+                  ></script>
+                  </li>
             </ul>
         </div>
         <div class="largesection">

diff --git a/public/fac_login.html b/public/fac_login.html
@@ -8,7 +8,19 @@
     <link rel="stylesheet" href="css/login_style.css">
 </head>
 
-<body>
+<body>  <div style="position: absolute; bottom: 30px; left: 30px;" class="gtranslate_wrapper"></div>
+    <script>
+       window.gtranslateSettings = {
+         default_language: "en",
+         detect_browser_language: true,
+         wrapper_selector: ".gtranslate_wrapper",
+         font_size: 100,
+       };
+     </script>
+     <script
+     src="https://cdn.gtranslate.net/widgets/latest/popup.js"
+     defer
+   ></script>
     <img src="images/moon.webp" id="icon">
     <div class="container">
         <div class="image">

diff --git a/public/faculty.html b/public/faculty.html
@@ -10,7 +10,19 @@
     <link rel="stylesheet" href="css/faculty_styling.css">
 </head>
 
-<body>
+<body>  <div style="position: absolute; bottom: 30px; left: 30px;" class="gtranslate_wrapper"></div>
+    <script>
+       window.gtranslateSettings = {
+         default_language: "en",
+         detect_browser_language: true,
+         wrapper_selector: ".gtranslate_wrapper",
+         font_size: 100,
+       };
+     </script>
+     <script
+     src="https://cdn.gtranslate.net/widgets/latest/popup.js"
+     defer
+   ></script>
     <p id="result1"><i class="fa-solid fa-check" style="padding: 0px 12px;font-size: 26px;"></i>Rating Saved
     </p>
     <p id="result2"><i class="fa-solid fa-xmark" style="padding: 0px 12px;font-size: 26px;"></i>An error occured</p>

diff --git a/public/form_filling.html b/public/form_filling.html
@@ -14,7 +14,19 @@
 </head>
 
 <body>
-
+    <div style="position: absolute; bottom: 30px; left: 30px;" class="gtranslate_wrapper"></div>
+    <script>
+       window.gtranslateSettings = {
+         default_language: "en",
+         detect_browser_language: true,
+         wrapper_selector: ".gtranslate_wrapper",
+         font_size: 100,
+       };
+     </script>
+     <script
+     src="https://cdn.gtranslate.net/widgets/latest/popup.js"
+     defer
+   ></script>
     <ul class="circles">
         <li></li>
         <li></li>

diff --git a/public/index.html b/public/index.html
@@ -24,6 +24,21 @@
                         <li title="Our Services"><a href="#services">Services</a></li>
                         <li title="About Us"><a href="#about_show">About</a></li>
                         <li title="Main Page"><a href="#">Home</a></li>
+                        <li>
+                            <div class="gtranslate_wrapper"></div>
+                            <script>
+                              window.gtranslateSettings = {
+                                default_language: "en",
+                                detect_browser_language: true,
+                                wrapper_selector: ".gtranslate_wrapper",
+                                font_size: 100,
+                              };
+                            </script>
+                            <script
+                            src="https://cdn.gtranslate.net/widgets/latest/popup.js"
+                            defer
+                          ></script>
+                          </li>
                     </ul>
                 </nav>
             </div>

diff --git a/public/login.html b/public/login.html
@@ -8,7 +8,21 @@
     <title>Login</title>
 </head>
 
-<body>
+<body> 
+
+    <script>
+      window.gtranslateSettings = {
+        default_language: "en",
+        detect_browser_language: true,
+        wrapper_selector: ".gtranslate_wrapper",
+        font_size: 100,
+      };
+    </script>
+    <script
+    src="https://cdn.gtranslate.net/widgets/latest/popup.js"
+    defer
+  ></script>
+
     <img src="images/moon.webp" id="icon">
     <div class="container">
         <div class="image">
@@ -35,6 +49,7 @@ <h4 style="text-align: center; margin: 10px 0px 6px 0px;font-size: 22px;">(for R
                 <button type="button" onclick="login()">Login</button>
                 <div class="register">
                     <p style="display: inline;">Haven't Register?&nbsp;</p><a href="signup.html">Register Now</a>
+                    <div class="gtranslate_wrapper"></div>
                 </div>
             </form>
         </div>

diff --git a/public/main_page.html b/public/main_page.html
@@ -10,7 +10,24 @@
 </head>
 
 <body>
+
+    <div style="position: absolute; bottom:30px; left: 30px;" class="gtranslate_wrapper"></div>
+    <script>
+       window.gtranslateSettings = {
+         default_language: "en",
+         detect_browser_language: true,
+         wrapper_selector: ".gtranslate_wrapper",
+         font_size: 100,
+       };
+     </script>
+     <script
+     src="https://cdn.gtranslate.net/widgets/latest/popup.js"
+     defer
+   ></script>
+    <header>
+
     <!-- <header>
+
         <div class="head">
             <div class="logo"><img src="images/logo.webp" alt="" width="160px"></div>
             <div id="heading" style="font-size: 34px;color: white;">Research Nexas</div>

diff --git a/public/signup.html b/public/signup.html
@@ -34,10 +34,24 @@
     .criteria li.valid {
       color: green;
     }
+
   </style>
 </head>
 
 <body>
+  <div style="position: absolute; bottom: 30px; left: 30px;" class="gtranslate_wrapper"></div>
+  <script>
+     window.gtranslateSettings = {
+       default_language: "en",
+       detect_browser_language: true,
+       wrapper_selector: ".gtranslate_wrapper",
+       font_size: 100,
+     };
+   </script>
+   <script
+   src="https://cdn.gtranslate.net/widgets/latest/popup.js"
+   defer
+ ></script>
   <img src="images/moon.webp" id="icon">
   <div class="container">
     <div class="image">

diff --git a/public/stk_dashboard.html b/public/stk_dashboard.html
@@ -121,7 +121,7 @@
 
 <body>
     <header>
-        <div class="dark-mode-toggle" style="cursor: pointer; position: absolute; top: 10px; right: 10px;">
+        <div class="dark-mode-toggle" style="cursor: pointer; position: absolute; bottom: 10px; right: 10px;">
             <i id="darkModeIcon" class="fa-solid fa-moon"
                 style="color: white; font-size: 26px;margin:3px;padding:6px;"></i>
         </div>
@@ -212,6 +212,19 @@ <h2 class="mb-0">
         </div>
     </section>
 
+    <div style="position: absolute; top: 30px; left: 30px;" class="gtranslate_wrapper"></div>
+    <script>
+       window.gtranslateSettings = {
+         default_language: "en",
+         detect_browser_language: true,
+         wrapper_selector: ".gtranslate_wrapper",
+         font_size: 100,
+       };
+     </script>
+     <script
+     src="https://cdn.gtranslate.net/widgets/latest/popup.js"
+     defer
+   ></script>
 
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js"
         integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"

diff --git a/public/stk_login.html b/public/stk_login.html
@@ -9,6 +9,19 @@
 </head>
 
 <body>
+    <div style="position: absolute; bottom: 30px; left: 30px;" class="gtranslate_wrapper"></div>
+    <script>
+       window.gtranslateSettings = {
+         default_language: "en",
+         detect_browser_language: true,
+         wrapper_selector: ".gtranslate_wrapper",
+         font_size: 100,
+       };
+     </script>
+     <script
+     src="https://cdn.gtranslate.net/widgets/latest/popup.js"
+     defer
+   ></script>
     <img src="images/moon.webp" id="icon">
     <div class="container">
         <div class="image">