Skip to content

Commit a399ee7

Browse files
vasanthshanmugamvasanthshanmugam
committed
update index and main
1 parent 812abb8 commit a399ee7

4 files changed

Lines changed: 366 additions & 345 deletions

File tree

‎.github/workflows/hourly-ai.yml‎

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,4 +18,17 @@ jobs:
1818
env:
1919
GEMINI_API_KEY: ${{ secrets.GEMINI_API_KEY }}
2020
FIREBASE_SERVICE_ACCOUNT: ${{ secrets.FIREBASE_SERVICE_ACCOUNT }}
21-
run: node scripts/generate-ai-tip.js
21+
run: node scripts/generate-ai-tip.js
22+
- name: Execute AI Script
23+
env:
24+
GEMINI_API_KEY: ${{ secrets.GEMINI_API_KEY }}
25+
FIREBASE_SERVICE_ACCOUNT: ${{ secrets.FIREBASE_SERVICE_ACCOUNT }}
26+
run: node scripts/generate-ai-tip.js
27+
28+
- name: Commit & Push Documentation 📝
29+
run: |
30+
git config --global user.name 'Academy-Writer-Bot'
31+
git config --global user.email 'bot@littleslaw.com'
32+
git add docs/*.md
33+
git commit -m "Auto-updated Documentation for tools" || echo "No changes to commit"
34+
git push

‎index.html‎

Lines changed: 122 additions & 89 deletions
Original file line numberDiff line numberDiff line change
@@ -3,102 +3,110 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Little's Law Academy</title>
6+
<title>Little's Law Academy | Master Performance & SRE</title>
7+
<!-- Modern Fonts -->
78
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Poppins:wght@700&display=swap" rel="stylesheet">
9+
<!-- Main Style -->
810
<link rel="stylesheet" href="css/style.css">
911
</head>
1012
<body>
1113

1214
<header>
1315
<div class="header-content">
1416
<h1>🎓 Little's Law Academy</h1>
15-
<p>Mastering Performance Testing, SRE, and DevOps</p>
17+
<p>Mastering Performance Testing, SRE, and DevOps Orchestration</p>
1618
<div class="search-container">
17-
<input type="text" id="search-input" placeholder="Search topics (e.g. JMeter, Linux, K6)...">
19+
<input type="text" id="search-input" placeholder="Search 900+ topics (e.g. JMeter, Kubernetes, CI/CD)...">
1820
<span class="search-icon">🔍</span>
1921
</div>
2022
</div>
2123

2224
<nav class="navbar">
23-
<ul class="nav-links">
24-
<li><a href="#" class="nav-item active" data-filter="All">Academy Home</a></li>
25-
26-
<!-- MEGA MENU 1: Performance Testing -->
27-
<li class="dropdown mega">
28-
<a href="#" class="nav-item">Performance Tools ▾</a>
29-
<div class="mega-menu">
30-
<div class="mega-col">
31-
<h4>Industry Standard</h4>
32-
<a href="#" data-filter="JMeter">JMeter Bootcamp</a>
33-
<a href="#" data-filter="Loadrunner">LoadRunner Masterclass</a>
34-
<a href="#" data-filter="Neoload">NeoLoad Training</a>
35-
</div>
36-
<div class="mega-col">
37-
<h4>Modern Load Testing</h4>
38-
<a href="#" data-filter="k6">k6 Performance (JS)</a>
39-
<a href="#" data-filter="Locust">Locust (Python)</a>
40-
<a href="#" data-filter="Gatling">Gatling (Scala)</a>
41-
</div>
42-
</div>
43-
</li>
44-
45-
<!-- MEGA MENU 2: SRE & Observability -->
46-
<li class="dropdown mega">
47-
<a href="#" class="nav-item">SRE & Cloud ▾</a>
48-
<div class="mega-menu">
49-
<div class="mega-col">
50-
<h4>Platforms</h4>
51-
<a href="#" data-filter="Kubernetes">Kubernetes & AKS</a>
52-
<a href="#" data-filter="AWS">AWS Solutions</a>
53-
<a href="#" data-filter="Azure">Azure Cloud Hub</a>
54-
</div>
55-
<div class="mega-col">
56-
<h4>Observability</h4>
57-
<a href="#" data-filter="Grafana">Grafana Dashboards</a>
58-
<a href="#" data-filter="Datadog">Datadog Mastery</a>
59-
<a href="#" data-filter="Dynatrace">Dynatrace AI</a>
60-
</div>
61-
</div>
62-
</li>
25+
<ul class="nav-links">
26+
<li><a href="#" class="nav-item active" data-filter="All">Academy Home</a></li>
27+
28+
<!-- MEGA MENU 1: Performance Testing -->
29+
<li class="dropdown mega">
30+
<a href="#" class="nav-item">Video Courses ▾</a>
31+
<div class="mega-menu">
32+
<div class="mega-col">
33+
<h4>Performance Engineering</h4>
34+
<a href="#" data-filter="JMeter">JMeter Bootcamp</a>
35+
<a href="#" data-filter="Loadrunner">LoadRunner Masterclass</a>
36+
<a href="#" data-filter="Neoload">NeoLoad Training</a>
37+
<a href="#" data-filter="k6">k6 Performance</a>
38+
<a href="#" data-filter="Locust">Locust / Python</a>
39+
</div>
40+
<div class="mega-col">
41+
<h4>SRE & Observability</h4>
42+
<a href="#" data-filter="Kubernetes">Kubernetes & AKS</a>
43+
<a href="#" data-filter="Grafana">Grafana Dashboards</a>
44+
<a href="#" data-filter="Datadog">Datadog Mastery</a>
45+
<a href="#" data-filter="Azure">Azure Cloud Hub</a>
46+
</div>
47+
<div class="mega-col">
48+
<h4>DevOps & CICD</h4>
49+
<a href="#" data-filter="GitHub">GitHub Actions</a>
50+
<a href="#" data-filter="Jenkins">Jenkins Pipelines</a>
51+
<a href="#" data-filter="Linux">Linux Performance</a>
52+
</div>
53+
</div>
54+
</li>
6355

64-
<!-- MEGA MENU 3: DevOps -->
65-
<li class="dropdown mega">
66-
<a href="#" class="nav-item">DevOps & CICD ▾</a>
67-
<div class="mega-menu">
68-
<div class="mega-col">
69-
<h4>VCS & Workflow</h4>
70-
<a href="#" data-filter="GitHub">GitHub & Git Actions</a>
71-
<a href="#" data-filter="Jenkins">Jenkins Pipelines</a>
72-
<a href="#" data-filter="Linux">Linux Performance</a>
73-
</div>
74-
</div>
75-
</li>
56+
<!-- MEGA MENU 2: Docs Wiki (AI Generated Library) -->
57+
<li class="dropdown mega">
58+
<a href="#" class="nav-item">Knowledge Wiki ▾</a>
59+
<div class="mega-menu">
60+
<div class="mega-col">
61+
<h4>Performance Docs</h4>
62+
<a href="#" data-doc="JMeter">JMeter Guides</a>
63+
<a href="#" data-doc="k6">k6 Documentation</a>
64+
<a href="#" data-doc="Loadrunner">LoadRunner Wiki</a>
65+
</div>
66+
<div class="mega-col">
67+
<h4>SRE & Cloud Docs</h4>
68+
<a href="#" data-doc="Kubernetes">K8s Orchestration</a>
69+
<a href="#" data-doc="Grafana">Observability Tips</a>
70+
<a href="#" data-doc="Azure">AKS Best Practices</a>
71+
</div>
72+
<div class="mega-col">
73+
<h4>Automation Docs</h4>
74+
<a href="#" data-doc="GitHub">Git Workflows</a>
75+
<a href="#" data-doc="Jenkins">CI/CD Standards</a>
76+
<a href="#" data-doc="Linux">Linux Tuning</a>
77+
</div>
78+
</div>
79+
</li>
7680

77-
<li><a href="#" class="nav-item" data-filter="Favorites">❤️ Watchlist</a></li>
78-
79-
<li id="auth-section">
80-
<button id="login-btn" class="auth-btn">Academy Login</button>
81-
<div id="user-profile" style="display: none;">
82-
<img id="user-pic" src="" alt="Profile">
83-
<button id="logout-btn">Logout</button>
84-
</div>
85-
</li>
86-
</ul>
87-
</nav>
81+
<li><a href="#" class="nav-item" data-filter="Favorites">❤️ Watchlist</a></li>
82+
83+
<!-- AUTH SECTION -->
84+
<li id="auth-section">
85+
<button id="login-btn" class="auth-btn">Academy Login</button>
86+
<div id="user-profile" style="display: none;">
87+
<img id="user-pic" src="" alt="Profile">
88+
<button id="logout-btn">Sign Out</button>
89+
</div>
90+
</li>
91+
</ul>
92+
</nav>
8893

8994
<div class="stats-bar">
90-
<span>🏆 Progress: <span id="progress-count">0</span> lessons completed</span>
95+
<span>🏆 Learning Journey: <span id="progress-count">0</span> videos mastered</span>
9196
</div>
9297
</header>
9398

94-
<main id="playlist-container"></main>
99+
<main id="playlist-container">
100+
<!-- AI Tips and Course Cards Injected Here -->
101+
</main>
95102

96103
<!-- PROFESSIONAL SPLIT-VIEW LMS MODAL -->
97104
<div id="video-overlay" class="overlay">
98105
<div class="modal-content lms-view">
99106
<span class="close-modal">&times;</span>
100107
<div class="lms-layout">
101-
<!-- VIDEO AREA (Left) -->
108+
109+
<!-- LEFT SIDE: MEDIA & DOC VIEWER -->
102110
<div class="lms-video-area">
103111
<div class="video-wrapper">
104112
<iframe id="video-player" src="" frameborder="0"
@@ -110,47 +118,72 @@ <h2 id="current-lesson-title">Select a lesson</h2>
110118
<p id="course-title-label"></p>
111119
</div>
112120
</div>
113-
<!-- CURRICULUM AREA (Right) -->
121+
122+
<!-- RIGHT SIDE: CURRICULUM & MENTOR CONNECT -->
114123
<div class="lms-sidebar">
115124
<div class="sidebar-header">
116-
<h3>Course Content</h3>
125+
<h3>Course Progress</h3>
117126
<div class="progress-container">
118127
<div id="modal-progress-bar" class="progress-fill" style="width: 0%"></div>
119128
</div>
120129
<span id="modal-progress-text">0% Complete</span>
130+
131+
<!-- MENTOR WIDGET: Engagement Hub -->
132+
<div class="mentor-connect">
133+
<p>Learning path curated by <b>Vasanth Shanmugam</b></p>
134+
<div class="social-actions">
135+
<a href="https://www.youtube.com/@littleslawyoutubechannel?sub_confirmation=1" target="_blank" class="yt-sub">🔔 Subscribe</a>
136+
<a href="https://www.linkedin.com/in/vasanthmshanmugam/" target="_blank" class="ln-connect">🤝 Connect</a>
137+
</div>
138+
</div>
121139
</div>
122140
<ul id="curriculum-list"></ul>
123141
</div>
124142
</div>
125143
</div>
126144
</div>
127145

146+
<!-- Professional Footer -->
128147
<footer>
129-
<p>© 2025 Little's Law Academy. Built for SREs & Testers.</p>
148+
<h2>Little's Law Academy</h2>
149+
<p>Built for Performance Engineers, by Performance Engineers.</p>
150+
<div class="footer-socials">
151+
<a href="https://www.youtube.com/@littleslawyoutubechannel" target="_blank">YouTube Training</a>
152+
<a href="https://www.linkedin.com/in/vasanthmshanmugam/" target="_blank">LinkedIn Profile</a>
153+
<a href="mailto:vasanth@example.com">Request Consultation</a>
154+
</div>
155+
<p style="margin-top: 30px; opacity: 0.4; font-size: 0.8rem;">
156+
© 2025 Little's Law Academy. All Rights Reserved.
157+
</p>
130158
</footer>
131159

132-
<!-- Firebase SDKs -->
160+
<!-- EXTERNAL LIBRARIES -->
161+
<!-- Markdown Parser -->
162+
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
163+
<!-- PDF Generator -->
164+
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
165+
<!-- Firebase SDK Compat -->
133166
<script src="https://www.gstatic.com/firebasejs/9.22.0/firebase-app-compat.js"></script>
134167
<script src="https://www.gstatic.com/firebasejs/9.22.0/firebase-auth-compat.js"></script>
135168
<script src="https://www.gstatic.com/firebasejs/9.22.0/firebase-firestore-compat.js"></script>
136-
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
137-
<!-- Main JS -->
169+
170+
<!-- Academy Main Logic -->
138171
<script src="js/main.js"></script>
139172

140-
<!-- Hidden Certificate Template -->
141-
<div id="certificate-template" style="display: none;">
142-
<div style="width: 800px; padding: 50px; text-align: center; border: 10px solid #e52e2e; font-family: 'Poppins', sans-serif; background: white;">
143-
<h1 style="color: #e52e2e; font-size: 50px; margin: 0;">CERTIFICATE</h1>
144-
<p style="font-size: 20px; margin-top: 10px;">OF COMPLETION</p>
145-
<hr style="width: 50%; border: 1px solid #ddd; margin: 30px auto;">
146-
<p>This is to certify that</p>
147-
<h2 id="cert-user-name" style="font-size: 35px; text-decoration: underline;">[User Name]</h2>
148-
<p>has successfully completed the bootcamp</p>
149-
<h3 id="cert-course-name" style="font-size: 28px; color: #333;">[Course Title]</h3>
150-
<p style="margin-top: 40px;">Granted by <b>Little's Law Academy</b></p>
151-
<p id="cert-date" style="color: #666;"></p>
152-
<div style="margin-top: 50px; font-weight: bold; font-size: 20px;">🎓 Congratulations!</div>
173+
<!-- CERTIFICATE TEMPLATE (Hidden) -->
174+
<div id="certificate-template" style="display: none;">
175+
<div style="width: 800px; padding: 50px; text-align: center; border: 12px solid #e52e2e; font-family: 'Poppins', sans-serif; background: white;">
176+
<h1 style="color: #e52e2e; font-size: 55px; margin: 0;">CERTIFICATE</h1>
177+
<p style="font-size: 20px; margin-top: 5px;">PROFESSIONAL COMPLETION</p>
178+
<hr style="width: 60%; border: 1px solid #eee; margin: 25px auto;">
179+
<p>This recognizes that</p>
180+
<h2 id="cert-user-name" style="font-size: 40px; margin: 10px 0; border-bottom: 2px solid #333; display: inline-block; padding: 0 20px;">[User Name]</h2>
181+
<p>has mastered the core competencies in</p>
182+
<h3 id="cert-course-name" style="font-size: 26px; color: #e52e2e;">[Course Title]</h3>
183+
<p style="margin-top: 35px; line-height: 1.6;">Successfully validated through <br><b>Little's Law Academy</b></p>
184+
<p id="cert-date" style="color: #888; font-size: 0.9rem; margin-top: 20px;"></p>
185+
<div style="margin-top: 40px;">🏅 Authenticated Learning Record</div>
186+
</div>
153187
</div>
154-
</div>
155188
</body>
156189
</html>

0 commit comments

Comments
 (0)