Repository: Hestenb62/_legacy_backup
Author: Hesten Berger
Commit Message: website update
URL: https://github.com/Hestenb62/_legacy_backup/commit/eb2f19c6fe5407e1bfae55a7d827b281b83e5808
Code Changes:
diff --git a/assessment/index.php b/assessment/index.php
index f9e4521..5c630d9 100644
--- a/assessment/index.php
+++ b/assessment/index.php
@@ -5,6 +5,7 @@ include '../src/header.php';
<!-- Link Assessment Page Specific Stylesheet -->
<link rel="stylesheet" href="<?= function_exists('assetVersion') ? assetVersion('/assets/css/pages/assessment.css') : '/assets/css/pages/assessment.css' ?>">
+<link rel="stylesheet" href="<?= function_exists('assetVersion') ? assetVersion('/assets/css/assessment/assessment-scratchpad.css') : '/assets/css/assessment/assessment-scratchpad.css' ?>">
<!-- Assessment Selection View (Hidden by default, shown if no grade selected) -->
<div id="assessment-selection" class="assessment-select-section hidden">
@@ -601,5 +602,7 @@ include '../src/header.php';
<script src="<?= function_exists('assetVersion') ? assetVersion('/assets/js/assessment-p-12.js') : '/assets/js/assessment-p-12.js' ?>"></script>
<script src="<?= function_exists('assetVersion') ? assetVersion('/assets/js/assessment-ap.js') : '/assets/js/assessment-ap.js' ?>"></script>
<script src="<?= function_exists('assetVersion') ? assetVersion('/assets/js/assessment-main.js') : '/assets/js/assessment-main.js' ?>"></script>
+<script src="<?= function_exists('assetVersion') ? assetVersion('/assets/js/assessment/assessment-scratchpad.js') : '/assets/js/assessment/assessment-scratchpad.js' ?>"></script>
+<script src="<?= function_exists('assetVersion') ? assetVersion('/assets/js/assessment/diagnostic-prescription.js') : '/assets/js/assessment/diagnostic-prescription.js' ?>"></script>
<?php include '../src/footer.php'; ?>
\ No newline at end of file
diff --git a/assets/css/assessment/assessment-scratchpad.css b/assets/css/assessment/assessment-scratchpad.css
new file mode 100644
index 0000000..7ca9bcb
--- /dev/null
+++ b/assets/css/assessment/assessment-scratchpad.css
@@ -0,0 +1,159 @@
+/* ==========================================================================
+ assets/css/assessment/assessment-scratchpad.css
+ Interactive Math & Note Scratchpad Drawer
+ ========================================================================== */
+
+.hl-scratchpad-drawer {
+ position: fixed;
+ bottom: 0;
+ right: 2rem;
+ width: 480px;
+ height: 380px;
+ max-width: calc(100vw - 4rem);
+ background: var(--bg-card, #ffffff);
+ border: 1px solid var(--border-color, #cbd5e1);
+ border-bottom: none;
+ border-radius: 16px 16px 0 0;
+ box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.2);
+ z-index: 9999;
+ display: flex;
+ flex-direction: column;
+ transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+.hl-scratchpad-drawer.collapsed {
+ transform: translateY(335px);
+}
+
+[data-theme="dark"] .hl-scratchpad-drawer {
+ background: #0f172a;
+ border-color: rgba(255, 255, 255, 0.15);
+}
+
+.scratchpad-handle {
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+ padding: 0.5rem 1rem;
+ background: var(--color-primary, #2563eb);
+ border-radius: 15px 15px 0 0;
+ cursor: pointer;
+}
+
+.scratchpad-toggle-btn {
+ background: transparent;
+ border: none;
+ color: #ffffff;
+ font-weight: 700;
+ font-size: 0.88rem;
+ display: inline-flex;
+ align-items: center;
+ gap: 0.5rem;
+ cursor: pointer;
+ width: 100%;
+}
+
+.scratchpad-body {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ background: #ffffff;
+ overflow: hidden;
+}
+
+[data-theme="dark"] .scratchpad-body {
+ background: #1e293b;
+}
+
+.scratchpad-toolbar {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 0.4rem 0.75rem;
+ background: #f8fafc;
+ border-bottom: 1px solid #e2e8f0;
+ gap: 0.5rem;
+ flex-wrap: wrap;
+}
+
+[data-theme="dark"] .scratchpad-toolbar {
+ background: #0f172a;
+ border-bottom-color: rgba(255, 255, 255, 0.1);
+}
+
+.tool-group {
+ display: flex;
+ align-items: center;
+ gap: 0.35rem;
+}
+
+.sp-tool-btn, .sp-action-btn {
+ background: #ffffff;
+ border: 1px solid #cbd5e1;
+ color: #334155;
+ border-radius: 6px;
+ padding: 0.3rem 0.6rem;
+ font-size: 0.8rem;
+ font-weight: 600;
+ cursor: pointer;
+ display: inline-flex;
+ align-items: center;
+ gap: 0.3rem;
+ transition: all 0.15s ease;
+}
+
+[data-theme="dark"] .sp-tool-btn, [data-theme="dark"] .sp-action-btn {
+ background: #1e293b;
+ border-color: rgba(255, 255, 255, 0.15);
+ color: #e2e8f0;
+}
+
+.sp-tool-btn.active {
+ background: #2563eb;
+ color: #ffffff;
+ border-color: #2563eb;
+}
+
+.color-swatches {
+ gap: 0.4rem;
+}
+
+.sp-color-btn {
+ width: 18px;
+ height: 18px;
+ border-radius: 50%;
+ border: 2px solid #ffffff;
+ cursor: pointer;
+ box-shadow: 0 0 0 1px #cbd5e1;
+ transition: transform 0.15s ease;
+}
+
+.sp-color-btn.active {
+ transform: scale(1.25);
+ box-shadow: 0 0 0 2px #2563eb;
+}
+
+.scratchpad-canvas-wrap {
+ flex: 1;
+ position: relative;
+ overflow: hidden;
+ touch-action: none;
+}
+
+.scratchpad-canvas-wrap.grid-dots {
+ background-image: radial-gradient(#94a3b8 1px, transparent 1px);
+ background-size: 16px 16px;
+}
+
+.scratchpad-canvas-wrap.grid-math {
+ background-size: 20px 20px;
+ background-image:
+ linear-gradient(to right, rgba(148, 163, 184, 0.25) 1px, transparent 1px),
+ linear-gradient(to bottom, rgba(148, 163, 184, 0.25) 1px, transparent 1px);
+}
+
+#scratchpad-canvas {
+ width: 100%;
+ height: 100%;
+ display: block;
+}
diff --git a/assets/css/gamification/daily-quests.css b/assets/css/gamification/daily-quests.css
new file mode 100644
index 0000000..99b4e06
--- /dev/null
+++ b/assets/css/gamification/daily-quests.css
@@ -0,0 +1,132 @@
+/* ==========================================================================
+ assets/css/gamification/daily-quests.css
+ Daily Quests & Quest Widget Styles
+ ========================================================================== */
+
+.daily-quests-widget {
+ background: var(--bg-card, #ffffff);
+ border: 1px solid var(--border-color, #e2e8f0);
+ border-radius: 16px;
+ padding: 1.25rem 1.5rem;
+ box-shadow: var(--shadow-sm, 0 1px 3px rgba(0,0,0,0.1));
+}
+
+[data-theme="dark"] .daily-quests-widget {
+ background: #1e293b;
+ border-color: rgba(255, 255, 255, 0.1);
+}
+
+.quest-widget-header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-bottom: 1rem;
+ border-bottom: 1px solid var(--border-color, #e2e8f0);
+ padding-bottom: 0.5rem;
+}
+
+.quest-widget-header h4 {
+ margin: 0;
+ font-size: 1.1rem;
+ font-weight: 800;
+}
+
+.quest-date-tag {
+ font-size: 0.75rem;
+ font-weight: 700;
+ color: var(--color-primary, #2563eb);
+ background: rgba(37, 99, 235, 0.1);
+ padding: 0.2rem 0.6rem;
+ border-radius: 9999px;
+}
+
+.quest-items-list {
+ display: flex;
+ flex-direction: column;
+ gap: 0.85rem;
+}
+
+.quest-item {
+ display: flex;
+ align-items: center;
+ gap: 1rem;
+ padding: 0.75rem 1rem;
+ background: var(--bg-hover, #f8fafc);
+ border: 1px solid var(--border-color, #e2e8f0);
+ border-radius: 12px;
+ transition: all 0.2s ease;
+}
+
+[data-theme="dark"] .quest-item {
+ background: #0f172a;
+ border-color: rgba(255, 255, 255, 0.08);
+}
+
+.quest-item.completed {
+ border-color: #10b981;
+ background: rgba(16, 185, 129, 0.06);
+}
+
+.quest-icon-wrap {
+ width: 40px;
+ height: 40px;
+ border-radius: 10px;
+ background: rgba(37, 99, 235, 0.12);
+ color: #2563eb;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 1.1rem;
+ flex-shrink: 0;
+}
+
+.quest-details {
+ flex: 1;
+ min-width: 0;
+}
+
+.quest-title-row {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-bottom: 0.2rem;
+}
+
+.quest-name {
+ font-weight: 700;
+ font-size: 0.95rem;
+}
+
+.quest-xp-badge {
+ font-size: 0.75rem;
+ font-weight: 800;
+ color: #16a34a;
+ background: rgba(22, 163, 74, 0.12);
+ padding: 0.1rem 0.45rem;
+ border-radius: 6px;
+}
+