From 2326092c5b24f586bf5cda34534b39ec4db0f818 Mon Sep 17 00:00:00 2001 From: sachinlala Date: Sat, 9 Aug 2025 06:30:29 +0530 Subject: [PATCH 1/4] docs: open Live Demo and CI badges in new tab (target=_blank) --- README.md | 8 ++++---- algorithms-java/README.md | 2 +- algorithms-js/README.md | 2 +- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 7f96a4c0..52d4abd5 100644 --- a/README.md +++ b/README.md @@ -4,8 +4,8 @@ ![Open Issues](https://img.shields.io/github/issues/sachinlala/SimplifyLearning?label=Issues&color=006400&style=flat) [![Forks](https://img.shields.io/github/forks/sachinlala/SimplifyLearning.svg?color=darkgreen)](https://github.com/sachinlala/SimplifyLearning/network/members) [![Stars](https://img.shields.io/github/stars/sachinlala/SimplifyLearning.svg)](https://github.com/sachinlala/SimplifyLearning/stargazers) -[![Java CI with Coverage](https://github.com/sachinlala/SimplifyLearning/actions/workflows/ci-java.yml/badge.svg?branch=master)](https://github.com/sachinlala/SimplifyLearning/actions/workflows/ci-java.yml) -[![JavaScript CI with Pages](https://github.com/sachinlala/SimplifyLearning/actions/workflows/ci-js-pages.yml/badge.svg?branch=master)](https://github.com/sachinlala/SimplifyLearning/actions/workflows/ci-js-pages.yml) +Java CI with Coverage +JavaScript CI with Pages ### SL Simplify Learning @@ -13,7 +13,7 @@ ✨ Featuring interactive visualizations and examples to minimize cognitive load and maximize learning. -[![Live Demo](https://img.shields.io/badge/Live%20Demo-4A90E2?style=for-the-badge)](https://sachinlala.github.io/SimplifyLearning/algorithms-js/) +Live Demo ### 🌱 Stages of Learning 🌿 @@ -71,7 +71,7 @@ This is a multi-language mono-repo where you can choose your language of choice: ------- -[![GitHub Pages](https://img.shields.io/badge/GitHub%20Pages-Live-blue?style=for-the-badge&logo=github)](https://sachinlala.github.io/SimplifyLearning/algorithms-js/) +GitHub Pages ------- diff --git a/algorithms-java/README.md b/algorithms-java/README.md index d57ae9b3..787eab19 100644 --- a/algorithms-java/README.md +++ b/algorithms-java/README.md @@ -1,6 +1,6 @@ [![Java](https://img.shields.io/badge/Java-21-darkgreen.svg)](https://openjdk.org/) [![Coverage](https://img.shields.io/badge/Coverage-95%25-darkgreen.svg)](https://coveralls.io/github/sachinlala/SimplifyLearning?branch=master) -[![Java CI with Coverage](https://github.com/sachinlala/SimplifyLearning/actions/workflows/ci-java.yml/badge.svg?branch=master)](https://github.com/sachinlala/SimplifyLearning/actions/workflows/ci-java.yml) +Java CI with Coverage > Comprehensive Java implementations of algorithms with rigorous testing and high code coverage. diff --git a/algorithms-js/README.md b/algorithms-js/README.md index f9e79b94..6df7fdcb 100644 --- a/algorithms-js/README.md +++ b/algorithms-js/README.md @@ -1,6 +1,6 @@ [![JavaScript](https://img.shields.io/badge/JavaScript-ES6+-yellow.svg)](https://developer.mozilla.org/en-US/docs/Web/JavaScript) [![Mobile Friendly](https://img.shields.io/badge/Mobile-Friendly-blue.svg)]() -[![JavaScript CI with Pages](https://github.com/sachinlala/SimplifyLearning/actions/workflows/ci-js-pages.yml/badge.svg?branch=master)](https://github.com/sachinlala/SimplifyLearning/actions/workflows/ci-js-pages.yml) +JavaScript CI with Pages > An interactive collection of algorithms with visual explanations and hands-on examples written in plain JavaScript. From b22979427958902609d219482df4601f8ec93fee Mon Sep 17 00:00:00 2001 From: sachinlala Date: Sat, 9 Aug 2025 06:33:46 +0530 Subject: [PATCH 2/4] pages: publish algorithms under /algorithms and add root index; update README links --- .github/workflows/ci-js-pages.yml | 35 ++++++++++++++++++++++++++++++- README.md | 4 ++-- 2 files changed, 36 insertions(+), 3 deletions(-) diff --git a/.github/workflows/ci-js-pages.yml b/.github/workflows/ci-js-pages.yml index 184aa765..9c6b4780 100644 --- a/.github/workflows/ci-js-pages.yml +++ b/.github/workflows/ci-js-pages.yml @@ -40,11 +40,44 @@ jobs: cd algorithms-js npm run build + - name: Prepare Pages artifact (root index + algorithms under /algorithms) + run: | + set -euo pipefail + mkdir -p public/algorithms + # Copy algorithms-js static site into /algorithms + rsync -a --delete --exclude node_modules --exclude .git algorithms-js/ public/algorithms/ + # Create a simple index at site root listing available pages + cat > public/index.html << 'EOF' + + + + + + SimplifyLearning – Pages + + + +

SimplifyLearning – GitHub Pages

+

Select a site below:

+ + + + EOF + - name: Upload artifact if: env.IS_MASTER == 'true' uses: actions/upload-pages-artifact@v3 with: - path: algorithms-js + path: public deploy: name: Deploy to GitHub Pages (master) diff --git a/README.md b/README.md index 52d4abd5..9266a880 100644 --- a/README.md +++ b/README.md @@ -13,7 +13,7 @@ ✨ Featuring interactive visualizations and examples to minimize cognitive load and maximize learning. -Live Demo +Live Demo ### 🌱 Stages of Learning 🌿 @@ -71,7 +71,7 @@ This is a multi-language mono-repo where you can choose your language of choice: ------- -GitHub Pages +GitHub Pages ------- From 74a0df51146dd948b4626a11fae6ecb6dfb9125c Mon Sep 17 00:00:00 2001 From: sachinlala Date: Sat, 9 Aug 2025 06:36:59 +0530 Subject: [PATCH 3/4] pages: enhance landing page styling (cards, dark/light, actions) --- .github/workflows/ci-js-pages.yml | 80 ++++++++++++++++++++++++++----- 1 file changed, 68 insertions(+), 12 deletions(-) diff --git a/.github/workflows/ci-js-pages.yml b/.github/workflows/ci-js-pages.yml index 9c6b4780..9d2dffac 100644 --- a/.github/workflows/ci-js-pages.yml +++ b/.github/workflows/ci-js-pages.yml @@ -46,7 +46,7 @@ jobs: mkdir -p public/algorithms # Copy algorithms-js static site into /algorithms rsync -a --delete --exclude node_modules --exclude .git algorithms-js/ public/algorithms/ - # Create a simple index at site root listing available pages + # Create a styled landing page at site root listing available pages cat > public/index.html << 'EOF' @@ -54,21 +54,77 @@ jobs: SimplifyLearning – Pages + -

SimplifyLearning – GitHub Pages

-

Select a site below:

- +
+
+ + SL + SimplifyLearning – Pages + + Explore the sub-sites in this repository +
+ +
+
+
+

Algorithms (JavaScript UI)

+

Interactive visualizations for foundational algorithms and data structures.

+
+ Open + Source +
+
+
+
+ +
+ Built with ❤️ • © 2025 Sachin Lala • MIT License +
+
EOF From f905cd48c200538826a48d194f4ba8b961f34447 Mon Sep 17 00:00:00 2001 From: sachinlala Date: Sat, 9 Aug 2025 06:40:35 +0530 Subject: [PATCH 4/4] pages: add cards (coming soon), icons, search and category filters to landing page --- .github/workflows/ci-js-pages.yml | 101 +++++++++++++++++++++++++++--- 1 file changed, 93 insertions(+), 8 deletions(-) diff --git a/.github/workflows/ci-js-pages.yml b/.github/workflows/ci-js-pages.yml index 9d2dffac..5b6d1cf3 100644 --- a/.github/workflows/ci-js-pages.yml +++ b/.github/workflows/ci-js-pages.yml @@ -65,6 +65,7 @@ jobs: --accent: #2ea043; --border: #30363d; --shadow: rgba(0, 0, 0, 0.3); + --badge: #8957e5; } @media (prefers-color-scheme: light) { :root { @@ -76,26 +77,36 @@ jobs: --accent: #2ea043; --border: #d0d7de; --shadow: rgba(0, 0, 0, 0.08); + --badge: #8250df; } } * { box-sizing: border-box; } body { margin: 0; background: var(--bg); color: var(--text); font: 16px/1.6 -apple-system, system-ui, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica, Arial, sans-serif; } .container { max-width: 980px; margin: 0 auto; padding: 32px 16px 56px; } - header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 24px; } + header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; } .brand { display: flex; align-items: center; gap: 10px; text-decoration: none; color: inherit; } .brand img { width: 28px; height: 28px; } .title { font-size: 20px; font-weight: 600; letter-spacing: .2px; } .mute { color: var(--muted); font-size: 14px; } + .toolbar { display: flex; gap: 8px; align-items: center; margin: 12px 0 8px; flex-wrap: wrap; } + .search { flex: 1 1 260px; min-width: 240px; } + input[type="search"] { width: 100%; padding: 10px 12px; border-radius: 8px; border: 1px solid var(--border); background: var(--panel); color: var(--text); } + .chips { display: flex; gap: 8px; flex-wrap: wrap; } + .chip { padding: 6px 10px; border-radius: 999px; border: 1px solid var(--border); background: var(--panel); color: var(--text); cursor: pointer; font-size: 13px; } + .chip.active { background: var(--badge); color: #fff; border-color: transparent; } .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; margin-top: 16px; } - .card { background: var(--panel); border: 1px solid var(--border); border-radius: 10px; padding: 16px; box-shadow: 0 4px 16px var(--shadow); display: flex; flex-direction: column; gap: 10px; } - .card h3 { margin: 0; font-size: 18px; } + .card { background: var(--panel); border: 1px solid var(--border); border-radius: 10px; padding: 16px; box-shadow: 0 4px 16px var(--shadow); display: flex; flex-direction: column; gap: 10px; position: relative; } + .card h3 { margin: 0; font-size: 18px; display: flex; align-items: center; gap: 8px; } + .icon { width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px; background: var(--badge); color: #fff; font-weight: 700; font-size: 14px; } .card p { margin: 0; color: var(--muted); font-size: 14px; } - .actions { margin-top: 10px; display: flex; gap: 8px; } + .actions { margin-top: 6px; display: flex; gap: 8px; flex-wrap: wrap; } .btn { display: inline-block; padding: 8px 12px; border-radius: 8px; border: 1px solid var(--border); text-decoration: none; color: var(--text); background: var(--panel); } .btn.primary { border-color: var(--accent); background: var(--accent); color: white; } - .btn:hover { filter: brightness(1.05); } + .btn.disabled { opacity: .65; pointer-events: none; } + .badge { position: absolute; top: 12px; right: 12px; font-size: 11px; padding: 4px 8px; border-radius: 999px; background: var(--badge); color: #fff; } footer { margin-top: 28px; color: var(--muted); font-size: 13px; } a { color: var(--link); } + .hidden { display: none !important; } @@ -108,16 +119,58 @@ jobs: Explore the sub-sites in this repository +
+
+
+ All + Algorithms + Data Structures + Dynamic Programming + Board Games +
+
+
-
-
-

Algorithms (JavaScript UI)

+
+
+ Live +

A Algorithms (JavaScript UI)

Interactive visualizations for foundational algorithms and data structures.

Open Source
+ +
+ Coming Soon +

DS Data Structures

+

Explore stacks, queues, trees, heaps, tries, graphs and more with interactive demos.

+
+ Open + Roadmap +
+
+ +
+ Coming Soon +

DP Dynamic Programming

+

Classic DP problems, visualized – from knapsack to LIS and matrix chain multiplication.

+
+ Open + Roadmap +
+
+ +
+ Coming Soon +

BG Board Games

+

Algorithms behind board games: minimax, alpha-beta pruning, heuristics and strategy.

+
+ Open + Roadmap +
+
@@ -125,6 +178,38 @@ jobs: Built with ❤️ • © 2025 Sachin Lala • MIT License + + EOF