diff --git a/src/collections/resources/Resources.style.js b/src/collections/resources/Resources.style.js index 2de3f15d7f5cae..269b0d38852cff 100644 --- a/src/collections/resources/Resources.style.js +++ b/src/collections/resources/Resources.style.js @@ -10,6 +10,45 @@ export const ResourcesWrapper = styled.div` text-align: left; margin-top: 2rem; } + + div.comparison table { + border-collapse: collapse; + margin: 1.5rem 0 2rem; + width: 100%; + } + + div.comparison__table-wrapper { + max-width: 100%; + overflow-x: auto; + } + + div.comparison th, + div.comparison td { + border: 1px solid ${props => props.theme.borderColor || props.theme.primaryLightColor}; + padding: 0.75rem; + text-align: left; + vertical-align: top; + } + + div.comparison th { + background-color: ${props => props.theme.secondaryLightColorTwo}; + font-weight: 600; + } + + div.comparison td[data-status="yes"] { + color: ${props => props.theme.secondaryColor}; + font-weight: 600; + } + + div.comparison td[data-status="partial"] { + color: ${props => props.theme.highlightColor}; + font-weight: 600; + } + + div.comparison td[data-status="no"] { + color: ${props => props.theme.errorColor}; + font-weight: 600; + } .sub-heading { color: gray; diff --git a/src/collections/resources/comparison/layer5-academy-vs-moocit/index.mdx b/src/collections/resources/comparison/layer5-academy-vs-moocit/index.mdx index 55c92f19ee832a..7e109f2763a242 100644 --- a/src/collections/resources/comparison/layer5-academy-vs-moocit/index.mdx +++ b/src/collections/resources/comparison/layer5-academy-vs-moocit/index.mdx @@ -4,12 +4,12 @@ subtitle: Academy Comparison date: 2025-08-18 08:00:00 -0530 thumbnail: ../../../../assets/images/academy/academy-layer5-light.png darkthumbnail: ../../../../assets/images/academy/academy-layer5.png -description: "Layer5 Academy vs Moocit Comaprision" +description: "Layer5 Academy vs Moocit Comparison" type: Comparison category: Academy tags: - Academy - - Moocit + - Moocit featured: false published: true resource: true @@ -17,7 +17,6 @@ resource: true import { ResourcesWrapper } from "../../Resources.style.js"; -
@@ -33,66 +32,273 @@ The following details highlight the key differences between Layer5 Academy and M It is the backbone of the platform, enabling instructors to easily design, structure, and deliver courses. This includes tools for creating multimedia lessons, managing modules, setting prerequisites, and organizing assessments to ensure a seamless teaching process. - -| Feature | Moocit | Layer5 | Notes | -|---------|--------|--------|-------| -| Content Variety | ✅ | ✅ | Both: Support text, images, videos, PDFs | -| Interactive Learning | ✅ | ✅ | Both: Quizzes, tests, self-assessment | -| Learning Paths/Tracks | ✅ | ✅ | Both: Support sequential paths and prerequisites | -| Course Publishing | ✅ | ✅ | Moocit: Web-based approach to content creation and publishing with incremental instant and scheduled releases. Layer5: Gitflow based approach to content creation and publishing is gitflow based with version-controlled publishing. | -| Course Management | ✅ | ✅ | Both: Tools to organize, assign, and manage | -| Course Tracking | ✅ | ✅ | Both: Track learner progress and completion | -| Course Authoring | ⚠️ | ✅ | Moocit: uses the Open edX platform with XML-based authoring. Layer5: uses a modern Hugo static site generator with Markdown-based authoring. | -| Public Catalog | ❌ | ✅ | Moocit: Lacks browsable, public catalog. Layer5: Provides comprehensive discoverability with browsable, public catalog. | +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureMoocitLayer5Notes
Content VarietyYesYesBoth: Support text, images, videos, PDFs
Interactive LearningYesYesBoth: Quizzes, tests, self-assessment
Learning Paths/TracksYesYesBoth: Support sequential paths and prerequisites
Course PublishingYesYesMoocit: Web-based approach to content creation and publishing with incremental instant and scheduled releases. Layer5: Gitflow based approach to content creation and publishing with version-controlled publishing.
Course ManagementYesYesBoth: Tools to organize, assign, and manage
Course TrackingYesYesBoth: Track learner progress and completion
Course AuthoringPartialYesMoocit: uses the Open edX platform with XML-based authoring. Layer5: uses a modern Hugo static site generator with Markdown-based authoring.
Public CatalogNoYesMoocit: Lacks browsable, public catalog. Layer5: Provides comprehensive discoverability with browsable, public catalog.
+
### Learner Experience Learner experience emphasizes intuitive design, collaboration, and flexibility. Both platforms enable personalized learning, progress tracking, and interactive engagement, with Layer5 extending into real-time collaboration via [Kanvas](/cloud-native-management/kanvas). -| Feature | Moocit | Layer5 | Notes | -|---------|--------|--------|-------| -| Learner Portal | ✅ | ✅ | | -| Self-paced Learning | ✅ | ✅ | | -| Instructor-led Learning | ✅ | ✅ | | -| Mobile Learning | ✅ | ✅ | | -| Certificate Generation | ✅ | ✅ | Both: Shareable certifications | -| Social Learning | ✅ | ✅ | Both: Forums, discussions. Layer5: Kanvas and Slack. | -| Learner Profile | ⚠️ | ✅| Moocit: Limited support for interactive profiles. Layer5: Comprehensive learner profiles with progress tracking and social features. | -| Group / Synchronous Learning | ❌ | ✅ | Layer5: Real-time, collaborative learning. | -| Hands-on Labs | ❌ | ✅ | Layer5: through Kanvas | +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureMoocitLayer5Notes
Learner PortalYesYes
Self-paced LearningYesYes
Instructor-led LearningYesYes
Mobile LearningYesYes
Certificate GenerationYesYesBoth: Shareable certifications
Social LearningYesYesBoth: Forums, discussions. Layer5: Kanvas and Slack.
Learner ProfilePartialYesMoocit: Limited support for interactive profiles. Layer5: Comprehensive learner profiles with progress tracking and social features.
Group / Synchronous LearningNoYesLayer5: Real-time, collaborative learning.
Hands-on LabsNoYesLayer5: through Kanvas
+
### Administration & Analytics Both platforms deliver robust administration capabilities with user management, analytics, and compliance tools. Layer5 extends customization through its cloud-native ecosystem integration. -| Feature | Moocit | Layer5 | Notes | -|---------|--------|--------|-------| -| Assessment Management | ✅ | ✅ | Both: Build and evaluate assessments. | -| Gradebook | ✅ | ✅ | Both: Track grades and scores. | -| Reporting & Statistics | ✅ | ✅ | Both: Insights into learner engagement and performance. | -| User Management | ⚠️ | ✅ | Moocit: Manage user accounts. Layer5: Manage user accounts with granular and customizable permissions and roles. | -| Group Creation and Management | ✅ | ✅ | Both: Allow instructors to organize students and content into different groups. | -| Single Sign-On (SSO) | ❌ | ✅ | Layer5: Enhanced identity and granular access control. | -| Branded Academy Invitations | ❌ | ✅ | Layer5: Approval queues, domain-based allowances. | -| Branded Content Announcements | ❌ | ✅ | Layer5: New content announcements | -| Public Clouds | ❌ | ✅ | Layer5: AWS, Azure, GCP, DigitalOcean, and an Kubernetes service | -| Orchestration Support | ❌ | ✅ | Layer5: Hundreds of CNCF ecosystem integrations | +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureMoocitLayer5Notes
Assessment ManagementYesYesBoth: Build and evaluate assessments.
GradebookYesYesBoth: Track grades and scores.
Reporting & StatisticsYesYesBoth: Insights into learner engagement and performance.
User ManagementPartialYesMoocit: Manage user accounts. Layer5: Manage user accounts with granular and customizable permissions and roles.
Group Creation and ManagementYesYesBoth: Allow instructors to organize students and content into different groups.
Single Sign-On (SSO)NoYesLayer5: Enhanced identity and granular access control.
Branded Academy InvitationsNoYesLayer5: Approval queues, domain-based allowances.
Branded Content AnnouncementsNoYesLayer5: New content announcements
Public CloudsNoYesLayer5: AWS, Azure, GCP, DigitalOcean, and a Kubernetes service
Orchestration SupportNoYesLayer5: Hundreds of CNCF ecosystem integrations
+
### Additional Features Extra functionalities make the platforms more engaging. While both cover gamification and eCommerce, Layer5 distinguishes itself with advanced white-labeling and community-driven Slack support. -| Feature | Moocit | Layer5 | Notes | -|---------|--------|--------|-------| -| Gamification | ✅ | ✅ | Layer5: badges and learning leaderboards. | -| eCommerce Management | ✅ | ✅ | Both: Support Stripe as a built-in integration. | -| White-labeling | ✅ | ✅ | Layer5: Superior branding flexibility. | -| Chatbot Support | ⚠️ | ✅ | Moocit: website chat. Layer5: community-centric Slack. | -| Cloud Native Focused | ❌ | ✅ | Layer5 is a cloud native ecosystem stalwart, tightly aligned with the CNCF. | +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureMoocitLayer5Notes
GamificationYesYesLayer5: badges and learning leaderboards.
eCommerce ManagementYesYesBoth: Support Stripe as a built-in integration.
White-labelingYesYesLayer5: Superior branding flexibility.
Chatbot SupportPartialYesMoocit: website chat. Layer5: community-centric Slack.
Cloud Native FocusedNoYesLayer5 is a cloud native ecosystem stalwart, tightly aligned with the CNCF.
+
## Summary -While Moocit lacks content attribution and seamless orchestration with hands-on labs, Layer5 Academy stands out by enabling true learning through interactive, hands-on labs powered by Kanvas—where real learning happens. Layer5 Academy's labs drive students to utilize third-party public cloud providers' infrastructure, meaning more time spent on hands-on activities can increase costs for users paying for their chosen provider's resources. However, public cloud providers featuring Academy content and labs can incentivize adoption by offering credits and discount codes, presented to learners after enrolling in a Challenge, Learning Path, or Certification. Furthermore, Layer5 enhances administrative efficiency with support for bulk invitations for new learners and email announcements for new academy content, underscoring its superior strengths in content creation, learner experience, and administrative capabilities compared to Moocit. +While Moocit lacks content attribution and seamless orchestration with hands-on labs, Layer5 Academy stands out by enabling true learning through interactive, hands-on labs powered by Kanvas, where real learning happens. Layer5 Academy's labs drive students to utilize third-party public cloud providers' infrastructure, meaning more time spent on hands-on activities can increase costs for users paying for their chosen provider's resources. However, public cloud providers featuring Academy content and labs can incentivize adoption by offering credits and discount codes, presented to learners after enrolling in a Challenge, Learning Path, or Certification. Furthermore, Layer5 enhances administrative efficiency with support for bulk invitations for new learners and email announcements for new academy content, underscoring its superior strengths in content creation, learner experience, and administrative capabilities compared to Moocit.
diff --git a/src/theme/app/themeStyles.js b/src/theme/app/themeStyles.js index 855054f82b3b9e..98c9adfbdf960e 100644 --- a/src/theme/app/themeStyles.js +++ b/src/theme/app/themeStyles.js @@ -62,6 +62,9 @@ const lighttheme = { highlightColor: "#EBC017", saffronColor: "#EBC017", + // error red + errorColor: "#D32F2F", + // flax (light yellow) highlightLightColor: "#EAD07D", saffronLightColor: "#EAD07D", @@ -296,6 +299,9 @@ export const darktheme = { highlightColor: "#EBC017", saffronColor: "#EBC017", + // error red + errorColor: "#FF6B6B", + // flax (light yellow) highlightLightColor: "#EAD07D", saffronLightColor: "#EAD07D",