From 31127eadeb6ba00b136ffb48090ce04125333712 Mon Sep 17 00:00:00 2001 From: DS123-ally Date: Fri, 7 Aug 2026 13:56:57 +0530 Subject: [PATCH 1/3] Fix Academy comparison table rendering Signed-off-by: DS123-ally --- src/collections/resources/Resources.style.js | 19 ++ .../layer5-academy-vs-moocit/index.mdx | 288 +++++++++++++++--- 2 files changed, 262 insertions(+), 45 deletions(-) diff --git a/src/collections/resources/Resources.style.js b/src/collections/resources/Resources.style.js index 2de3f15d7f5cae..528c43c85222c9 100644 --- a/src/collections/resources/Resources.style.js +++ b/src/collections/resources/Resources.style.js @@ -10,6 +10,25 @@ 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 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; + } .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..e0d86e9e14e4b2 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,265 @@ 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.
From a04cd80f29e1aade5862170614605edef982c108 Mon Sep 17 00:00:00 2001 From: DS123-ally Date: Fri, 7 Aug 2026 16:01:51 +0530 Subject: [PATCH 2/3] Style comparison table statuses Signed-off-by: DS123-ally --- src/collections/resources/Resources.style.js | 15 ++ .../layer5-academy-vs-moocit/index.mdx | 128 +++++++++--------- src/theme/app/themeStyles.js | 6 + 3 files changed, 85 insertions(+), 64 deletions(-) diff --git a/src/collections/resources/Resources.style.js b/src/collections/resources/Resources.style.js index 528c43c85222c9..de8fda276681a7 100644 --- a/src/collections/resources/Resources.style.js +++ b/src/collections/resources/Resources.style.js @@ -29,6 +29,21 @@ export const ResourcesWrapper = styled.div` 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 e0d86e9e14e4b2..fbf6da1ba4c8bb 100644 --- a/src/collections/resources/comparison/layer5-academy-vs-moocit/index.mdx +++ b/src/collections/resources/comparison/layer5-academy-vs-moocit/index.mdx @@ -44,50 +44,50 @@ It is the backbone of the platform, enabling instructors to easily design, struc Content Variety - Yes - Yes + Yes + Yes Both: Support text, images, videos, PDFs Interactive Learning - Yes - Yes + Yes + Yes Both: Quizzes, tests, self-assessment Learning Paths/Tracks - Yes - Yes + Yes + Yes Both: Support sequential paths and prerequisites Course Publishing - Yes - Yes + Yes + Yes Moocit: 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 Management - Yes - Yes + Yes + Yes Both: Tools to organize, assign, and manage Course Tracking - Yes - Yes + Yes + Yes Both: Track learner progress and completion Course Authoring - Partial - Yes + Partial + Yes Moocit: uses the Open edX platform with XML-based authoring. Layer5: uses a modern Hugo static site generator with Markdown-based authoring. Public Catalog - No - Yes + No + Yes Moocit: Lacks browsable, public catalog. Layer5: Provides comprehensive discoverability with browsable, public catalog. @@ -109,56 +109,56 @@ Learner experience emphasizes intuitive design, collaboration, and flexibility. Learner Portal - Yes - Yes + Yes + Yes Self-paced Learning - Yes - Yes + Yes + Yes Instructor-led Learning - Yes - Yes + Yes + Yes Mobile Learning - Yes - Yes + Yes + Yes Certificate Generation - Yes - Yes + Yes + Yes Both: Shareable certifications Social Learning - Yes - Yes + Yes + Yes Both: Forums, discussions. Layer5: Kanvas and Slack. Learner Profile - Partial - Yes + Partial + Yes Moocit: Limited support for interactive profiles. Layer5: Comprehensive learner profiles with progress tracking and social features. Group / Synchronous Learning - No - Yes + No + Yes Layer5: Real-time, collaborative learning. Hands-on Labs - No - Yes + No + Yes Layer5: through Kanvas @@ -180,62 +180,62 @@ Both platforms deliver robust administration capabilities with user management, Assessment Management - Yes - Yes + Yes + Yes Both: Build and evaluate assessments. Gradebook - Yes - Yes + Yes + Yes Both: Track grades and scores. Reporting & Statistics - Yes - Yes + Yes + Yes Both: Insights into learner engagement and performance. User Management - Partial - Yes + Partial + Yes Moocit: Manage user accounts. Layer5: Manage user accounts with granular and customizable permissions and roles. Group Creation and Management - Yes - Yes + Yes + Yes Both: Allow instructors to organize students and content into different groups. Single Sign-On (SSO) - No - Yes + No + Yes Layer5: Enhanced identity and granular access control. Branded Academy Invitations - No - Yes + No + Yes Layer5: Approval queues, domain-based allowances. Branded Content Announcements - No - Yes + No + Yes Layer5: New content announcements Public Clouds - No - Yes + No + Yes Layer5: AWS, Azure, GCP, DigitalOcean, and a Kubernetes service Orchestration Support - No - Yes + No + Yes Layer5: Hundreds of CNCF ecosystem integrations @@ -257,32 +257,32 @@ Extra functionalities make the platforms more engaging. While both cover gamific Gamification - Yes - Yes + Yes + Yes Layer5: badges and learning leaderboards. eCommerce Management - Yes - Yes + Yes + Yes Both: Support Stripe as a built-in integration. White-labeling - Yes - Yes + Yes + Yes Layer5: Superior branding flexibility. Chatbot Support - Partial - Yes + Partial + Yes Moocit: website chat. Layer5: community-centric Slack. Cloud Native Focused - No - Yes + No + Yes Layer5 is a cloud native ecosystem stalwart, tightly aligned with the CNCF. diff --git a/src/theme/app/themeStyles.js b/src/theme/app/themeStyles.js index 855054f82b3b9e..8c42d51e5ebc4a 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: "#D32F2F", + // flax (light yellow) highlightLightColor: "#EAD07D", saffronLightColor: "#EAD07D", From df57bb77a5018ac93ab30731e5cf89356aa82c1b Mon Sep 17 00:00:00 2001 From: DS123-ally Date: Sun, 9 Aug 2026 10:09:25 +0530 Subject: [PATCH 3/3] Address comparison table review feedback Signed-off-by: DS123-ally --- src/collections/resources/Resources.style.js | 5 +++ .../layer5-academy-vs-moocit/index.mdx | 40 +++++++++++-------- src/theme/app/themeStyles.js | 2 +- 3 files changed, 30 insertions(+), 17 deletions(-) diff --git a/src/collections/resources/Resources.style.js b/src/collections/resources/Resources.style.js index de8fda276681a7..269b0d38852cff 100644 --- a/src/collections/resources/Resources.style.js +++ b/src/collections/resources/Resources.style.js @@ -17,6 +17,11 @@ export const ResourcesWrapper = styled.div` 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}; 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 fbf6da1ba4c8bb..7e109f2763a242 100644 --- a/src/collections/resources/comparison/layer5-academy-vs-moocit/index.mdx +++ b/src/collections/resources/comparison/layer5-academy-vs-moocit/index.mdx @@ -32,13 +32,14 @@ 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. +
- - - - + + + + @@ -92,18 +93,20 @@ It is the backbone of the platform, enabling instructors to easily design, struc
FeatureMoocitLayer5NotesFeatureMoocitLayer5Notes
+
### 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). +
- - - - + + + + @@ -163,18 +166,20 @@ Learner experience emphasizes intuitive design, collaboration, and flexibility.
FeatureMoocitLayer5NotesFeatureMoocitLayer5Notes
+
### Administration & Analytics Both platforms deliver robust administration capabilities with user management, analytics, and compliance tools. Layer5 extends customization through its cloud-native ecosystem integration. +
- - - - + + + + @@ -240,18 +245,20 @@ Both platforms deliver robust administration capabilities with user management,
FeatureMoocitLayer5NotesFeatureMoocitLayer5Notes
+
### 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. +
- - - - + + + + @@ -287,6 +294,7 @@ Extra functionalities make the platforms more engaging. While both cover gamific
FeatureMoocitLayer5NotesFeatureMoocitLayer5Notes
+
## Summary diff --git a/src/theme/app/themeStyles.js b/src/theme/app/themeStyles.js index 8c42d51e5ebc4a..98c9adfbdf960e 100644 --- a/src/theme/app/themeStyles.js +++ b/src/theme/app/themeStyles.js @@ -300,7 +300,7 @@ export const darktheme = { saffronColor: "#EBC017", // error red - errorColor: "#D32F2F", + errorColor: "#FF6B6B", // flax (light yellow) highlightLightColor: "#EAD07D",