|
42 | 42 | </head> |
43 | 43 |
|
44 | 44 | <body> |
45 | | - <!-- WELCOME SCREEN (first‑time onboarding) --> |
46 | | - <div class="welcome-screen" id="welcomeScreen"> |
47 | | - <div class="welcome-content"> |
48 | | - <div class="feature-icon" aria-hidden="true"><i class="fas fa-bible"></i></div> |
49 | | - <h1>Welcome to Provinent Scripture Study!</h1> |
50 | | - <p>A comprehensive Bible study companion with daily passages, notes, and powerful study tools.</p> |
51 | | - |
52 | | - <!-- FEATURE CARDS – quick visual overview --> |
53 | | - <div class="feature-grid"> |
54 | | - <!-- Daily Passages --> |
55 | | - <div class="feature-card"> |
56 | | - <div class="feature-icon" aria-hidden="true"><i class="fas fa-book-open"></i></div> |
57 | | - <h3>Daily Passages</h3> |
58 | | - <p>Get a new scripture passage every day with sequential or specific book reading plans.</p> |
59 | | - </div> |
60 | | - |
61 | | - <!-- Highlight & Annotate --> |
62 | | - <div class="feature-card"> |
63 | | - <div class="feature-icon" aria-hidden="true"><i class="fas fa-edit"></i></div> |
64 | | - <h3>Highlight & Annotate</h3> |
65 | | - <p>Right‑click verses to highlight in colors. Take notes with full markdown support.</p> |
66 | | - </div> |
67 | | - |
68 | | - <!-- Original Languages --> |
69 | | - <div class="feature-card"> |
70 | | - <div class="feature-icon" aria-hidden="true"><i class="fas fa-language"></i></div> |
71 | | - <h3>Original Languages</h3> |
72 | | - <p>Click any verse to access Strong's Concordance, Greek/Hebrew interlinear, and more.</p> |
73 | | - </div> |
74 | | - |
75 | | - <!-- Reference Bible --> |
76 | | - <div class="feature-card"> |
77 | | - <div class="feature-icon" aria-hidden="true"><i class="fas fa-balance-scale"></i></div> |
78 | | - <h3>Reference Bible</h3> |
79 | | - <p>Open a side‑by‑side reference panel to compare translations while you study.</p> |
80 | | - </div> |
81 | | - |
82 | | - <!-- Export / Import --> |
83 | | - <div class="feature-card"> |
84 | | - <div class="feature-icon" aria-hidden="true"><i class="fas fa-save"></i></div> |
85 | | - <h3>Export & Import</h3> |
86 | | - <p>Save your highlights and notes. Import/export your data anytime.</p> |
87 | | - </div> |
88 | | - |
89 | | - <!-- Offline Mode --> |
90 | | - <div class="feature-card"> |
91 | | - <div class="feature-icon" aria-hidden="true"><i class="fas fa-hdd"></i></div> |
92 | | - <h3>Offline Mode</h3> |
93 | | - <p>Upload a PDF Bible to read and take notes while offline.</p> |
94 | | - </div> |
95 | | - </div> |
96 | | - |
97 | | - <!-- OFFLINE‑MODE SETUP (optional PDF upload) --> |
98 | | - <div class="offline-setup"> |
99 | | - <h2><span aria-hidden="true"><div><i class="fas fa-hdd"></i></div></span> |
100 | | - Optional: Upload a PDF to View Offline</h2> |
101 | | - |
102 | | - <p style="margin-bottom: 15px;"> |
103 | | - You can upload a free Berean Standard Bible PDF. |
104 | | - This is entirely optional – you can skip this and use the online version. |
105 | | - </p> |
106 | | - |
107 | | - <!-- PDF download links (external) --> |
108 | | - <div class="pdf-download-options"> |
109 | | - <h4>1. Download a Berean Bible PDF (choose one):</h4> |
110 | | - <a href="https://bereanbible.com/bsb-book-9.5.pdf" |
111 | | - class="pdf-download-link" target="_blank" rel="noopener noreferrer" download> |
112 | | - <div><i class="fas fa-download" aria-hidden="true"></i> |
113 | | - BSB Standard Print (9.5pt) – Recommended</div> |
114 | | - </a> |
115 | | - <a href="https://bereanbible.com/bsb-vbv-book-9.5.pdf" |
116 | | - class="pdf-download-link" target="_blank" rel="noopener noreferrer" download> |
117 | | - <div><i class="fas fa-download" aria-hidden="true"></i> |
118 | | - BSB Standard Print, verse‑by‑verse (9.5pt)</div> |
119 | | - </a> |
120 | | - <a href="https://bereanbible.com/bsb-book-11.pdf" |
121 | | - class="pdf-download-link" target="_blank" rel="noopener noreferrer" download> |
122 | | - <div><i class="fas fa-download" aria-hidden="true"></i> |
123 | | - BSB Large Print (11pt)</div> |
124 | | - </a> |
125 | | - <a href="https://bereanbible.com/bsb-vbv-book-11.pdf" |
126 | | - class="pdf-download-link" target="_blank" rel="noopener noreferrer" download> |
127 | | - <div><i class="fas fa-download" aria-hidden="true"></i> |
128 | | - BSB Large Print, verse‑by‑verse (11pt)</div> |
129 | | - </a> |
130 | | - </div> |
131 | | - |
132 | | - <!-- Drag‑and‑drop area for the PDF --> |
133 | | - <h4 style="margin-top: 15px; margin-bottom: 10px;"> |
134 | | - 2. Upload the downloaded PDF here: |
135 | | - </h4> |
136 | | - <div class="pdf-upload-area" id="welcomePdfUploadArea" role="button" aria-labelledby="welcomeUploadText"> |
137 | | - <div aria-hidden="true"><i class="fas fa-upload"></i></div> |
138 | | - <p id="welcomeUploadText">Click to select your downloaded PDF</p> |
139 | | - <small>Or drag and drop here</small> |
140 | | - </div> |
141 | | - <input type="file" id="welcomePdfUpload" aria-describedby="welcomeUploadText" |
142 | | - style="display: none;" accept=".pdf"> |
143 | | - </div> |
144 | | - |
145 | | - <!-- Get Started button --> |
146 | | - <div class="welcome-actions"> |
147 | | - <button class="btn-primary" id="getStartedBtn">Get Started!</button> |
148 | | - </div> |
149 | | - </div> |
150 | | - </div> |
151 | | - |
152 | 45 | <!-- GLOBAL LOADING OVERLAY (spinner) --> |
153 | 46 | <div class="loading-overlay" id="loadingOverlay" aria-hidden="true" aria-label="Loading"> |
154 | 47 | <div class="loading-spinner"></div> |
|
0 commit comments