Abhay-hack · jainabhishek2004 · Jan 10, 2025 · Jan 11, 2025 · Jan 11, 2025 · Jan 11, 2025
diff --git a/.hintrc b/.hintrc
@@ -0,0 +1,14 @@
+{
+  "extends": [
+    "development"
+  ],
+  "hints": {
+    "axe/text-alternatives": [
+      "default",
+      {
+        "document-title": "off"
+      }
+    ],
+    "no-inline-styles": "off"
+  }
+}
diff --git a/desktop.ini b/desktop.ini
@@ -0,0 +1,2 @@
+[.ShellClassInfo]
+LocalizedResourceName=@Lumina,0
diff --git a/public/Ai-carrer-recommendation.css b/public/Ai-carrer-recommendation.css
@@ -0,0 +1,161 @@
+* {
+    margin: 0;
+    padding: 0;
+    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+    box-sizing: border-box;
+}
+
+html, body {
+    width: 100%;
+    height: 100%;
+    background-color: rgb(247, 247, 178);
+}
+
+.container {
+    padding: 20px;
+}
+
+#nav {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    padding: 30px 50px;
+    background-color: #f7e2b1ea;
+}
+
+#nav img {
+    width: 100px;
+}
+
+#nav #right {
+    display: flex;
+    align-items: center;
+    gap: 40px;
+}
+
+#nav a {
+    text-decoration: none;
+    font-weight: 400;
+    color: #000;
+    font-size: 0.8rem;
+    letter-spacing: -1px;
+    transition: font-size 0.3s ;
+}
+
+#nav a:hover{
+  font-size: 2vw;
+}
+
+@media (min-width: 768px) {
+    #nav {
+        flex-direction: row;
+        justify-content: space-between;
+        padding: 30px 50px;
+    }
+
+    #nav img {
+        width: 100px;
+    }
+
+    #nav a {
+        font-size: 1.5vw;
+    }
+    #nav i {
+        font-size: 1.5vw;
+    }
+
+}
+#nav i {
+    font-weight: 100px;
+    font-size: 1rem;
+}
+
+#right a.login-btn {
+    padding: 10px 20px;
+    background-color: #000000;
+    color: white;
+    border-radius: 25px;
+    font-size: 1rem;
+    text-decoration: none;
+    font-weight: bold;
+}
+
+#right a.login-btn:hover {
+    color: black;
+    background-color: #ffffff; 
+}
+
+
+
+.container h1 {
+    font-size: 2rem;
+    margin-bottom: 20px;
+    text-align: center;
+}
+
+form {
+    background-color: #f7e2b1;
+    padding: 20px;
+    border-radius: 10px;
+    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
+    max-width: 600px;
+    margin: 0 auto;
+}
+
+form label {
+    font-size: 1rem;
+    margin-top: 10px;
+    display: block;
+    color: #333;
+}
+
+form input,
+form select,
+form textarea {
+    width: 100%;
+    padding: 10px;
+    margin-top: 5px;
+    margin-bottom: 15px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    font-size: 1rem;
+    font-family: inherit;
+}
+
+form button {
+    width: 100%;
+    padding: 10px 20px;
+    font-size: 1rem;
+    color: white;
+    background-color: #000;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+}
+
+form button:hover {
+    background-color: #444;
+}
+
+.roadmap-container {
+    padding: 20px;
+    margin-top: 30px;
+    text-align: center;
+    background-color: #fff;
+    border-radius: 10px;
+    max-width: 600px;
+    margin: 30px auto;
+    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
+}
+
+.roadmap-container h2 {
+    font-size: 1.5rem;
+    margin-bottom: 20px;
+}
+
+.roadmap-container #roadmap-content {
+    font-size: 1rem;
+    color: #333;
+}
diff --git a/public/Ai-carrer-recommendation.html b/public/Ai-carrer-recommendation.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>AI Career Recommendations</title>
+    <link rel="stylesheet" href="Ai-carrer-recommendation.css">
+</head>
+<body>
+    <div id="nav">
+        <a href="index.html"><img class="icon magnet" src="./image/lumina1.png" alt="LUMINA"></a>
+        <div id="right">
+            <a href="jobs.html">Jobs</a>
+            <a href="internships.html">Internships</a>
+            <a href="mentorship.html">Mentorships</a>
+            <a href="resources.html">Resources</a>
+            <a href="events&webinar.html">Events/Webinars</a>
+            <a href="login.html" class="login-btn magnet">Login</a>
+        </div>
+    </div>
+
+    <div class="container">
+        <h1>AI Career Recommendation</h1>
+        <form id="career-form">
+            <label for="education-level">Current Level of Education:</label>
+            <select id="education-level" name="education-level">
+                <option value="high-school">High School</option>
+                <option value="undergraduate">Undergraduate</option>
+                <option value="postgraduate">Postgraduate</option>
+                <option value="professional">Professional</option>
+            </select>
+
+            <label for="field-of-study">Field of Study:</label>
+            <input type="text" id="field-of-study" name="field-of-study" placeholder="e.g., Computer Science, Business">
+
+            <label for="career-stage">Current Career Stage:</label>
+            <select id="career-stage" name="career-stage">
+                <option value="student">Student</option>
+                <option value="entry-level">Entry Level</option>
+                <option value="mid-level">Mid Level</option>
+                <option value="senior-level">Senior Level</option>
+            </select>
+
+            <label for="constraints">Constraints:</label>
+            <textarea id="constraints" name="constraints" placeholder="e.g., Remote work preference, limited time"></textarea>
+
+            <label for="goals">Career Goals:</label>
+            <textarea id="goals" name="goals" placeholder="e.g., Become a data scientist, start a business"></textarea>
+
+            <button type="submit">Get Recommendations</button>
+        </form>
+
+        <!-- Recommendation Text Section -->
+
+    </div>
+
+    <div class="roadmap-container">
+        <h2>Your Career Roadmap</h2>
+        <div id="rot">
+            <p id="recommendation-text">Submit your details to receive a tailored career roadmap.</p>
+        </div>
+    </div>
+
+    <script src="Ai-carrer-recommendation.js"></script>
+</body>
+</html>
diff --git a/public/Ai-carrer-recommendation.js b/public/Ai-carrer-recommendation.js
@@ -0,0 +1,65 @@
+const API_KEY = 'AIzaSyAqnedwm6RPYv0OO4Q5FBNDDCIyHWmfyJU';
+document.getElementById('career-form').addEventListener('submit', async function (event) {
+    event.preventDefault();
+
+    // Get form data
+    const educationLevel = document.getElementById('education-level').value;
+    const fieldOfStudy = document.getElementById('field-of-study').value;
+    const careerStage = document.getElementById('career-stage').value;
+    const goals = document.getElementById('goals').value;
+    const constraints = document.getElementById('constraints').value;
+
+    // Prepare request data for the Gemini API
+    const requestData = {
+        contents: [{
+            parts: [{
+                text: `Provide career recommendations based on the following details:\n
+                    Education Level: ${educationLevel}\n
+                    Field of Study: ${fieldOfStudy}\n
+                    Career Stage: ${careerStage}\n
+                    Goals: ${goals}\n
+                    Constraints: ${constraints}`
+            }]
+        }]
+    };
+
+    console.log('Request Data:', requestData); // Log the data being sent to API
+
+    try {
+        // Make the request to the Gemini API
+        const response = await fetch(`https://generativelanguage.googleapis.com/v1beta/models/gemini-1.5-flash:generateContent?key=${API_KEY}`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify(requestData),
+        });
+
+        // Handle the response
+        if (response.ok) {
+            const data = await response.json();
+            console.log('API Response:', data); // Log the API response
+
+            // Check if the response contains career recommendations
+            if (data.candidates && data.candidates.length > 0) {
+                // Extract the recommendation text
+                let recommendationText = data.candidates[0].content.parts[0].text || 'No content available';
+
+
+                recommendationText = recommendationText.replace(/\*/g, ''); // Remove stars
+
+                // Display the sanitized recommendation text
+                document.getElementById('recommendation-text').textContent = recommendationText;
+            } else {
+                document.getElementById('recommendation-text').textContent = 'No recommendations available at this time.';
+            }
+        } else {
+            const errorData = await response.json();
+            console.log('Error Data:', errorData); // Log error details
+            document.getElementById('recommendation-text').textContent = 'Sorry, we could not fetch recommendations at this time.';
+        }
+    } catch (error) {
+        console.log('Error:', error); // Log any network error
+        document.getElementById('recommendation-text').textContent = 'An error occurred while fetching recommendations.';
+    }
+});
diff --git a/public/mentorship.css b/public/mentorship.css
@@ -253,3 +253,25 @@ html, body {
 .vertical-logo {
     font-size: 2.5vw;
 }
+#heading{
+    text-align: center;
+    margin-top: 20px;
+}
+.airecommendation-btn {
+    display: inline-block;
+    background-color: #000000;
+    color: #fff;
+    text-decoration: none;
+    padding: 10px 20px;
+    border-radius: 5px;
+    font-size: 16px;
+    font-weight: bold;
+    transition: background-color 0.3s ease, color 0.3s ease;
+}
+
+.airecommendation-btn:hover {
+    background-color: #fff;
+    color: #013D4D;
+    border: 1px solid #013D4D;
+}
+
diff --git a/public/mentorship.html b/public/mentorship.html
@@ -20,14 +20,17 @@
             <a href="resources.html">Resources</a>
             <a href="events&webinar.html">Events/Webinars</a>
             <a href="login.html" class="login-btn magnet">Login</a>
-            <!--
-            <i class="ri-user-3-line magnet"></i>
-        -->
+
         </div>
     </div>
+    <h1 id="heading">Available Mentorships</h1>
+      <!-- AI Recommendation Button -->
+     <div style="text-align: center; margin: 20px 0;">
+       <a href="Ai-carrer-recommendation.html" class="airecommendation-btn">AI Mentorship</a>
+      </div>
 
     <div class="container">
-        <h1>Available Mentorships</h1>
+
         <div class="mentorship-grid">
             <div class="mentorship-listing">
                 <h2>Data Science Mentorship</h2>
@@ -111,4 +114,4 @@ <h2>Get in Touch</h2>
     </script>
     <script src="//code.tidio.co/jrwlyr4jlffbfwi1ogzqdzvxf34j4txb.js" async></script>
 </body>
-</html>
+</html>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		[.ShellClassInfo]
		LocalizedResourceName=@Lumina,0