Compare commits
8 Commits
a53a954958
...
c4f17bf4d5
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
c4f17bf4d5 | ||
| 112ba89b04 | |||
| 0346054398 | |||
| 51b4628562 | |||
| ac36157032 | |||
| 95c7c6f95e | |||
| 4c47555466 | |||
| 51fe47e0b3 |
30
main.css
30
main.css
@ -144,7 +144,7 @@
|
|||||||
|
|
||||||
.green {
|
.green {
|
||||||
background: #9BE6C1;
|
background: #9BE6C1;
|
||||||
background-image: url('templateapi/assets/images/unlockcarrer/internship.png');
|
background-image: url('assets/images/unlockcarrer/internship.png');
|
||||||
background-size: 115px;
|
background-size: 115px;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: bottom right;
|
background-position: bottom right;
|
||||||
@ -152,7 +152,7 @@
|
|||||||
|
|
||||||
.orange {
|
.orange {
|
||||||
background: #fec192;
|
background: #fec192;
|
||||||
background-image: url('templateapi/assets/images/unlockcarrer/jobs.png');
|
background-image: url('assets/images/unlockcarrer/jobs.png');
|
||||||
background-size: 115px;
|
background-size: 115px;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: bottom right;
|
background-position: bottom right;
|
||||||
@ -160,7 +160,7 @@
|
|||||||
|
|
||||||
.blue {
|
.blue {
|
||||||
background: #9bc9ff;
|
background: #9bc9ff;
|
||||||
background-image: url('templateapi/assets/images/unlockcarrer/mentorship.png');
|
background-image: url('assets/images/unlockcarrer/mentorship.png');
|
||||||
background-size: 115px;
|
background-size: 115px;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: bottom right;
|
background-position: bottom right;
|
||||||
@ -169,7 +169,7 @@
|
|||||||
|
|
||||||
.purple {
|
.purple {
|
||||||
background: #c8bbff;
|
background: #c8bbff;
|
||||||
background-image: url('templateapi/assets/images/unlockcarrer/practice.png');
|
background-image: url('assets/images/unlockcarrer/practice.png');
|
||||||
background-size: 120px;
|
background-size: 120px;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: bottom right;
|
background-position: bottom right;
|
||||||
@ -177,7 +177,7 @@
|
|||||||
|
|
||||||
.yellow {
|
.yellow {
|
||||||
background: #ffdd80;
|
background: #ffdd80;
|
||||||
background-image: url('templateapi/assets/images/unlockcarrer/competitions.png');
|
background-image: url('assets/images/unlockcarrer/competitions.png');
|
||||||
background-size: 115px;
|
background-size: 115px;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: bottom right;
|
background-position: bottom right;
|
||||||
@ -185,7 +185,7 @@
|
|||||||
|
|
||||||
.pink {
|
.pink {
|
||||||
background: #ffb1cc;
|
background: #ffb1cc;
|
||||||
background-image: url('templateapi/assets/images/unlockcarrer/more.png');
|
background-image: url('assets/images/unlockcarrer/more.png');
|
||||||
background-size: 115px;
|
background-size: 115px;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: bottom right;
|
background-position: bottom right;
|
||||||
@ -560,27 +560,27 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.card-quizzes {
|
.card-quizzes {
|
||||||
background: url('templateapi/assets/images/seize/quizz.png') no-repeat center/cover;
|
background: url('assets/images/seize/quizz.png') no-repeat center/cover;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-hackathons {
|
.card-hackathons {
|
||||||
background: url('templateapi/assets/images/seize/hackathon.png') no-repeat center/cover;
|
background: url('assets/images/seize/hackathon.png') no-repeat center/cover;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-scholarships {
|
.card-scholarships {
|
||||||
background: url('templateapi/assets/images/seize/scholarships.png') no-repeat center/cover;
|
background: url('assets/images/seize/scholarships.png') no-repeat center/cover;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-conferences {
|
.card-conferences {
|
||||||
background: url('templateapi/assets/images/seize/conference.png') no-repeat center/cover;
|
background: url('assets/images/seize/conference.png') no-repeat center/cover;
|
||||||
color: #1f2937;
|
color: #1f2937;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-festivals {
|
.card-festivals {
|
||||||
background: url('templateapi/assets/images/seize/techfest.png') no-repeat center/cover;
|
background: url('assets/images/seize/techfest.png') no-repeat center/cover;
|
||||||
color: #1f2937;
|
color: #1f2937;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1437,7 +1437,6 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
gap: 20px;
|
gap: 20px;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
overflow-y: hidden;
|
|
||||||
scroll-behavior: smooth;
|
scroll-behavior: smooth;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
@ -1481,6 +1480,13 @@
|
|||||||
.course-description {
|
.course-description {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #333;
|
color: #333;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 2;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
overflow: hidden;
|
||||||
|
line-height: 1.4;
|
||||||
|
max-height: 2.8em;
|
||||||
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.corces {
|
.corces {
|
||||||
|
|||||||
122
main.js
122
main.js
@ -3,7 +3,7 @@ function goToApplay() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function getInTouch() {
|
function getInTouch() {
|
||||||
window.open("https://wa.me/1234567890?text=Hi%20Link%20kodepilote%20Team...", "_blank");
|
window.open("https://wa.me/918870760431?text=Hi%20Link%20kodepilote%20Team...", "_blank");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@ -264,121 +264,6 @@ document.addEventListener('DOMContentLoaded', async () => {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// const allCourses = [
|
|
||||||
// {
|
|
||||||
// category: "Software Development & Engineering",
|
|
||||||
// link: "https://kodepilot.in/course/view.php?id=16",
|
|
||||||
// image: "https://kodepilot.in/pluginfile.php/53/course/overviewfiles/UiUx.png",
|
|
||||||
// name: "UI/UX Design",
|
|
||||||
// description: "Learn the fundamentals of user interface and user experience design."
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// category: "Software Development & Engineering",
|
|
||||||
// link: "https://kodepilot.in/course/view.php?id=9",
|
|
||||||
// image: "https://kodepilot.in/pluginfile.php/39/course/overviewfiles/IOS.png",
|
|
||||||
// name: "iOS Development",
|
|
||||||
// description: "Build iOS apps using Swift and Apple’s development tools."
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// category: "Software Development & Engineering",
|
|
||||||
// link: "https://kodepilot.in/course/view.php?id=7",
|
|
||||||
// image: "https://kodepilot.in/pluginfile.php/35/course/overviewfiles/RD.png",
|
|
||||||
// name: "React Development",
|
|
||||||
// description: "Master React.js for building fast and scalable web apps."
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// category: "Software Development & Engineering",
|
|
||||||
// link: "https://kodepilot.in/course/view.php?id=5",
|
|
||||||
// image: "https://kodepilot.in/pluginfile.php/31/course/overviewfiles/PFS.png",
|
|
||||||
// name: "Full Stack Development",
|
|
||||||
// description: "End-to-end training in frontend, backend, and databases."
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// category: "Software Development & Engineering",
|
|
||||||
// link: "https://kodepilot.in/course/view.php?id=3",
|
|
||||||
// image: "https://kodepilot.in/pluginfile.php/25/course/overviewfiles/JFS.png",
|
|
||||||
// name: "Java Full Stack",
|
|
||||||
// description: "Become a full stack developer with Java, Spring, and modern tools."
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// category: "Quality & Testing",
|
|
||||||
// link: "https://kodepilot.in/course/view.php?id=13",
|
|
||||||
// image: "https://kodepilot.in/pluginfile.php/46/course/overviewfiles/PT.png",
|
|
||||||
// name: "Performance Testing",
|
|
||||||
// description: "Learn tools and techniques for testing system performance."
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// category: "Quality & Testing",
|
|
||||||
// link: "https://kodepilot.in/course/view.php?id=10",
|
|
||||||
// image: "https://kodepilot.in/pluginfile.php/41/course/overviewfiles/QA.png",
|
|
||||||
// name: "QA Testing",
|
|
||||||
// description: "Understand quality assurance practices for reliable software."
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// category: "Cloud & DevOps",
|
|
||||||
// link: "https://kodepilot.in/course/view.php?id=17",
|
|
||||||
// image: "https://kodepilot.in/pluginfile.php/55/course/overviewfiles/GC.png",
|
|
||||||
// name: "Google Cloud",
|
|
||||||
// description: "Get hands-on with Google Cloud Platform services and tools."
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// category: "Cloud & DevOps",
|
|
||||||
// link: "https://kodepilot.in/course/view.php?id=4",
|
|
||||||
// image: "https://kodepilot.in/pluginfile.php/28/course/overviewfiles/AWSA.png",
|
|
||||||
// name: "AWS Associate",
|
|
||||||
// description: "Prepare for AWS certifications and cloud computing skills."
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// category: "AI, Data & Emerging Tech (On-demand & trending)",
|
|
||||||
// link: "https://kodepilot.in/course/view.php?id=26",
|
|
||||||
// image: "https://kodepilot.in/pluginfile.php/73/course/overviewfiles/DE.png",
|
|
||||||
// name: "Data Engineering",
|
|
||||||
// description: "Build pipelines and manage data at scale for analytics."
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// category: "AI, Data & Emerging Tech (On-demand & trending)",
|
|
||||||
// link: "https://kodepilot.in/course/view.php?id=18",
|
|
||||||
// image: "https://kodepilot.in/pluginfile.php/58/course/overviewfiles/PE.png",
|
|
||||||
// name: "Prompt Engineering",
|
|
||||||
// description: "Learn to design prompts for AI models like ChatGPT."
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// category: "AI, Data & Emerging Tech (On-demand & trending)",
|
|
||||||
// link: "https://kodepilot.in/course/view.php?id=12",
|
|
||||||
// image: "https://kodepilot.in/pluginfile.php/44/course/overviewfiles/AI%28Ess%29.png",
|
|
||||||
// name: "AI Essentials",
|
|
||||||
// description: "Introduction to AI, ML concepts, and real-world use cases."
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// category: "Enterprise & Business Tech",
|
|
||||||
// link: "https://kodepilot.in/course/view.php?id=24",
|
|
||||||
// image: "https://kodepilot.in/pluginfile.php/70/course/overviewfiles/ServiceNow.png",
|
|
||||||
// name: "ServiceNow",
|
|
||||||
// description: "Learn ITSM and workflow automation with ServiceNow."
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// category: "Enterprise & Business Tech",
|
|
||||||
// link: "https://kodepilot.in/course/view.php?id=19",
|
|
||||||
// image: "https://kodepilot.in/pluginfile.php/61/course/overviewfiles/SAP.png",
|
|
||||||
// name: "SAP",
|
|
||||||
// description: "Master SAP ERP modules for enterprise solutions."
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// category: "Cybersecurity & Compliance",
|
|
||||||
// link: "https://kodepilot.in/course/view.php?id=23",
|
|
||||||
// image: "https://kodepilot.in/pluginfile.php/69/course/overviewfiles/Security.png",
|
|
||||||
// name: "Security Fundamentals",
|
|
||||||
// description: "Understand core concepts of IT security and defense."
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// category: "Cybersecurity & Compliance",
|
|
||||||
// link: "https://kodepilot.in/course/view.php?id=22",
|
|
||||||
// image: "https://kodepilot.in/pluginfile.php/68/course/overviewfiles/CyE.png",
|
|
||||||
// name: "Cyber Essentials",
|
|
||||||
// description: "Learn the basics of cybersecurity and compliance standards."
|
|
||||||
// }
|
|
||||||
// ];
|
|
||||||
|
|
||||||
console.table(allCourses);
|
console.table(allCourses);
|
||||||
|
|
||||||
|
|
||||||
@ -391,17 +276,14 @@ function renderCourses(allCourses) {
|
|||||||
|
|
||||||
container.innerHTML = '';
|
container.innerHTML = '';
|
||||||
|
|
||||||
// Group courses by category
|
|
||||||
const grouped = {};
|
const grouped = {};
|
||||||
allCourses.forEach(course => {
|
allCourses.forEach(course => {
|
||||||
if (!grouped[course.category]) grouped[course.category] = [];
|
if (!grouped[course.category]) grouped[course.category] = [];
|
||||||
grouped[course.category].push(course);
|
grouped[course.category].push(course);
|
||||||
});
|
});
|
||||||
|
|
||||||
// Convert grouped object to array for merging
|
|
||||||
let sections = Object.entries(grouped).map(([category, courses]) => ({ category, courses }));
|
let sections = Object.entries(grouped).map(([category, courses]) => ({ category, courses }));
|
||||||
|
|
||||||
// Merge sections with less than 4 courses
|
|
||||||
let mergedSections = [];
|
let mergedSections = [];
|
||||||
let temp = { category: '', courses: [] };
|
let temp = { category: '', courses: [] };
|
||||||
|
|
||||||
@ -409,12 +291,10 @@ function renderCourses(allCourses) {
|
|||||||
if (section.courses.length >= 4) {
|
if (section.courses.length >= 4) {
|
||||||
mergedSections.push(section);
|
mergedSections.push(section);
|
||||||
} else {
|
} else {
|
||||||
// Merge into temp
|
|
||||||
if (temp.category) temp.category += '/' + section.category;
|
if (temp.category) temp.category += '/' + section.category;
|
||||||
else temp.category = section.category;
|
else temp.category = section.category;
|
||||||
temp.courses.push(...section.courses);
|
temp.courses.push(...section.courses);
|
||||||
|
|
||||||
// If merged has 4 or more, push it
|
|
||||||
if (temp.courses.length >= 4) {
|
if (temp.courses.length >= 4) {
|
||||||
mergedSections.push({ category: temp.category, courses: temp.courses });
|
mergedSections.push({ category: temp.category, courses: temp.courses });
|
||||||
temp = { category: '', courses: [] };
|
temp = { category: '', courses: [] };
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user