Skip to content

Commit bc90ed0

Browse files
nrichersvalidbeck
nrichers
and
validbeck
authored
Cherry pick "Add custom URL configuration button" (#1116) (#1119)
* Add custom URL configuration button (#1116) * Add initial custom URL configuration button * Remove temporary file * Move new CSS into slides.scss * Explicitly state format for non-revealjs files to avoid double outputs * Move include-in-header directive into revealjs files * Remove Latinism, make sampe URL more generic * Fix placeholder * Update site/training/assets/vmurl-settings.js Co-authored-by: Beck <164545837+validbeck@users.noreply.github.com> * Update site/training/assets/vmurl-settings.js Co-authored-by: Beck <164545837+validbeck@users.noreply.github.com> --------- Co-authored-by: Beck <164545837+validbeck@users.noreply.github.com> * Enable custom URLs, take 2 (#1120) * Add initial custom URL configuration button * Remove temporary file * Move new CSS into slides.scss * Explicitly state format for non-revealjs files to avoid double outputs * Move include-in-header directive into revealjs files * Remove Latinism, make sampe URL more generic * Fix placeholder * Update site/training/assets/vmurl-settings.js Co-authored-by: Beck <164545837+validbeck@users.noreply.github.com> * Update site/training/assets/vmurl-settings.js Co-authored-by: Beck <164545837+validbeck@users.noreply.github.com> * Address review comments * Button text & alignment --------- Co-authored-by: Beck <164545837+validbeck@users.noreply.github.com> --------- Co-authored-by: Beck <164545837+validbeck@users.noreply.github.com>
1 parent cad95a0 commit bc90ed0

22 files changed

Lines changed: 505 additions & 1 deletion

‎site/training/_metadata.yml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
format:
22
html:
33
page-layout: full
4-
css: assets/training.css
4+
css: assets/training.css

‎site/training/administrator-fundamentals/customizing-your-model-inventory.qmd‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,9 @@ subtitle: "Administrator Fundamentals — Module 2 of 4<br><br>_Click [{{< fa ch
44
lightbox: true
55
format:
66
revealjs:
7+
include-in-header:
8+
- text: |
9+
<script src="/training/assets/vmurl-settings.js"></script>
710
controls: true
811
controls-tutorial: true
912
help: true

‎site/training/administrator-fundamentals/onboarding-your-organization.qmd‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,9 @@ subtitle: "Administrator Fundamentals — Module 1 of 4<br><br>_Click [{{< fa c
44
lightbox: true
55
format:
66
revealjs:
7+
include-in-header:
8+
- text: |
9+
<script src="/training/assets/vmurl-settings.js"></script>
710
controls: true
811
controls-tutorial: true
912
help: true

‎site/training/administrator-fundamentals/organizational-oversight-reporting.qmd‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,9 @@ subtitle: "Administrator Fundamentals — Module 4 of 4<br><br>_Click [{{< fa ch
44
lightbox: true
55
format:
66
revealjs:
7+
include-in-header:
8+
- text: |
9+
<script src="/training/assets/vmurl-settings.js"></script>
710
controls: true
811
controls-tutorial: true
912
help: true

‎site/training/administrator-fundamentals/using-validmind-for-model-risk-management.qmd‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,9 @@ subtitle: "Administrator Fundamentals — Module 3 of 4<br><br>_Click [{{< fa ch
44
lightbox: true
55
format:
66
revealjs:
7+
include-in-header:
8+
- text: |
9+
<script src="/training/assets/vmurl-settings.js"></script>
710
controls: true
811
controls-tutorial: true
912
help: true

‎site/training/ai-governance/compliance-and-oversight.qmd‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,9 @@ subtitle: "AI Governance — Module 4 of 4<br><br>_Click [{{< fa chevron-right >
44
lightbox: true
55
format:
66
revealjs:
7+
include-in-header:
8+
- text: |
9+
<script src="/training/assets/vmurl-settings.js"></script>
710
controls: true
811
controls-tutorial: true
912
help: true

‎site/training/ai-governance/configuring-ai-workflows.qmd‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,9 @@ subtitle: "AI Governance — Module 3 of 4<br><br>_Click [{{< fa chevron-right >
44
lightbox: true
55
format:
66
revealjs:
7+
include-in-header:
8+
- text: |
9+
<script src="/training/assets/vmurl-settings.js"></script>
710
controls: true
811
controls-tutorial: true
912
help: true

‎site/training/ai-governance/managing-ai-use-cases.qmd‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,9 @@ subtitle: "AI Governance — Module 2 of 4<br><br>_Click [{{< fa chevron-right >
44
lightbox: true
55
format:
66
revealjs:
7+
include-in-header:
8+
- text: |
9+
<script src="/training/assets/vmurl-settings.js"></script>
710
controls: true
811
controls-tutorial: true
912
help: true

‎site/training/ai-governance/understanding-ai-governance.qmd‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,9 @@ subtitle: "AI Governance — Module 1 of 4<br><br>_Click [{{< fa chevron-right >
44
lightbox: true
55
format:
66
revealjs:
7+
include-in-header:
8+
- text: |
9+
<script src="/training/assets/vmurl-settings.js"></script>
710
controls: true
811
controls-tutorial: true
912
help: true

‎site/training/assets/slides.scss‎

Lines changed: 254 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -181,3 +181,257 @@ section.has-dark-background a:hover {
181181
.reveal .slide .pink {
182182
color: #DE257E;
183183
}
184+
185+
/* ValidMind URL settings modal and button styles */
186+
187+
/* Settings button (gear icon + text) */
188+
.vmurl-settings-btn {
189+
display: inline-flex;
190+
align-items: center;
191+
justify-content: center;
192+
gap: 4px;
193+
height: 32px;
194+
margin-left: 16px;
195+
padding: 0 10px;
196+
background-color: #3E6C69;
197+
border: 1px solid #3E6C69;
198+
border-radius: 4px;
199+
color: white;
200+
cursor: pointer;
201+
vertical-align: baseline;
202+
font-size: 11px;
203+
font-weight: 500;
204+
letter-spacing: 0.02em;
205+
white-space: nowrap;
206+
transition: background-color 0.15s ease, color 0.15s ease;
207+
}
208+
209+
.vmurl-settings-btn:hover {
210+
background: transparent;
211+
color: #3E6C69;
212+
}
213+
214+
.vmurl-settings-btn svg {
215+
width: 12px;
216+
height: 12px;
217+
flex-shrink: 0;
218+
}
219+
220+
/* Modal overlay */
221+
.vmurl-modal-overlay {
222+
position: fixed;
223+
top: 0;
224+
left: 0;
225+
right: 0;
226+
bottom: 0;
227+
background: rgba(0, 0, 0, 0.6);
228+
display: flex;
229+
align-items: center;
230+
justify-content: center;
231+
z-index: 10000;
232+
backdrop-filter: blur(2px);
233+
}
234+
235+
/* Modal container */
236+
.vmurl-modal {
237+
background: #fff;
238+
border-radius: 8px;
239+
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
240+
width: 90%;
241+
max-width: 480px;
242+
max-height: 90vh;
243+
overflow: auto;
244+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
245+
font-size: 16px;
246+
line-height: 1.5;
247+
color: #333;
248+
}
249+
250+
/* Modal header */
251+
.vmurl-modal-header {
252+
display: flex;
253+
align-items: center;
254+
justify-content: space-between;
255+
padding: 16px 20px;
256+
border-bottom: 1px solid #e0e0e0;
257+
background: #083E44;
258+
border-radius: 8px 8px 0 0;
259+
}
260+
261+
.vmurl-modal-header h3 {
262+
margin: 0;
263+
font-size: 18px;
264+
font-weight: 600;
265+
color: #fff;
266+
}
267+
268+
.vmurl-close-btn {
269+
background: transparent;
270+
border: none;
271+
font-size: 24px;
272+
line-height: 1;
273+
color: #fff;
274+
cursor: pointer;
275+
padding: 0;
276+
width: 32px;
277+
height: 32px;
278+
display: flex;
279+
align-items: center;
280+
justify-content: center;
281+
border-radius: 4px;
282+
transition: background-color 0.15s ease;
283+
}
284+
285+
.vmurl-close-btn:hover {
286+
background: rgba(255, 255, 255, 0.2);
287+
}
288+
289+
/* Modal body */
290+
.vmurl-modal-body {
291+
padding: 20px;
292+
}
293+
294+
.vmurl-modal-body label {
295+
display: block;
296+
margin-bottom: 8px;
297+
font-weight: 500;
298+
color: #083E44;
299+
}
300+
301+
.vmurl-current {
302+
margin: 0 0 16px;
303+
padding: 12px;
304+
background: #f5f5f5;
305+
border-radius: 4px;
306+
font-size: 14px;
307+
}
308+
309+
.vmurl-current code {
310+
background: #e0e0e0;
311+
padding: 2px 6px;
312+
border-radius: 3px;
313+
font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
314+
font-size: 13px;
315+
word-break: break-all;
316+
}
317+
318+
.vmurl-input {
319+
width: 100%;
320+
padding: 10px 12px;
321+
font-size: 15px;
322+
border: 1px solid #ccc;
323+
border-radius: 4px;
324+
box-sizing: border-box;
325+
transition: border-color 0.15s ease, box-shadow 0.15s ease;
326+
}
327+
328+
.vmurl-input:focus {
329+
outline: none;
330+
border-color: #3E6C69;
331+
box-shadow: 0 0 0 3px rgba(62, 108, 105, 0.2);
332+
}
333+
334+
.vmurl-hint {
335+
margin: 8px 0 0;
336+
font-size: 13px;
337+
color: #666;
338+
}
339+
340+
/* Modal footer */
341+
.vmurl-modal-footer {
342+
display: flex;
343+
justify-content: flex-end;
344+
gap: 12px;
345+
padding: 16px 20px;
346+
border-top: 1px solid #e0e0e0;
347+
background: #fafafa;
348+
border-radius: 0 0 8px 8px;
349+
}
350+
351+
/* Buttons */
352+
.vmurl-btn {
353+
padding: 10px 20px;
354+
font-size: 14px;
355+
font-weight: 500;
356+
border-radius: 4px;
357+
cursor: pointer;
358+
transition: background-color 0.15s ease, border-color 0.15s ease;
359+
}
360+
361+
.vmurl-btn-primary {
362+
background: #3E6C69;
363+
color: #fff;
364+
border: 1px solid #3E6C69;
365+
}
366+
367+
.vmurl-btn-primary:hover {
368+
background: #2d5452;
369+
border-color: #2d5452;
370+
}
371+
372+
.vmurl-btn-secondary {
373+
background: #fff;
374+
color: #666;
375+
border: 1px solid #ccc;
376+
}
377+
378+
.vmurl-btn-secondary:hover {
379+
background: #f5f5f5;
380+
border-color: #999;
381+
}
382+
383+
/* Dark mode support */
384+
@media (prefers-color-scheme: dark) {
385+
.vmurl-modal {
386+
background: #1e1e1e;
387+
color: #e0e0e0;
388+
}
389+
390+
.vmurl-modal-header {
391+
border-bottom-color: #333;
392+
}
393+
394+
.vmurl-modal-body label {
395+
color: #b0d0ce;
396+
}
397+
398+
.vmurl-current {
399+
background: #2a2a2a;
400+
}
401+
402+
.vmurl-current code {
403+
background: #3a3a3a;
404+
color: #DE257E;
405+
}
406+
407+
.vmurl-input {
408+
background: #2a2a2a;
409+
border-color: #444;
410+
color: #e0e0e0;
411+
}
412+
413+
.vmurl-input:focus {
414+
border-color: #5a9a97;
415+
box-shadow: 0 0 0 3px rgba(90, 154, 151, 0.3);
416+
}
417+
418+
.vmurl-hint {
419+
color: #999;
420+
}
421+
422+
.vmurl-modal-footer {
423+
border-top-color: #333;
424+
background: #252525;
425+
}
426+
427+
.vmurl-btn-secondary {
428+
background: #2a2a2a;
429+
color: #ccc;
430+
border-color: #444;
431+
}
432+
433+
.vmurl-btn-secondary:hover {
434+
background: #333;
435+
border-color: #555;
436+
}
437+
}

0 commit comments

Comments
 (0)