munchboka-edutools 0.1.0__py3-none-any.whl

munchboka_edutools/static/css/code_mirror_themes/github_light_default_cm.css

@@ -0,0 +1,108 @@
+/* github-light-default.css */
+
+.cm-s-github-light-default.CodeMirror {
+    background-color: #ffffff;
+    color: #24292e;
+  }
+  
+  /* Set the default font and line height */
+  .cm-s-github-light-default .CodeMirror-lines {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+    line-height: 1.5;
+  }
+  
+  /* Caret color */
+  .cm-s-github-light-default .CodeMirror-cursor {
+    border-left: 1px solid #24292e;
+  }
+  
+  /* Selection */
+  .cm-s-github-light-default .CodeMirror-selected {
+    background-color: #0366d6;
+    color: #ffffff;
+  }
+  
+  /* Line numbers */
+  .cm-s-github-light-default .CodeMirror-gutters {
+    background-color: #f6f8fa;
+    border-right: 1px solid #e1e4e8;
+    color: #959da5;
+  }
+  
+  .cm-s-github-light-default .CodeMirror-linenumber {
+    color: #959da5;
+  }
+  
+  /* Matching brackets */
+  .cm-s-github-light-default .CodeMirror-matchingbracket {
+    text-decoration: underline;
+    color: #22863a;
+  }
+  
+  /* Comments */
+  .cm-s-github-light-default .cm-comment {
+    color: #6a737d;
+    font-style: italic;
+  }
+  
+  /* Keywords */
+  .cm-s-github-light-default .cm-keyword {
+    color: #d73a49;
+  }
+  
+  /* Strings */
+  .cm-s-github-light-default .cm-string {
+    color: #032f62;
+  }
+  
+  /* Numbers */
+  .cm-s-github-light-default .cm-number {
+    color: #005cc5;
+  }
+  
+  /* Functions */
+  .cm-s-github-light-default .cm-def {
+    color: #6f42c1;
+  }
+  
+  /* Variables */
+  .cm-s-github-light-default .cm-variable {
+    color: #000000;
+  }
+  
+  /* Tags */
+  .cm-s-github-light-default .cm-tag {
+    color: #22863a;
+  }
+  
+  /* Attributes */
+  .cm-s-github-light-default .cm-attribute {
+    color: #6f42c1;
+  }
+  
+  /* Property names */
+  .cm-s-github-light-default .cm-property {
+    color: #005cc5;
+  }
+  
+/* Error text */
+.cm-s-github-light-default .cm-error {
+color: #b31d28;
+background-color: #fef2f2;
+}
+  
+
+  /* Built-in functions */
+.cm-s-github-light-default .cm-builtin {
+    color: #6f42c1; /* This is the purple color used in GitHub Light for built-ins */
+}
+
+/* f-string specifier 'f' */
+.cm-s-github-light-default .cm-string.cm-format {
+    color: #d73a49; /* Red color for the 'f' in f-strings */
+  }
+  
+  /* Curly brackets in f-strings */
+  .cm-s-github-light-default .cm-bracket {
+    color: #e36209; /* Orange color for curly brackets */
+  }

munchboka_edutools/static/css/code_mirror_themes/one_dark_cm.css

