diff --git a/.hintrc b/.hintrc new file mode 100644 index 0000000..bf69daf --- /dev/null +++ b/.hintrc @@ -0,0 +1,14 @@ +{ + "extends": [ + "development" + ], + "hints": { + "axe/text-alternatives": [ + "default", + { + "document-title": "off" + } + ], + "no-inline-styles": "off" + } +} \ No newline at end of file diff --git a/desktop.ini b/desktop.ini new file mode 100644 index 0000000..e2de8e7 --- /dev/null +++ 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 new file mode 100644 index 0000000..7aa91a7 --- /dev/null +++ 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 new file mode 100644 index 0000000..4ebd9e5 --- /dev/null +++ b/public/Ai-carrer-recommendation.html @@ -0,0 +1,66 @@ + + + + + + AI Career Recommendations + + + + + +
+

AI Career Recommendation

+
+ + + + + + + + + + + + + + + + +
+ + + +
+ +
+

Your Career Roadmap

+
+

Submit your details to receive a tailored career roadmap.

+
+
+ + + + diff --git a/public/Ai-carrer-recommendation.js b/public/Ai-carrer-recommendation.js new file mode 100644 index 0000000..1bbf00d --- /dev/null +++ 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 index 538dbeb..e730826 100644 --- 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 index f2b9943..9351cad 100644 --- a/public/mentorship.html +++ b/public/mentorship.html @@ -20,14 +20,17 @@ Resources Events/Webinars Login - + +

Available Mentorships

+ +
+ AI Mentorship +
-

Available Mentorships

+

Data Science Mentorship

@@ -111,4 +114,4 @@

Get in Touch

- + \ No newline at end of file