Session-Wizard/about.html at main · lucasjdames/Session-Wizard · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>About Session Wizard</title>
  <style>
    /* Theme variables with light defaults; prefers-color-scheme will adjust automatically */
    :root{
      --bg: #f7f7f8;
      --card-bg: #ffffff;
      --text: #222;
      --muted: #666;
      --accent: #0060df;
      --border: rgba(0,0,0,0.06);
      --shadow: 0 6px 22px rgba(0,0,0,0.08);
      color-scheme: light;
    }
    @media (prefers-color-scheme: dark){
      :root{
        --bg: #0d0d0f;
        --card-bg: #0f1113;
        --text: #ddd;
        --muted: #aaa;
        --accent: #7fb1ff;
        --border: rgba(255,255,255,0.04);
        --shadow: 0 6px 22px rgba(0,0,0,0.6);
        color-scheme: dark;
      }
    }
    html,body{height:100%;}
    body{font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial; margin:20px; background:var(--bg); color:var(--text)}
    .card{max-width:760px;margin:0 auto;padding:20px;border-radius:12px;background:var(--card-bg);box-shadow:var(--shadow)}
    .header{display:flex;gap:16px;align-items:center}
    .logo{width:72px;height:72px;border-radius:12px;background:var(--card-bg);display:flex;align-items:center;justify-content:center;overflow:hidden}
    .logo img{width:100%;height:100%;object-fit:contain}
    h1{margin:0;font-size:20px}
    .meta{color:var(--muted);margin-top:6px;font-size:13px}
    .section{margin-top:14px;line-height:1.45;color:var(--text)}
    .section h2{font-size:15px;margin:8px 0}
    ul{margin:8px 0 0 18px}
    .footer{margin-top:18px;border-top:1px solid var(--border);padding-top:12px;color:var(--muted);font-size:13px;display:flex;justify-content:space-between;align-items:center}
    a{color:var(--accent)}
  </style>
</head>
<body>
  <div class="card">
    <div class="header">
      <div class="logo"><img src="assets/img/icon-512.png" alt="icon"></div>
      <div>
        <h1>Session Wizard</h1>
  <div class="meta">Version 1.3.0</div>
      </div>
    </div>

    <div class="section">
      <p>
      Session Wizard is a clinical toolkit for planning, tracking, and monitoring clients' progress in speech-language pathology and cognitive rehabilitation. It aims to facilitate goalsetting and data collection inside and outside of the therapy room. It was created by Lucas James, SLP-Reg. Please note that the project was developed with the assistance of large language models for coding and image generation. Session Wizard will always be free to use and open source.
      </p>
      <p>The current tools available are:</p>
    </div>

    <div class="section">
      <h2>Tools</h2>
      <ul>
        <li><strong>Goal Builder</strong> — create SMART goals and build Goal Attainment Scales (GAS). Drag-and-drop components and checklists help ensure completeness.</li>
        <li><strong>Therapy Session Data Taker</strong> — customizable templates for real-time session tracking. Includes special components for common interventions (PACE, discourse transcription, spaced retrieval) and a flexible data table for trial-based scoring.</li>
        <li><strong>Homework Tracker</strong> — create printable home program logs with configurable activities, frequencies, and scheduling.</li>
      </ul>
    </div>

    <p class="section small">For full documentation and source code, visit <a href="https://github.com/lucasjdames/Session-Wizard" target="_blank" rel="noreferrer noopener">GitHub — Session Wizard</a>. Development is ongoing.</p>

    <div class="footer"><div>License: MIT</div><div><a href="#" id="close">Close</a></div></div>
  </div>

  <script>
    // Close button behaviour
    document.getElementById('close').addEventListener('click', function(e){ e.preventDefault(); window.close(); });

    // Theme handling: allow local override via localStorage ('session-wizard-theme' = 'light'|'dark')
    (function(){
      try {
        var key = 'session-wizard-theme';
        var stored = (localStorage && localStorage.getItem) ? localStorage.getItem(key) : null;
        if (stored === 'light') {
          document.documentElement.style.colorScheme = 'light';
          document.documentElement.style.setProperty('--bg', '#f7f7f8');
          document.documentElement.style.setProperty('--card-bg', '#ffffff');
          document.documentElement.style.setProperty('--text', '#222');
          document.documentElement.style.setProperty('--muted', '#666');
          document.documentElement.style.setProperty('--accent', '#0060df');
          document.documentElement.style.setProperty('--border', 'rgba(0,0,0,0.06)');
        } else if (stored === 'dark') {
          document.documentElement.style.colorScheme = 'dark';
          document.documentElement.style.setProperty('--bg', '#0d0d0f');
          document.documentElement.style.setProperty('--card-bg', '#0f1113');
          document.documentElement.style.setProperty('--text', '#ddd');
          document.documentElement.style.setProperty('--muted', '#aaa');
          document.documentElement.style.setProperty('--accent', '#7fb1ff');
          document.documentElement.style.setProperty('--border', 'rgba(255,255,255,0.04)');
        }
      } catch (e) { /* ignore */ }
    })();
  </script>
</body>
</html>