Skip to main content

New Commit: Add word search and crossword studios Introduces full Word Search and Crossword Puzzle Studio features with new standalone pages, generator engines, and dedicated responsive/print CSS. Integrates both tools into Teachers, Parents, Games, header/footer navigation, and command palette, including lazy teacher-tab initialization and hash routing. Also updates service worker caching for offline support, adds Help Center articles and updates docs, and bumps platform version/release metadata to v2.12.0 with updated “What’s New” content.

Repository: Hestenb62/_legacy_backup

Author: Hesten Berger

Commit Message: Add word search and crossword studios Introduces full Word Search and Crossword Puzzle Studio features with new standalone pages, generator engines, and dedicated responsive/print CSS. Integrates both tools into Teachers, Parents, Games, header/footer navigation, and command palette, including lazy teacher-tab initialization and hash routing. Also updates service worker caching for offline support, adds Help Center articles and updates docs, and bumps platform version/release metadata to v2.12.0 with updated “What’s New” content.

URL: https://github.com/Hestenb62/_legacy_backup/commit/cd0b785347c0ee6c4b80bb7182ceb7d9a5e4f887

Code Changes:

diff --git a/assets/css/pages/crossword.css b/assets/css/pages/crossword.css
new file mode 100644
index 0000000..5e6e43b
--- /dev/null
+++ b/assets/css/pages/crossword.css
@@ -0,0 +1,904 @@
+/* ==========================================================================
+   Crossword Puzzle Studio Stylesheet
+   File: assets/css/pages/crossword.css
+   Responsive, accessible, and print-ready crossword styling.
+   ========================================================================== */
+
+/* --- Studio Wrapper & Container Layout --- */
+.cw-studio-wrapper {
+  width: 100%;
+  max-width: 1320px;
+  margin: 0 auto;
+  font-family: var(--font-body, 'Inter', system-ui, sans-serif);
+  color: var(--color-text-main, #0f172a);
+}
+
+.cw-studio-layout {
+  display: grid;
+  grid-template-columns: 360px 1fr;
+  gap: 2rem;
+  align-items: start;
+}
+
+@media (max-width: 1024px) {
+  .cw-studio-layout {
+    grid-template-columns: 1fr;
+    gap: 1.5rem;
+  }
+}
+
+/* --- Sidebar Configuration Panels --- */
+.cw-sidebar {
+  display: flex;
+  flex-direction: column;
+  gap: 1.25rem;
+}
+
+.cw-panel {
+  background: var(--color-bg-surface, #ffffff);
+  border: 1px solid var(--color-border, #e2e8f0);
+  border-radius: var(--radius-2xl, 1rem);
+  padding: 1.5rem;
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
+}
+
+.dark .cw-panel,
+[data-theme="dark"] .cw-panel {
+  background: var(--color-bg-surface, #151c2c);
+  border-color: rgba(255, 255, 255, 0.08);
+}
+
+.cw-panel-header {
+  margin-bottom: 1.25rem;
+  border-bottom: 1px solid var(--color-border, #e2e8f0);
+  padding-bottom: 0.75rem;
+}
+
+.cw-panel-title {
+  margin: 0;
+  font-family: var(--font-display, 'Outfit', sans-serif);
+  font-size: 1.15rem;
+  font-weight: 700;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  color: var(--color-text-main, #0f172a);
+}
+
+.cw-panel-desc {
+  font-size: 0.85rem;
+  color: var(--color-text-muted, #64748b);
+  margin-top: 0;
+  margin-bottom: 1rem;
+  line-height: 1.45;
+}
+
+/* --- Form Fields & Controls --- */
+.cw-form-group {
+  margin-bottom: 1.1rem;
+}
+
+.cw-form-grid-2 {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 0.75rem;
+}
+
+.cw-label-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 0.35rem;
+}
+
+.cw-label {
+  display: block;
+  font-size: 0.85rem;
+  font-weight: 600;
+  color: var(--color-text-main, #1e293b);
+  margin-bottom: 0.35rem;
+}
+
+.cw-checkbox-label {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: 0.85rem;
+  font-weight: 600;
+  color: var(--color-text-main, #1e293b);
+  cursor: pointer;
+}
+
+.cw-input,
+.cw-select,
+.cw-textarea {
+  width: 100%;
+  padding: 0.65rem 0.85rem;
+  font-size: 0.9rem;
+  font-family: inherit;
+  color: var(--color-text-main, #0f172a);
+  background-color: var(--color-bg-base, #f8fafc);
+  border: 1px solid var(--color-border, #cbd5e1);
+  border-radius: var(--radius-lg, 0.5rem);
+  box-sizing: border-box;
+  transition: all 0.2s ease;
+}
+
+.dark .cw-input,
+.dark .cw-select,
+.dark .cw-textarea,
+[data-theme="dark"] .cw-input,
+[data-theme="dark"] .cw-select,
+[data-theme="dark"] .cw-textarea {
+  background-color: var(--color-bg-elevated, #1e293b);
+  border-color: rgba(255, 255, 255, 0.15);
+  color: #f8fafc;
+}
+
+.cw-input:focus,
+.cw-select:focus,
+.cw-textarea:focus {
+  outline: none;
+  border-color: var(--color-primary, #4f46e5);
+  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.2);
+  background-color: var(--color-bg-surface, #ffffff);
+}
+
+.cw-textarea {
+  resize: vertical;
+  min-height: 110px;
+  line-height: 1.5;
+  font-family: monospace;
+  font-size: 0.82rem;
+}
+
+.cw-hint {
+  display: block;
+  font-size: 0.75rem;
+  color: var(--color-text-muted, #64748b);
+  margin-top: 0.35rem;
+  line-height: 1.35;
+}
+
+.cw-badge-count {
+  font-size: 0.72rem;
+  font-weight: 700;
+  padding: 0.2rem 0.5rem;
+  border-radius: var(--radius-full, 9999px);
+  background: rgba(79, 70, 229, 0.12);
+  color: var(--color-primary, #4f46e5);
+}
+
+/* --- Buttons --- */
+.cw-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  padding: 0.65rem 1.25rem;
+  font-size: 0.9rem;
+  font-weight: 600;
+  font-family: inherit;
+  border-radius: var(--radius-lg, 0.5rem);
+  border: 1px solid transparent;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  text-decoration: none;
+}
+
+.cw-btn-primary {
+  background: linear-gradient(135deg, var(--color-primary, #4f46e5), #6366f1);
+  color: #ffffff;
+  box-shadow: 0 2px 4px rgba(79, 70, 229, 0.25);
+}
+
+.cw-btn-primary:hover {
+  background: linear-gradient(135deg, #4338ca, #4f46e5);
+  transform: translateY(-1px);
+  box-shadow: 0 4px 8px rgba(79, 70, 229, 0.35);
+}
+
+.cw-btn-outline {
+  background: transparent;
+  border-color: var(--color-border, #cbd5e1);
+  color: var(--color-text-main, #1e293b);
+}
+
+.cw-btn-outline:hover {
+  background: var(--color-bg-base, #f1f5f9);
+  border-color: var(--color-primary, #4f46e5);
+  color: var(--color-primary, #4f46e5);
+}
+
+.cw-btn-subtle {
+  background: var(--color-bg-base, #f1f5f9);
+  border-color: transparent;
+  color: var(--color-text-main, #334155);
+}
+
+.dark .cw-btn-subtle,
+[data-theme="dark"] .cw-btn-subtle {
+  background: rgba(255, 255, 255, 0.08);
+  color: #f1f5f9;
+}
+
+.cw-btn-subtle:hover {
+  background: rgba(79, 70, 229, 0.15);
+  color: var(--color-primary, #4f46e5);
+}
+
+.cw-btn-warning {
+  background: #f59e0b;
+  color: #ffffff;
+}
+
+.cw-btn-warning:hover {
+  background: #d97706;
+}
+
+.cw-btn-sm {
+  padding: 0.4rem 0.75rem;
+  font-size: 0.8rem;
+  border-radius: var(--radius-md, 0.375rem);
+}
+
+.cw-btn-icon {
+  width: 2.25rem;
+  height: 2.25rem;
+  padding: 0;
+  border-radius: var(--radius-full, 9999px);
+  background: var(--color-bg-base, #f1f5f9);
+  border: 1px solid var(--color-border, #e2e8f0);
+  color: var(--color-text-main, #334155);
+}
+
+.cw-btn-block {
+  width: 100%;
+}
+
+.cw-btn-stack {
+  display: flex;
+  flex-direction: column;
+  gap: 0.6rem;
+}
+
+/* --- Content Area & Toolbar --- */
+.cw-content-area {
+  display: flex;
+  flex-direction: column;
+  gap: 1.25rem;
+}
+
+.cw-toolbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 0.75rem;
+  background: var(--color-bg-surface, #ffffff);
+  border: 1px solid var(--color-border, #e2e8f0);
+  border-radius: var(--radius-xl, 0.75rem);
+  padding: 0.75rem 1.25rem;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+}
+
+.dark .cw-toolbar,
+[data-theme="dark"] .cw-toolbar {
+  background: var(--color-bg-surface, #151c2c);
+  border-color: rgba(255, 255, 255, 0.08);
+}
+
+.cw-toolbar-left,
+.cw-toolbar-right {
+  display: flex;
+  align-items: center;

Popular Posts

New Commit: fixed theme issues

Repository: Hestenb62/_legacy_backup Author: Hesten Berger Commit Message: fixed theme issues URL: https://github.com/Hestenb62/_legacy_backup/commit/498741f8c633ecaf6e7e594bb0aed02c47e69b39 Code Changes: diff --git a/assessment/index.php b/assessment/index.php index 822865b..5e8b706 100644 --- a/assessment/index.php +++ b/assessment/index.php @@ -264,7 +264,7 @@ include '../src/header.php'; </div> <!-- Hint Modal (Inline) --> - <div id="hintText" class="hint-box" style="display: none;"> + <div id="hintText" class="hint-box hidden"> <strong>Hint:</strong> <span id="hint-content"></span> </div> </div> diff --git a/assets/css/pages/assessment.css b/assets/css/pages/assessment.css index b57e964..7eb0d74 100644 --- a/assets/c...
Read more

New Commit: added arura mesh

Repository: Hestenb62/_legacy_backup Author: Hesten Berger Commit Message: added arura mesh URL: https://github.com/Hestenb62/_legacy_backup/commit/d8a9c63f2df943f6e40651985fb1c273c5809dd4 Code Changes: diff --git a/assets/css/level-style.css b/assets/css/level-style.css index ed8b60b..49cddf7 100644 --- a/assets/css/level-style.css +++ b/assets/css/level-style.css @@ -100,6 +100,8 @@ h1, h2, h3, h4 { padding: 4rem 1rem 3rem 1rem; background: linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%); border-bottom: 1px solid var(--glass-border); + position: relative; + overflow: hidden; } .hero-inner { @@ -111,6 +113,78 @@ h1, h2, h3, h4 { flex-wrap: wrap; gap: 1.5rem; animation: fadeUp 0.6s ease-out; + position: relative; + z-index: 2; +} + +/* Aurora Mesh Background for Level Hero */ +.level-aurora-bg { + position: absolute; + inset: 0; + overflow: hidden; + pointer-events: none; + z-index: 1; +} + +....
Read more

New Commit: Add JSON lesson migration and renderer scaffold Introduces a first-pass migration pipeline from PHP lesson files to structured JSON with `migrate_lessons.php`, and adds a generated `assets/data/lessons.json` catalog containing extracted metadata plus manual-migration placeholders for complex interactive content. Adds a new universal `src/lesson_renderer.php` to render lessons from JSON, along with initial component templates (`interactive-ladder` and `teacher-concepts`) for modular block rendering. Also includes `audit_report.html` documenting current security, accessibility, and architecture findings that motivated the move toward a template-driven lesson system.

Repository: Hestenb62/_legacy_backup Author: Hesten Berger Commit Message: Add JSON lesson migration and renderer scaffold Introduces a first-pass migration pipeline from PHP lesson files to structured JSON with , and adds a generated catalog containing extracted metadata plus manual-migration placeholders for complex interactive content. Adds a new universal to render lessons from JSON, along with initial component templates ( and ) for modular block rendering. Also includes documenting current security, accessibility, and architecture findings that motivated the move toward a template-driven lesson system. URL: https://github.com/Hestenb62/_legacy_backup/commit/f0c974b613ed65b7edcb712abb88bfae61ef0df5 Code Changes: diff --git a/assets/data/lessons.json b/assets/data/lessons.json new file mode 100644 index 0000000..0389666 --- /dev/null +++ b/assets/data/lessons.json @@ -0,0 +1,2835 @@ +{ + "lessons": { + "k-ela-m1-a-1": { + ...
Read more