Skip to content

Commit 4f5a08b

Browse files
adjisoftadjisoft
committed
Initial commit
0 parents  commit 4f5a08b

36 files changed

Lines changed: 5038 additions & 0 deletions

‎.github/workflows/deploy.yml‎

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
name: Deploy to GitHub Pages
2+
3+
on:
4+
push:
5+
branches: ["main"]
6+
workflow_dispatch:
7+
8+
permissions:
9+
contents: read
10+
pages: write
11+
id-token: write
12+
13+
concurrency:
14+
group: "pages"
15+
cancel-in-progress: false
16+
17+
jobs:
18+
deploy:
19+
environment:
20+
name: github-pages
21+
url: ${{ steps.deployment.outputs.page_url }}
22+
runs-on: ubuntu-latest
23+
steps:
24+
- name: Checkout
25+
uses: actions/checkout@v4
26+
27+
- name: Disable Jekyll
28+
run: touch .nojekyll
29+
30+
- name: Setup Pages
31+
uses: actions/configure-pages@v5
32+
33+
- name: Upload artifact
34+
uses: actions/upload-pages-artifact@v3
35+
with:
36+
path: .
37+
38+
- name: Deploy to GitHub Pages
39+
id: deployment
40+
uses: actions/deploy-pages@v4

‎README.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
# MANDIRI Course

‎index.html‎

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
<!DOCTYPE html>
2+
<html lang="id">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<link rel="shortcut icon" href="src/brand.svg" type="image/svg+xml">
7+
<title>MagerCode - Mandiri Course</title>
8+
9+
<style>
10+
body {
11+
font-family: Arial, sans-serif;
12+
display: grid;
13+
place-items: center;
14+
min-height: 100vh;
15+
margin: 0;
16+
background: #f8fafc;
17+
color: #0f172a;
18+
text-align: center;
19+
}
20+
21+
.loader {
22+
width: 48px;
23+
height: 48px;
24+
border: 5px solid #e2e8f0;
25+
border-top: 5px solid #0ea5a4;
26+
border-radius: 50%;
27+
animation: spin 1s linear infinite;
28+
margin: 20px auto;
29+
}
30+
31+
@keyframes spin {
32+
from { transform: rotate(0deg); }
33+
to { transform: rotate(360deg); }
34+
}
35+
36+
a {
37+
color: #0ea5a4;
38+
text-decoration: none;
39+
}
40+
</style>
41+
42+
<script>
43+
setTimeout(() => {
44+
window.location.href = "src/index.html";
45+
}, 2000);
46+
</script>
47+
48+
</head>
49+
50+
<body>
51+
52+
<div>
53+
<h1>MagerCode - Mandiri Course</h1>
54+
55+
<div class="loader"></div>
56+
57+
<p>Sabar...</p>
58+
<p>Jika tidak berpindah otomatis, buka <a href="src/index.html">src/index.html</a></p>
59+
</div>
60+
61+
</body>
62+
</html>

‎src/brand.svg‎

Lines changed: 231 additions & 0 deletions
Loading

‎src/course/index.html‎

