Skip to content

Commit 4abb48f

Browse files
authored
Merge branch 'master' into add-switch-component
2 parents e95dcee + 9e30bdf commit 4abb48f

12 files changed

Lines changed: 138 additions & 127 deletions

File tree

package-lock.json

Lines changed: 5 additions & 4 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
106 KB
Loading
Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
---
2+
name: Aryan Shah
3+
position: Contributor
4+
image_path: ./aryan-shah.webp
5+
github: ARYANSHAH1567
6+
linkedin: aryanshah2005
7+
layer5: 1ef99df6-9bcb-4639-9d92-8b634cdc429d
8+
location: Dharwad, Karnataka, India
9+
bio: I’m Aryan Shah, a student at the Indian Institute of Information Technology and Management, Gwalior, and a software developer with a strong interest in full-stack development. I’m passionate about building scalable web applications, contributing to open source, and actively engaging with communities to learn, share, and grow together.
10+
status: Active
11+
published: true
12+
---

src/collections/resources/Resources.style.js

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,12 @@
11
import styled from "styled-components";
22
export const ResourcesWrapper = styled.div`
33
color: #000;
4+
5+
div.comparison h3 {
6+
text-align: left;
7+
margin-top: 2rem;
8+
}
9+
410
.sub-heading {
511
color: gray;
612
position: relative;

src/collections/resources/articles/layer5-academy-vs-moocit/index.mdx

Lines changed: 0 additions & 99 deletions
This file was deleted.

src/collections/resources/articles/layer5-academy-vs-moocit/academy.svg renamed to src/collections/resources/comparison/layer5-academy-vs-moocit/academy.svg

File renamed without changes.
Lines changed: 102 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
1+
---
2+
title: Layer5 Academy vs Moocit
3+
subtitle: Academy Comparison
4+
date: 2025-08-18 08:00:00 -0530
5+
thumbnail: ./academy.svg
6+
darkthumbnail: ./academy.svg
7+
description: "Layer5 Academy vs Moocit Comaprision"
8+
type: Comparison
9+
category: Academy
10+
tags:
11+
- Academy
12+
- Moocit
13+
featured: false
14+
published: true
15+
resource: true
16+
---
17+
18+
import { ResourcesWrapper } from "../../Resources.style.js";
19+
20+
21+
<ResourcesWrapper>
22+
<div className="comparison">
23+
24+
The [Layer5 Academy](https://cloud.layer5.io/academy) provides a structured platform for cloud native learning, combining core educational content with practical, hands-on experiences. Learners can enroll in guided paths, complete interactive labs, and take assessments that reinforce understanding at every stage.
25+
26+
The Academy supports progression through quizzes, tests, and certification exams, offering grades, retake options, and recognition through badges and certificates. For organizations, administrators can monitor learner performance, create new content, and send customized communications, ensuring both individual growth and collective visibility.
27+
28+
## Detailed Comparison
29+
30+
The following details highlight the key differences between Layer5 Academy and Moocit across various dimensions. Be sure to read the [Layer5 Academy documentation](https://docs.layer5.io/cloud/academy) for more in-depth information.
31+
32+
### Course Creation & Management
33+
34+
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.
35+
36+
37+
| Feature | Moocit | Layer5 | Notes |
38+
|---------|--------|--------|-------|
39+
| Content Variety ||| Supports text, images, videos, PDFs |
40+
| Interactive Learning ||| Quizzes, polls, drag-and-drop, peer review, self-assessment |
41+
| Learning Paths/Tracks ||| Sequential paths and prerequisites |
42+
| Course Publishing ||| Layer5 approach to content creation and publishing is gitflow based with version-controlled publishing. Moocit's approach is web-based with incremental instant releases. |
43+
| Course Management ||| Tools to organize, assign, and manage |
44+
| Course Tracking ||| Track learner progress and completion |
45+
| Course Authoring | ⚠️ || Moocit: uses an antiquated Open edX platform with XML-based authoring. Layer5: uses a modern Hugo static site generator with Markdown-based authoring. |
46+
| Public Catalog ||| Layer5 provides comprehensive discoverability; Moocit lacks full public catalog. |
47+
48+
### Learner Experience
49+
50+
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).
51+
52+
| Feature | Moocit | Layer5 | Notes |
53+
|---------|--------|--------|-------|
54+
| Learner Portal ||| Centralized access to materials |
55+
| Learner Profile ||| Limited support for interactive profiles |
56+
| Mobile Learning ||| Multi-device access |
57+
| Certificate Generation ||| Shareable certifications |
58+
| Social Learning ||| Forums, discussions, and Kanvas collaboration |
59+
| Synchronous Learning ||| Real-time collaboration in Kanvas |
60+
| Self-Paced Learning ||| Learner-driven pacing |
61+
| Hands-on Labs || Kanvas labs | Layer5 emphasizes real-time collaboration through Kanvas|
62+
63+
### Administration & Analytics
64+
65+
Both platforms deliver robust administration capabilities with user management, analytics, and compliance tools. Layer5 extends customization through its cloud-native ecosystem integration.
66+
67+
| Feature | Moocit | Layer5 | Notes |
68+
|---------|--------|--------|-------|
69+
| User Management ||| Manage accounts, roles, and permissions |
70+
| Assessment Management ||| Build and evaluate assessments |
71+
| Gradebook ||| Track grades and scores |
72+
| Advanced Analytics ||| Learner performance, insights |
73+
| Reporting & Statistics ||| Learning patterns and outcomes |
74+
| Customization ||| Themes, prerequisites, conditional displays |
75+
| Third-Party Integrations ||| Limited visibility |
76+
| Stripe ||| Payment processing |
77+
| Single Sign-On (SSO) ||| Enhanced access control |
78+
| Branded Academy Invitations ||| Approval queues, domain-based allowances |
79+
| Branded Content Announcements ||| New challenge/course announcements |
80+
| Public Clouds ||| AWS, Azure, GCP, DigitalOcean |
81+
| Orchestration Support ||| Hundreds of CNCF ecosystem integrations |
82+
83+
### Additional Features
84+
85+
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.
86+
87+
| Feature | Moocit | Layer5 | Notes |
88+
|---------|--------|--------|-------|
89+
| Gamification ||| Layer5: badges and learning leaderboards. |
90+
| eCommerce Management ||| Both platforms support Stripe as a built-in integration. |
91+
| White-labeling ||| Superior branding flexibility in Layer5 |
92+
| Chatbot Support | ⚠️ || Moocit: website chat. Layer5: community-centric Slack |
93+
| Cloud Native Focused ||| Layer5 is a cloud native ecosystem stalwart, tightly aligned with the CNCF. |
94+
95+
96+
97+
## Summary
98+
99+
Moocit lacks content attribution and orchestration with hands-on labs. Feature comparison with [Moocit](https://moocit.com/) highlights the strengths of Layer5 Academy in terms of content creation, learner experience, and administrative capabilities.
100+
101+
</div>
102+
</ResourcesWrapper>

src/components/SistentNavigation/index.js

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,11 @@
11
import React, { useState } from "react";
22
import { HiOutlineChevronLeft } from "@react-icons/all-files/hi/HiOutlineChevronLeft";
33
import { Link } from "gatsby";
4-
import { IoMdClose } from "@react-icons/all-files/io/IoMdClose";
5-
import { IoIosArrowDropdownCircle } from "@react-icons/all-files/io/IoIosArrowDropdownCircle";
64
import { IoIosArrowForward } from "@react-icons/all-files/io/IoIosArrowForward";
75
import { componentsData } from "../../sections/Projects/Sistent/components/content";
86

97
import TOCWrapper from "./toc.style";
108
import { IoIosArrowDown } from "@react-icons/all-files/io/IoIosArrowDown";
11-
import { IoIosArrowUp } from "@react-icons/all-files/io/IoIosArrowUp";
129

1310
import { useLocation } from "@reach/router";
1411

src/sections/Kanvas/Kanvas-visualize/kanvas-visualize-features.js

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -164,17 +164,17 @@ const KanvasisualizerFeatures = () => {
164164
</div>
165165
</Col>
166166
<Col $sm={12} $md={6} $lg={4}>
167-
<a href="https://docs.layer5.io/kanvas/operator/" style={{ textDecoration: 'none', color: 'inherit', display: 'block' }}>
168-
<div className={(isHovered && hoveredFeature != "Feature3") ? "project__block__inner darken" : "project__block__inner"} onMouseOver={() => handleMouseOver(3)} onMouseOut={handleMouseOut}>
169-
<div className="feature-image">
170-
<img src={InteractiveTerminal} alt="Interactive Terminal" style={{ position: "absolute", width: "80%", zIndex: "0" }} />
171-
<img src={InteractiveTerminalCode} alt="" className={hoveredFeature == "Feature3" ? "secondary-image-visible" : "secondary-image"} style={{ position: "relative", width: "80%", zIndex: "10" }} />
167+
<a href="https://docs.layer5.io/kanvas/operator/" style={{ textDecoration: "none", color: "inherit", display: "block" }}>
168+
<div className={(isHovered && hoveredFeature != "Feature3") ? "project__block__inner darken" : "project__block__inner"} onMouseOver={() => handleMouseOver(3)} onMouseOut={handleMouseOut}>
169+
<div className="feature-image">
170+
<img src={InteractiveTerminal} alt="Interactive Terminal" style={{ position: "absolute", width: "80%", zIndex: "0" }} />
171+
<img src={InteractiveTerminalCode} alt="" className={hoveredFeature == "Feature3" ? "secondary-image-visible" : "secondary-image"} style={{ position: "relative", width: "80%", zIndex: "10" }} />
172+
</div>
173+
<h3>Interactive Terminal</h3>
174+
<p>Establish sessions with one or more pods at a time.</p>
175+
<DocsIcon style={{ position: "absolute", top: "16px", right: "16px", color: "#00D3A9" }} className="docs" />
172176
</div>
173-
<h3>Interactive Terminal</h3>
174-
<p>Establish sessions with one or more pods at a time.</p>
175-
<DocsIcon style={{ position: 'absolute', top: '16px', right: '16px', color: '#00D3A9' }} className="docs" />
176-
</div>
177-
</a>
177+
</a>
178178
</Col>
179179
<Col $sm={12} $md={6} $lg={4}>
180180
<div className={(isHovered && hoveredFeature != "Feature4") ? "project__block__inner darken" : "project__block__inner"} onMouseOver={() => handleMouseOver(4)} onMouseOut={handleMouseOut}>
@@ -191,7 +191,7 @@ const KanvasisualizerFeatures = () => {
191191
<div className="feature-image">
192192
<img src={isDark ? ServicePerformanceGearDark : ServicePerformanceGearLight} alt="Service Performance" style={{ position: "absolute", zIndex: "0" }} />
193193
<ServicePerformanceMeter alt="" className={hoveredFeature == "Feature5" ? "meter-visible" : "secondary-image"}
194-
style={{ height: "auto", width: "70%",position: "relative", zIndex: "10", transformOrigin: "center center" }}
194+
style={{ height: "auto", width: "70%", position: "relative", zIndex: "10", transformOrigin: "center center" }}
195195
/>
196196
</div>
197197
<h3>Service Performance</h3>

src/sections/Meshery/Meshery-mange-mesh/index.js

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,7 @@
11
import React from "react";
2-
import { Col, Container, Row } from "../../../reusecore/Layout";
2+
import { Container } from "../../../reusecore/Layout";
33
import styled from "styled-components";
4-
import Button from "../../../reusecore/Button";
5-
import { GiClockwork } from "@react-icons/all-files/gi/GiClockwork";
6-
import { StaticImage } from "gatsby-plugin-image";
74
import KanvasVisualizerViews from "../../Home/Playground-home";
8-
const MultiMesh = "./multi-mesh.svg";
95

106
const ManageMeshWrapper = styled.div`
117
margin: 4rem auto;

0 commit comments

Comments
 (0)