@@ -0,0 +1,121 @@
+/* one-dark theme for CodeMirror */
+.cm-s-one-dark.CodeMirror {
+    background-color: #282C34;
+    color: #ABB2BF;
+  }
+  
+  .cm-s-one-dark .CodeMirror-gutters {
+    background-color: #282C34;
+    border-right: 1px solid #3E4451;
+  }
+  
+  .cm-s-one-dark .CodeMirror-linenumber {
+    color: #6e7681;
+  }
+  
+  .cm-s-one-dark .CodeMirror-cursor {
+    border-left: 1px solid #ABB2BF;
+  }
+  
+  .cm-s-one-dark .CodeMirror-selected {
+    background: #3E4451;
+  }
+  
+  /* Token Colors */
+  .cm-s-one-dark .cm-comment {
+    color: #7F848E;
+    font-style: italic;
+  }
+  
+  .cm-s-one-dark .cm-error {
+    color: #e06c75;
+    background-color: #1e0010;
+  }
+  
+  .cm-s-one-dark .cm-keyword {
+    color: #C678DD;
+  }
+  
+  .cm-s-one-dark .cm-operator {
+    color: #56B6C2;
+    font-weight: bold;
+  }
+  
+  .cm-s-one-dark .cm-literal {
+    color: #d19a66;
+  }
+  
+  .cm-s-one-dark .cm-variable {
+    color: #e06c75;
+  }
+  
+  .cm-s-one-dark .cm-punctuation {
+    color: #ABB2BF;
+  }
+  
+  .cm-s-one-dark .cm-number {
+    color: #D19A66;
+  }
+  
+  .cm-s-one-dark .cm-string {
+    color: #98C379;
+  }
+  
+  .cm-s-one-dark .cm-attribute {
+    color: #E06C75;
+  }
+  
+  .cm-s-one-dark .cm-builtin {
+    color: #E5C07B;
+  }
+  
+  .cm-s-one-dark .cm-variable-2 {
+    color: #E06C75;
+  }
+  
+  .cm-s-one-dark .cm-variable-3 {
+    color: #E5C07B;
+    font-weight: bold;
+  }
+  
+  .cm-s-one-dark .cm-atom {
+    color: #56B6C2;
+    font-weight: bold;
+  }
+  
+  .cm-s-one-dark .cm-def {
+    color: #61AFEF;
+    font-weight: bold;
+  }
+  
+  .cm-s-one-dark .cm-tag {
+    color: #E06C75;
+  }
+  
+  .cm-s-one-dark .cm-string-2 {
+    color: #98C379;
+  }
+  
+  /* Generic Styling */
+  .cm-s-one-dark .cm-em {
+    font-style: italic;
+  }
+  
+  .cm-s-one-dark .cm-strong {
+    font-weight: bold;
+  }
+  
+  .cm-s-one-dark .cm-header {
+    color: #61AFEF;
+    font-weight: bold;
+  }
+  
+  .cm-s-one-dark .cm-quote {
+    color: #7F848E;
+    font-style: italic;
+  }
+  
+  .cm-s-one-dark .cm-link {
+    color: #61AFEF;
+    text-decoration: underline;
+  }

munchboka_edutools/static/css/dialogue.css

