new-subject-info

functional.js

@@ -202,7 +202,11 @@ function calculatePercentage(event) {
         case 'java':
             infoText = 'Java Development involves building applications using Java. Key skills include proficiency in Java programming, object-oriented programming (OOP) concepts, and frameworks like Spring and Hibernate. Common job roles are Java Developer and Software Engineer, offering salaries averaging ₹8–15 LPA in India, with experienced professionals earning up to ₹30 LPA. Global salaries range from $70,000 to $120,000 annually, depending on skills and location.';
             suggestionsText = 'To excel in Java Development, practice writing Java programs and understand object-oriented programming concepts. Build projects using Java frameworks like Spring and Hibernate.<br><br>Resources:<br><a href="https://www.codecademy.com/learn/learn-java" style="text-decoration: none; color: #03dac6">Codecademy Java <i class="fa-solid fa-arrow-up-right-from-square"></i></a><br><a href="https://www.udemy.com/course/java-the-complete-java-developer-course/" style="text-decoration: none; color: #03dac6">Udemy Java Course <i class="fa-solid fa-arrow-up-right-from-square"></i></a>.';
-            break;      
+            break;  
+        case 'linux':
+            infoText = 'Linux is a powerful and versatile operating system used in servers, desktops, and embedded systems. Key skills include proficiency in Linux command line, shell scripting, system administration, and networking. Common job roles are Linux System Administrator and DevOps Engineer, offering salaries averaging ₹6–12 LPA in India, with experienced professionals earning up to ₹20 LPA. Global salaries range from $70,000 to $120,000 annually, depending on skills and location.';
+            suggestionsText = 'To excel in Linux, practice using the Linux command line and writing shell scripts. Learn about system administration tasks such as user management, file permissions, and network configuration. Useful resources:<br><br>Resources:<br><a href="https://www.codecademy.com/learn/learn-the-command-line" style="text-decoration: none; color: #03dac6">Codecademy Command Line <i class="fa-solid fa-arrow-up-right-from-square"></i></a><br><a href="https://www.udemy.com/course/linux-mastery/" style="text-decoration: none; color: #03dac6">Udemy Linux Mastery <i class="fa-solid fa-arrow-up-right-from-square"></i></a>.';
+            break;    
         default:
             infoText = 'This subject has various applications in the real world, contributing to different fields and industries.';
             suggestionsText = 'To improve in this subject, focus on understanding the core concepts and practicing regularly. Utilize online resources and courses to enhance your knowledge.';

pages/guider.html

@@ -52,14 +52,15 @@ <h1><a href="../index.html">CalGPA <sup><i class="fa-solid fa-graduation-cap"></
         <h1>Welcome to Guider.io</h1> <br>
         <div class="title">
             <div class="meh">
-                <p>Our mission is to provide students with the resources and guidance they need to succeed academically. We understand that every student has unique needs and challenges, and we strive to offer personalized support to help you achieve your goals. </p>
-                <p>Whether you need help with time management, study skills, or test preparation, we are here to help. Our team of experienced tutors and academic coaches are dedicated to helping you reach your full potential. </p>
+                <p> Guider.io is an interface which guides you about how to get better in a subject and how the subject is gonna help in the real world scenarios (basically how much does the subject related job pays you and skills required to get the job) There are also few course links provided for each subject why? section, to work on the subject and score better. Kinda reality check lol ;)!!</p><br>
+                <p>Currently Available Subjects:  FSD (3 Credits) ,DS (4 Credits) ,DLD (4 Credits) ,DMGT (3 Credits) ,TNT (3 Credits) ,JAVA (2 Credits) ,LINUX (2 Credits) </li>
+                </p>
             </div><br>
             <img id="floater" src="../imgs/guider.png" alt="img" class="img floater">
             <br> <br>
         </div>
         <div class="form">
-            <div id="suggestionsBox" class="info-box"></div>
+            <div id="suggestionsBox" class="info-box">Enter marks for more info</div>
             <form id="marksForm" onsubmit="calculatePercentage(event)">
                 <fieldset>
                 <h4>Enter your marks</h4><br>
@@ -70,7 +71,7 @@ <h4>Enter your marks</h4><br>
                 <button type="submit" class="button3">Submit</button>
             </fieldset>
             </form>
-            <div id="infoBox" class="info-box"></div>
+            <div id="infoBox" class="info-box">Enter marks for more info</div>
         </div>
     </div>
     <div class="footer-section">

styles.css

@@ -1397,6 +1397,8 @@ form > button {
   padding: 20px;
   border-radius: 10px;
   color: var(--bg-color);
+  min-width: 230px;
+  min-height: 400px;
   background-color: var(--main-color);
   box-shadow:0px 7px 14px rgba(10, 125, 115, 0.55);
 }