Lines changed: 137 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,137 @@
1+
<!DOCTYPE html>
2+
<html lang="id">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta name="description" content="Daftar course Mandiri Course oleh MagerCode Teams.">
7+
<title>Course - Mandiri Course</title>
8+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.10/dist/katex.min.css">
9+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
10+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css">
11+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/hamburgers/1.2.1/hamburgers.min.css">
12+
<link rel="preconnect" href="https://fonts.googleapis.com">
13+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
14+
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Literata:opsz,wght@7..72,400;7..72,500;7..72,600&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet">
15+
<link rel="stylesheet" href="../css/styles.css">
16+
<link rel="shortcut icon" href="../brand.svg" type="image/svg+xml">
17+
</head>
18+
<body>
19+
<header class="topbar">
20+
<div class="topbar-inner">
21+
<div class="brand">
22+
<div class="brand-mark">
23+
<img src="../brand.svg" alt="Logo MagerCode">
24+
</div>
25+
<div>
26+
<div>MagerCode</div>
27+
<small style="color: var(--muted); font-weight: 500;">Course Directory</small>
28+
</div>
29+
</div>
30+
<nav class="top-nav" aria-label="Navigasi utama">
31+
<a href="../halaman/tentang.html">Tentang</a>
32+
<a href="mailto:contact@rayhex.biz.id">Kontak</a>
33+
<a href="https://github.com/magercode" target="_blank" rel="noopener">GitHub</a>
34+
<a href="../halaman/komunitas.html">Komunitas</a>
35+
<a href="../halaman/math-playground.html">Playground</a>
36+
<form class="nav-search" role="search">
37+
<input class="nav-search-input" type="search" placeholder="Cari materi..." aria-label="Cari materi">
38+
</form>
39+
</nav>
40+
<div class="top-actions">
41+
<div class="chip"><i class="fa-solid fa-layer-group"></i> Course</div>
42+
<a class="btn" href="../index.html">Dashboard</a>
43+
<button class="menu-toggle hamburger hamburger--spin" id="toggleSidebar" type="button" aria-label="Menu Sidebar" aria-expanded="false">
44+
<span class="hamburger-box">
45+
<span class="hamburger-inner"></span>
46+
</span>
47+
<span class="hamburger-label">Menu</span>
48+
</button>
49+
</div>
50+
</div>
51+
</header>
52+
53+
<div class="sidebar-overlay" id="sidebarOverlay"></div>
54+
55+
<div class="page">
56+
<aside class="sidebar reveal" id="sidebar">
57+
<h3>Course Utama</h3>
58+
<div class="step">
59+
<div class="step-icon"><i class="fa-solid fa-code"></i></div>
60+
<div>
61+
<strong>JavaScript</strong>
62+
<p>Fundamental, DOM, dan async workflow.</p>
63+
</div>
64+
</div>
65+
<div class="step">
66+
<div class="step-icon"><i class="fa-solid fa-square-root-variable"></i></div>
67+
<div>
68+
<strong>Matematika</strong>
69+
<p>Aljabar, statistik, dan logika.</p>
70+
</div>
71+
</div>
72+
<div class="step">
73+
<div class="step-icon"><i class="fa-solid fa-diagram-project"></i></div>
74+
<div>
75+
<strong>Engineering</strong>
76+
<p>Desain sistem dan praktik delivery.</p>
77+
</div>
78+
</div>
79+
<div class="nav-group">
80+
<h3>Dokumen Inti</h3>
81+
<a class="nav-link" href="../halaman/dokumentasi.html">Dokumentasi <span>Library</span></a>
82+
<a class="nav-link" href="../halaman/roadmap.html">Roadmap <span>12 Minggu</span></a>
83+
<a class="nav-link" href="../halaman/coding.html">Coding <span>Best Practice</span></a>
84+
</div>
85+
</aside>
86+
87+
<main>
88+
<section class="card reveal">
89+
<div class="page-header">
90+
<div class="pill"><i class="fa-solid fa-graduation-cap"></i> Course Directory</div>
91+
<h1>Mulai belajar dari course yang paling relevan untukmu.</h1>
92+
<p>Pilih course utama di bawah ini. Setiap course dilengkapi modul, latihan, dan proyek mini.</p>
93+
</div>
94+
</section>
95+
96+
<section class="card reveal delay-1">
97+
<h2>Course Utama</h2>
98+
<div class="grid-3">
99+
<div class="course-card">
100+
<h4>JavaScript Fundamentals</h4>
101+
<p>Belajar dasar JS, DOM, event, hingga async API.</p>
102+
<a class="pill" href="javascript/index.html"><i class="fa-solid fa-arrow-right"></i> Buka course</a>
103+
</div>
104+
<div class="course-card">
105+
<h4>Math for Dev</h4>
106+
<p>Konsep matematika yang paling sering dipakai developer.</p>
107+
<a class="pill" href="matematika/index.html"><i class="fa-solid fa-arrow-right"></i> Buka course</a>
108+
</div>
109+
<div class="course-card">
110+
<h4>Engineering Toolkit</h4>
111+
<p>System design, testing, dan delivery checklist.</p>
112+
<a class="pill" href="software-engineering/index.html"><i class="fa-solid fa-arrow-right"></i> Buka course</a>
113+
</div>
114+
</div>
115+
</section>
116+
117+
<section class="card reveal delay-2">
118+
<h2>Tips Belajar</h2>
119+
<div class="checklist">
120+
<div><i class="fa-solid fa-check"></i> Pilih satu course sebagai fokus utama.</div>
121+
<div><i class="fa-solid fa-check"></i> Buat ringkasan mingguan setelah modul selesai.</div>
122+
<div><i class="fa-solid fa-check"></i> Gabung komunitas untuk diskusi dan feedback.</div>
123+
</div>
124+
</section>
125+
126+
<footer class="footer">
127+
MagerCode • Course Directory • <span id="year"></span>
128+
</footer>
129+
</main>
130+
</div>
131+
132+
<script src="https://cdn.jsdelivr.net/npm/katex@0.16.10/dist/katex.min.js"></script>
133+
<script src="https://cdn.jsdelivr.net/npm/katex@0.16.10/dist/contrib/auto-render.min.js"></script>
134+
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
135+
<script src="../js/main.js"></script>
136+
</body>
137+
</html>

0 commit comments

Comments
 (0)