@@ -0,0 +1,92 @@
+/* Base container layout */
+.dialogue {
+  display: flex;
+  flex-direction: column;
+  gap: 1em;
+  max-width: 800px;
+  margin: 0 auto;
+}
+
+.dialogue-entry {
+  padding: 0.5em 1em;
+  border-radius: 10px;
+  max-width: 60%;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+
+/* Speaker alignment */
+.speaker1 {
+  align-self: flex-start;
+  text-align: left;
+}
+
+.speaker2 {
+  align-self: flex-end;
+  text-align: left;
+}
+
+/* Name formatting */
+.speaker-name {
+  font-weight: bold;
+  margin-bottom: 0.3em;
+}
+
+.speaker-text {
+  white-space: pre-wrap;
+}
+
+/* Default (light mode) bubble colors */
+[data-mode="light"] .speaker1 {
+  background-color: #e0f7fa;
+}
+
+[data-mode="light"] .speaker2 {
+  background-color: #ffe0b2;
+}
+
+/* Dark mode bubble colors */
+[data-mode="dark"] .speaker1 {
+  background-color: #00334d;
+  color: #e0f7fa;
+}
+
+[data-mode="dark"] .speaker2 {
+  background-color: #d802026d;
+  color: #ffe0b2;
+}
+
+/* Auto mode inherits from system preferences */
+@media (prefers-color-scheme: dark) {
+  [data-mode="auto"] .speaker1 {
+    background-color: #00334d;
+    color: #e0f7fa;
+  }
+
+  [data-mode="auto"] .speaker2 {
+    background-color: #d802026d;
+    color: #ffe0b2;
+  }
+}
+
+@media (prefers-color-scheme: light) {
+  [data-mode="auto"] .speaker1 {
+    background-color: #e0f7fa;
+    color: black;
+  }
+
+  [data-mode="auto"] .speaker2 {
+    background-color: #ffe0b2;
+    color: black;
+  }
+}
+
+
+.speaker2 {
+  border-top-right-radius: 0;
+}
+
+.speaker1 {
+  border-top-left-radius: 0;
+}

munchboka_edutools/static/css/escapeRoom/escape-room.css

@@ -0,0 +1,223 @@
+/* Escape Room directive styles with light/dark mode (aligned with Jeopardy) */
+:root {
+  color-scheme: light dark;
+  /* Light mode tokens */
+  --er-bg: #FAFAFA;        /* page background */
+  --er-surface: #FFFFFF;    /* card surface */
+  --er-text: #1F1F1F;       /* primary text */
+  --er-outline: #E0E3EB;    /* borders */
+  --er-primary: #1A73E8;    /* accent */
+  --er-danger: #D93025;     /* errors */
+  --er-success: #188038;    /* green for progress */
+  --er-accent: #7C3AED;     /* inviting accent for secondary action */
+  --er-accent-border: #6D28D9;
+}
+@media (prefers-color-scheme: dark) {
+  :root {
+    /* Dark mode tokens */
+    --er-bg: #121212;
+    --er-surface: #1E1E1E;
+    --er-text: #E8EAED;
+    --er-outline: #2A2E34;
+    --er-primary: #1B66C9;
+    --er-danger: #EA4335;
+    --er-success: #1E8E3E;  /* green for progress in dark */
+    --er-accent: #8B5CF6;   /* lighter violet for dark */
+    --er-accent-border: #7C3AED;
+  }
+}
+
+/* Explicit dark tokens when user selects dark mode (override system light) */
+html.dark-mode,
+body.dark-mode,
+html[data-theme='dark'],
+body[data-theme='dark'],
+html[data-mode='dark'] {
+  --er-bg: #121212;
+  --er-surface: #1E1E1E;
+  --er-text: #E8EAED;
+  --er-outline: #2A2E34;
+  --er-primary: #1B66C9;
+  --er-danger: #EA4335;
+  --er-success: #1E8E3E;
+  --er-accent: #8B5CF6;
+  --er-accent-border: #7C3AED;
+}
+
+.escape-room-container {
+  box-sizing: border-box;
+  width: 100%;
+  margin: 1rem auto;
+  color: var(--er-text);
+  /* In light mode, let the page background show through */
+  background: transparent !important;
+}
+/* In dark mode, keep container on the dark surface token */
+@media (prefers-color-scheme: dark) {
+  .escape-room-container { background: var(--er-bg); }
+}
+
+.er-root { background: transparent; }
+.er-header { margin-bottom: 0.5rem; font-weight: 600; }
+.er-progress { opacity: 0.8; }
+.er-title { margin: 0.25rem 0 0.5rem 0; }
+.er-body { background: var(--er-surface); border: 1px solid var(--er-outline); border-radius: 8px; padding: 1rem; color: var(--er-text); }
+.er-q { font-size: 1.05rem; background: inherit; }
+
+/* Visual progress bar */
+.er-progressbar {
+  width: 100%;
+  height: 8px;
+  background: var(--er-outline);
+  border-radius: 999px;
+  overflow: hidden;
+  margin-top: 0.25rem;
+}
+.er-progressbar-fill {
+  width: 0%;
+  height: 100%;
+  background: var(--er-success);
+  transition: width 0.3s ease;
+}
+
+/* Resume prompt */
+.er-resume-prompt {
+  background: var(--er-surface);
+  color: var(--er-text);
+  border: 1px solid var(--er-outline);
+  border-radius: 8px;
+  padding: 0.75rem 1rem;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  margin-bottom: 0.5rem;
+}
+.er-resume-text { font-weight: 600; }
+.er-resume-actions { display: flex; gap: 0.5rem; }
+
+.escape-room-image-container { text-align: center; margin: 0.5rem 0; }
+.escape-room-image-container img { max-width: 100%; height: auto; border-radius: 6px; }
+
+.er-controls { display: flex; gap: 0.5rem; align-items: center; margin-top: 0.75rem; }
+.er-controls input[type="text"] { flex: 1; padding: 0.5rem 0.6rem; border: 1px solid var(--er-outline); border-radius: 6px; background: transparent; color: var(--er-text); }
+.er-controls input[type="text"]::placeholder { color: #5F6368; opacity: 0.9; }
+.er-btn { padding: 0.5rem 0.75rem; border: none; border-radius: 6px; cursor: pointer; }
+.er-btn.primary { background: var(--er-primary); color: #fff; }
+.er-btn.primary:hover { filter: brightness(1.05); }
+.er-btn.accent {
+  background: var(--er-accent);
+  color: #FFFFFF;
+  border: 2px solid var(--er-accent-border);
+}
+.er-btn.accent:hover { filter: brightness(1.05); }
+
+.er-feedback { min-height: 1.25rem; margin-top: 0.25rem; color: var(--er-danger); }
+.er-complete { background: var(--er-surface); border: 1px solid var(--er-outline); border-radius: 8px; padding: 1rem; text-align: center; font-weight: 700; }
+
+/* Auto theme (OS/browser preference) */
+@media (prefers-color-scheme: light) {
+  .er-body { background: #E8F0FE; color: #000000; }
+  .er-progress { color: #000000; opacity: 1; }
+  .er-progressbar { background: #E0E3EB; }
+  .er-controls input[type="text"] { background: #FFFFFF; color: #000000; border-color: var(--er-outline); }
+  .er-controls input[type="text"]::placeholder { color: #5F6368; }
+  /* Completion tile uses same light blue card as questions */
+  .er-complete { background: #E8F0FE; color: #000000; }
+  /* Resume prompt uses same light blue card */
+  .er-resume-prompt { background: #E8F0FE; color: #000000; }
+}
+@media (prefers-color-scheme: dark) {
+  .er-body { background: var(--er-surface); color: var(--er-text); }
+  .er-controls input[type="text"] { background: #2A2E34; color: var(--er-text); border-color: var(--er-outline); }
+  .er-controls input[type="text"]::placeholder { color: #9AA0A6; }
+}
+
+/* Explicit theme overrides if site provides toggles (align with Jeopardy approach) */
+html.light-mode .er-body,
+body.light-mode .er-body,
+html[data-theme='light'] .er-body,
+body[data-theme='light'] .er-body,
+[data-mode='light'] .er-body { background: #E8F0FE !important; color: #000000 !important; }
+[data-mode='light'] .er-controls input[type="text"],
+html.light-mode .er-controls input[type="text"],
+body.light-mode .er-controls input[type="text"],
+html[data-theme='light'] .er-controls input[type="text"],
+body[data-theme='light'] .er-controls input[type="text"] { background: #FFFFFF !important; color: #000000 !important; border-color: var(--er-outline) !important; }
+
+html.dark-mode .er-body,
+body.dark-mode .er-body,
+html[data-theme='dark'] .er-body,
+body[data-theme='dark'] .er-body,
+[data-mode='dark'] .er-body { background: var(--er-surface) !important; color: var(--er-text) !important; }
+[data-mode='dark'] .er-controls input[type="text"],
+html.dark-mode .er-controls input[type="text"],
+body.dark-mode .er-controls input[type="text"],
+html[data-theme='dark'] .er-controls input[type="text"],
+body[data-theme='dark'] .er-controls input[type="text"] { background: #2A2E34 !important; color: var(--er-text) !important; border-color: var(--er-outline) !important; }
+
+/* Explicit light-mode overrides for progress text */
+html.light-mode .er-progress,
+body.light-mode .er-progress,
+html[data-theme='light'] .er-progress,
+body[data-theme='light'] .er-progress,
+[data-mode='light'] .er-progress { color: #000000 !important; opacity: 1 !important; }
+
+/* Explicit dark-mode overrides for progress text */
+html.dark-mode .er-progress,
+body.dark-mode .er-progress,
+html[data-theme='dark'] .er-progress,
+body[data-theme='dark'] .er-progress,
+[data-mode='dark'] .er-progress { color: var(--er-text) !important; opacity: 0.9 !important; }
+
+/* Explicit light mode progress bar background */
+html.light-mode .er-progressbar,
+body.light-mode .er-progressbar,
+html[data-theme='light'] .er-progressbar,
+body[data-theme='light'] .er-progressbar,
+[data-mode='light'] .er-progressbar { background: #E0E3EB !important; }
+
+/* Explicit dark-mode progress bar background */
+html.dark-mode .er-progressbar,
+body.dark-mode .er-progressbar,
+html[data-theme='dark'] .er-progressbar,
+body[data-theme='dark'] .er-progressbar,
+[data-mode='dark'] .er-progressbar { background: var(--er-outline) !important; }
+
+/* Explicit light mode completion tile */
+html.light-mode .er-complete,
+body.light-mode .er-complete,
+html[data-theme='light'] .er-complete,
+body[data-theme='light'] .er-complete,
+[data-mode='light'] .er-complete { background: #E8F0FE !important; color: #000000 !important; }
+
+/* Explicit dark-mode completion tile */
+html.dark-mode .er-complete,
+body.dark-mode .er-complete,
+html[data-theme='dark'] .er-complete,
+body[data-theme='dark'] .er-complete,
+[data-mode='dark'] .er-complete { background: var(--er-surface) !important; color: var(--er-text) !important; }
+
+/* Explicit light mode resume prompt */
+html.light-mode .er-resume-prompt,
+body.light-mode .er-resume-prompt,
+html[data-theme='light'] .er-resume-prompt,
+body[data-theme='light'] .er-resume-prompt,
+[data-mode='light'] .er-resume-prompt { background: #E8F0FE !important; color: #000000 !important; }
+
+/* Explicit dark-mode resume prompt */
+html.dark-mode .er-resume-prompt,
+body.dark-mode .er-resume-prompt,
+html[data-theme='dark'] .er-resume-prompt,
+body[data-theme='dark'] .er-resume-prompt,
+[data-mode='dark'] .er-resume-prompt { background: var(--er-surface) !important; color: var(--er-text) !important; border-color: var(--er-outline) !important; }
+
+/* Container in explicit dark should use dark page tokens even if system prefers light */
+html.dark-mode .escape-room-container,
+body.dark-mode .escape-room-container,
+html[data-theme='dark'] .escape-room-container,
+body[data-theme='dark'] .escape-room-container,
+[data-mode='dark'] .escape-room-container { background: var(--er-bg) !important; color: var(--er-text) !important; }
+
+/* When embedded inside admonitions, add extra right padding to avoid clipping */
+.admonition .escape-room-container { padding-right: 3rem; }