pinokiod 3.189.0 → 3.191.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/package.json +1 -1
  2. package/server/public/inspect.gif +0 -0
  3. package/server/public/nav.js +32 -1
  4. package/server/public/style.css +21 -0
  5. package/server/views/agents.ejs +2 -2
  6. package/server/views/app.ejs +4 -2
  7. package/server/views/connect/x.ejs +2 -2
  8. package/server/views/connect.ejs +2 -2
  9. package/server/views/container.ejs +2 -2
  10. package/server/views/download.ejs +2 -2
  11. package/server/views/explore.ejs +2 -2
  12. package/server/views/form.ejs +2 -2
  13. package/server/views/frame.ejs +2 -2
  14. package/server/views/github.ejs +2 -2
  15. package/server/views/help.ejs +2 -2
  16. package/server/views/index.ejs +2 -2
  17. package/server/views/init/index.ejs +2 -2
  18. package/server/views/mini.ejs +2 -2
  19. package/server/views/net.ejs +2 -2
  20. package/server/views/network.ejs +2 -2
  21. package/server/views/prototype/index.ejs +2 -2
  22. package/server/views/review.ejs +2 -2
  23. package/server/views/screenshots.ejs +2 -2
  24. package/server/views/settings.ejs +2 -2
  25. package/server/views/setup.ejs +2 -2
  26. package/server/views/setup_home.ejs +2 -2
  27. package/server/views/tools.ejs +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pinokiod",
3
- "version": "3.189.0",
3
+ "version": "3.191.0",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/server/public/inspect.gif ADDED
Binary file
package/server/public/nav.js CHANGED
@@ -4,9 +4,9 @@ document.addEventListener("DOMContentLoaded", () => {
4
4
  const rectInfo = () => null;
5
5
 
6
6
  const newWindowButton = document.querySelector("#new-window");
7
+ const agent = document.body.getAttribute("data-agent");
7
8
  if (newWindowButton) {
8
9
  newWindowButton.addEventListener("click", (event) => {
9
- const agent = document.body.getAttribute("data-agent");
10
10
  if (agent === "electron") {
11
11
  window.open("/", "_blank", "pinokio");
12
12
  } else {
@@ -469,4 +469,35 @@ document.addEventListener("DOMContentLoaded", () => {
469
469
  writePersisted({ minimized: state.minimized, left, top });
470
470
  log("resize:clamp", { before, after: { left, top } });
471
471
  });
472
+
473
+
474
+ // Inspector handling
475
+ const inspectorButton = document.querySelector('#inspector');
476
+ const isDesktop = agent === 'electron';
477
+
478
+ if (inspectorButton && !isDesktop) {
479
+ const message = 'The 1-click inspect feature is only available inside the Pinokio desktop app.';
480
+
481
+ inspectorButton.addEventListener('click', (event) => {
482
+ event.preventDefault();
483
+ event.stopPropagation();
484
+
485
+ if (window.Swal?.fire) {
486
+ window.Swal.fire({
487
+ // icon: 'info',
488
+ title: 'Switch to Pinokio Desktop',
489
+ html: `<div class="simple-modal-desc2"><div>${message}</div><img src="/inspect.gif"/></div>`,
490
+ showConfirmButton: false,
491
+ customClass: {
492
+ popup: 'min-popup2',
493
+ title: 'min-title',
494
+ },
495
+ });
496
+ } else {
497
+ window.alert(message);
498
+ }
499
+ }, true);
500
+ }
501
+
502
+
472
503
  });
package/server/public/style.css CHANGED
@@ -361,6 +361,19 @@ footer pre {
361
361
  .swal2-title.full-title {
362
362
  text-align: left;
363
363
  }
364
+ .swal2-popup.min-popup2 a {
365
+ outline: none;
366
+ }
367
+ .swal2-popup.min-popup2 img {
368
+ margin-top: 20px;
369
+ }
370
+ .swal2-popup.min-popup2 {
371
+ width: 600px;
372
+ max-width: 100%;
373
+ text-align: center !important;
374
+ padding: 30px 0 !important;
375
+ box-sizing: border-box;
376
+ }
364
377
  .swal2-popup.min-popup a {
365
378
  outline: none;
366
379
  }
@@ -393,6 +406,14 @@ footer pre {
393
406
  display: flex;
394
407
  align-items: center;
395
408
  }
409
+ .simple-modal-desc2 img {
410
+ width: 100%;
411
+ display: block;
412
+ }
413
+ .simple-modal-desc2 {
414
+ padding-top: 15px;
415
+ font-size: 14px;
416
+ }
396
417
  .simple-modal-desc {
397
418
  padding-bottom: 15px;
398
419
  text-align: left;
package/server/views/agents.ejs CHANGED
@@ -409,8 +409,8 @@ body.dark .plugin-option:hover {
409
409
  <button class='btn2' id='back' data-tippy-content="back"><div><i class="fa-solid fa-chevron-left"></i></div></button>
410
410
  <button class='btn2' id='forward' data-tippy-content="forward"><div><i class="fa-solid fa-chevron-right"></i></div></button>
411
411
  <button class='btn2' id='refresh-page' data-tippy-content="refresh"><div><i class="fa-solid fa-rotate-right"></i></div></button>
412
- <button class='btn2' id='screenshot' data-tippy-content="take a screenshot"><i class="fa-solid fa-camera"></i></button>
413
- <button class='btn2' id='inspector' data-tippy-content="Switch to inspect mode"><i class="fa-solid fa-eye"></i></button>
412
+ <button class='btn2' id='screenshot' data-tippy-content="screen capture"><i class="fa-solid fa-camera"></i></button>
413
+ <button class='btn2' id='inspector' data-tippy-content="X-ray mode"><i class="fa-solid fa-eye"></i></button>
414
414
  <div class='flexible'></div>
415
415
  <a class='btn2' href="/columns" data-tippy-content="split into 2 columns">
416
416
  <div><i class="fa-solid fa-table-columns"></i></div>
package/server/views/app.ejs CHANGED
@@ -442,7 +442,9 @@ body.dark .appcanvas > aside .header-item.selected {
442
442
  box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
443
443
  }
444
444
  .appcanvas > aside .header-item.selected {
445
+ font-weight: bold;
445
446
  /*
447
+ color: rgba(127, 91, 243, 0.9);
446
448
  border-color: var(--pinokio-sidebar-tab-active-bg);
447
449
  */
448
450
  color: var(--pinokio-sidebar-tab-active-color);
@@ -3091,8 +3093,8 @@ body.dark .pinokio-fork-dropdown-remote, body.dark .pinokio-publish-dropdown-rem
3091
3093
  <button class='btn2' id='back' data-tippy-content="back"><div><i class="fa-solid fa-chevron-left"></i></div></button>
3092
3094
  <button class='btn2' id='forward' data-tippy-content="forward"><div><i class="fa-solid fa-chevron-right"></i></div></button>
3093
3095
  <button class='btn2' id='refresh-page' data-tippy-content="refresh"><div><i class="fa-solid fa-rotate-right"></i></div></button>
3094
- <button class='btn2' id='screenshot' data-tippy-content="take a screenshot"><i class="fa-solid fa-camera"></i></button>
3095
- <button class='btn2' id='inspector' data-tippy-content="Switch to inspect mode"><i class="fa-solid fa-eye"></i></button>
3096
+ <button class='btn2' id='screenshot' data-tippy-content="screen capture"><i class="fa-solid fa-camera"></i></button>
3097
+ <button class='btn2' id='inspector' data-tippy-content="X-ray mode"><i class="fa-solid fa-eye"></i></button>
3096
3098
  <div class='sep'></div>
3097
3099
  <div class='mode-selector'>
3098
3100
  <a class="btn2 <%=type === 'review' ? 'selected' : ''%>" href="<%=review_tab%>"><div><i class="fa-regular fa-message"></i></div><div class='caption'>Forum</div></a>
package/server/views/connect/x.ejs CHANGED
@@ -200,8 +200,8 @@ pre {
200
200
  <button class='btn2' id='back' data-tippy-content="back"><div><i class="fa-solid fa-chevron-left"></i></div></button>
201
201
  <button class='btn2' id='forward' data-tippy-content="forward"><div><i class="fa-solid fa-chevron-right"></i></div></button>
202
202
  <button class='btn2' id='refresh-page' data-tippy-content="refresh"><div><i class="fa-solid fa-rotate-right"></i></div></button>
203
- <button class='btn2' id='screenshot' data-tippy-content="take a screenshot"><i class="fa-solid fa-camera"></i></button>
204
- <button class='btn2' id='inspector' data-tippy-content="Switch to inspect mode"><i class="fa-solid fa-eye"></i></button>
203
+ <button class='btn2' id='screenshot' data-tippy-content="screen capture"><i class="fa-solid fa-camera"></i></button>
204
+ <button class='btn2' id='inspector' data-tippy-content="X-ray mode"><i class="fa-solid fa-eye"></i></button>
205
205
  <div class='flexible'></div>
206
206
  <a class='btn2' href="/columns" data-tippy-content="split into 2 columns">
207
207
  <div><i class="fa-solid fa-table-columns"></i></div>
package/server/views/connect.ejs CHANGED
@@ -819,8 +819,8 @@ document.addEventListener('DOMContentLoaded', function() {
819
819
  <button class='btn2' id='back' data-tippy-content="back"><div><i class="fa-solid fa-chevron-left"></i></div></button>
820
820
  <button class='btn2' id='forward' data-tippy-content="forward"><div><i class="fa-solid fa-chevron-right"></i></div></button>
821
821
  <button class='btn2' id='refresh-page' data-tippy-content="refresh"><div><i class="fa-solid fa-rotate-right"></i></div></button>
822
- <button class='btn2' id='screenshot' data-tippy-content="take a screenshot"><i class="fa-solid fa-camera"></i></button>
823
- <button class='btn2' id='inspector' data-tippy-content="Switch to inspect mode"><i class="fa-solid fa-eye"></i></button>
822
+ <button class='btn2' id='screenshot' data-tippy-content="screen capture"><i class="fa-solid fa-camera"></i></button>
823
+ <button class='btn2' id='inspector' data-tippy-content="X-ray mode"><i class="fa-solid fa-eye"></i></button>
824
824
  <button class='btn2 mobile-link-button' id='mobile-link-button' data-tippy-content="enter url"><i class="fa-solid fa-link"></i></button>
825
825
  <form class='urlbar'>
826
826
  <div class='url-input-container'>
package/server/views/container.ejs CHANGED
@@ -332,8 +332,8 @@ iframe {
332
332
  <button class='btn2' id='back' data-tippy-content="back"><div><i class="fa-solid fa-chevron-left"></i></div></button>
333
333
  <button class='btn2' id='forward' data-tippy-content="forward"><div><i class="fa-solid fa-chevron-right"></i></div></button>
334
334
  <button class='btn2' id='refresh-page' data-tippy-content="refresh"><div><i class="fa-solid fa-rotate-right"></i></div></button>
335
- <button class='btn2' id='screenshot' data-tippy-content="take a screenshot"><i class="fa-solid fa-camera"></i></button>
336
- <button class='btn2' id='inspector' data-tippy-content="Switch to inspect mode"><i class="fa-solid fa-eye"></i></button>
335
+ <button class='btn2' id='screenshot' data-tippy-content="screen capture"><i class="fa-solid fa-camera"></i></button>
336
+ <button class='btn2' id='inspector' data-tippy-content="X-ray mode"><i class="fa-solid fa-eye"></i></button>
337
337
  <button class='btn2 mobile-link-button' id='mobile-link-button' data-tippy-content="enter url"><i class="fa-solid fa-link"></i></button>
338
338
  <form class='urlbar'>
339
339
  <div class='url-input-container'>
package/server/views/download.ejs CHANGED
@@ -128,8 +128,8 @@ body.frozen {
128
128
  <button class='btn2' id='back' data-tippy-content="back"><div><i class="fa-solid fa-chevron-left"></i></div></button>
129
129
  <button class='btn2' id='forward' data-tippy-content="forward"><div><i class="fa-solid fa-chevron-right"></i></div></button>
130
130
  <button class='btn2' id='refresh-page' data-tippy-content="refresh"><div><i class="fa-solid fa-rotate-right"></i></div></button>
131
- <button class='btn2' id='screenshot' data-tippy-content="take a screenshot"><i class="fa-solid fa-camera"></i></button>
132
- <button class='btn2' id='inspector' data-tippy-content="Switch to inspect mode"><i class="fa-solid fa-eye"></i></button>
131
+ <button class='btn2' id='screenshot' data-tippy-content="screen capture"><i class="fa-solid fa-camera"></i></button>
132
+ <button class='btn2' id='inspector' data-tippy-content="X-ray mode"><i class="fa-solid fa-eye"></i></button>
133
133
  <div class='flexible'></div>
134
134
  <a class='btn2' href="/columns" data-tippy-content="split into 2 columns">
135
135
  <div><i class="fa-solid fa-table-columns"></i></div>
package/server/views/explore.ejs CHANGED
@@ -129,8 +129,8 @@ body main iframe {
129
129
  <button class='btn2' id='back' data-tippy-content="back"><div><i class="fa-solid fa-chevron-left"></i></div></button>
130
130
  <button class='btn2' id='forward' data-tippy-content="forward"><div><i class="fa-solid fa-chevron-right"></i></div></button>
131
131
  <button class='btn2' id='refresh-page' data-tippy-content="refresh"><div><i class="fa-solid fa-rotate-right"></i></div></button>
132
- <button class='btn2' id='screenshot' data-tippy-content="take a screenshot"><i class="fa-solid fa-camera"></i></button>
133
- <button class='btn2' id='inspector' data-tippy-content="Switch to inspect mode"><i class="fa-solid fa-eye"></i></button>
132
+ <button class='btn2' id='screenshot' data-tippy-content="screen capture"><i class="fa-solid fa-camera"></i></button>
133
+ <button class='btn2' id='inspector' data-tippy-content="X-ray mode"><i class="fa-solid fa-eye"></i></button>
134
134
  <div class='flexible'></div>
135
135
  <a class='btn2' href="/columns" data-tippy-content="split into 2 columns">
136
136
  <div><i class="fa-solid fa-table-columns"></i></div>
package/server/views/form.ejs CHANGED
@@ -162,8 +162,8 @@ document.addEventListener("DOMContentLoaded", async () => {
162
162
  <button class='btn2' id='minimize-header' data-tippy-content="fullscreen" title='fullscreen'>
163
163
  <div><i class="fa-solid fa-expand"></i></div>
164
164
  </button>
165
- <button class='btn2' id='screenshot' data-tippy-content="take a screenshot"><i class="fa-solid fa-camera"></i></button>
166
- <button class='btn2' id='inspector' data-tippy-content="Switch to inspect mode"><i class="fa-solid fa-eye"></i></button>
165
+ <button class='btn2' id='screenshot' data-tippy-content="screen capture"><i class="fa-solid fa-camera"></i></button>
166
+ <button class='btn2' id='inspector' data-tippy-content="X-ray mode"><i class="fa-solid fa-eye"></i></button>
167
167
  <div class='flexible'></div>
168
168
  <a class='btn2' href="/columns" data-tippy-content="split into 2 columns">
169
169
  <div><i class="fa-solid fa-table-columns"></i></div>
package/server/views/frame.ejs CHANGED
@@ -92,8 +92,8 @@ main iframe {
92
92
  <button class='btn2' id='minimize-header' data-tippy-content="fullscreen" title='fullscreen'>
93
93
  <div><i class="fa-solid fa-expand"></i></div>
94
94
  </button>
95
- <button class='btn2' id='screenshot' data-tippy-content="take a screenshot"><i class="fa-solid fa-camera"></i></button>
96
- <button class='btn2' id='inspector' data-tippy-content="Switch to inspect mode"><i class="fa-solid fa-eye"></i></button>
95
+ <button class='btn2' id='screenshot' data-tippy-content="screen capture"><i class="fa-solid fa-camera"></i></button>
96
+ <button class='btn2' id='inspector' data-tippy-content="X-ray mode"><i class="fa-solid fa-eye"></i></button>
97
97
  <div class='flexible'></div>
98
98
  <a class='btn2' href="/columns" data-tippy-content="split into 2 columns">
99
99
  <div><i class="fa-solid fa-table-columns"></i></div>
package/server/views/github.ejs CHANGED
@@ -241,8 +241,8 @@ ol {
241
241
  <button class='btn2' id='back' data-tippy-content="back"><div><i class="fa-solid fa-chevron-left"></i></div></button>
242
242
  <button class='btn2' id='forward' data-tippy-content="forward"><div><i class="fa-solid fa-chevron-right"></i></div></button>
243
243
  <button class='btn2' id='refresh-page' data-tippy-content="refresh"><div><i class="fa-solid fa-rotate-right"></i></div></button>
244
- <button class='btn2' id='screenshot' data-tippy-content="take a screenshot"><i class="fa-solid fa-camera"></i></button>
245
- <button class='btn2' id='inspector' data-tippy-content="Switch to inspect mode"><i class="fa-solid fa-eye"></i></button>
244
+ <button class='btn2' id='screenshot' data-tippy-content="screen capture"><i class="fa-solid fa-camera"></i></button>
245
+ <button class='btn2' id='inspector' data-tippy-content="X-ray mode"><i class="fa-solid fa-eye"></i></button>
246
246
  <div class='flexible'></div>
247
247
  <a class='btn2' href="/columns" data-tippy-content="split into 2 columns">
248
248
  <div><i class="fa-solid fa-table-columns"></i></div>
package/server/views/help.ejs CHANGED
@@ -262,8 +262,8 @@ body.dark .item .tile .badge {
262
262
  <button class='btn2' id='back' data-tippy-content="back"><div><i class="fa-solid fa-chevron-left"></i></div></button>
263
263
  <button class='btn2' id='forward' data-tippy-content="forward"><div><i class="fa-solid fa-chevron-right"></i></div></button>
264
264
  <button class='btn2' id='refresh-page' data-tippy-content="refresh"><div><i class="fa-solid fa-rotate-right"></i></div></button>
265
- <button class='btn2' id='screenshot' data-tippy-content="take a screenshot"><i class="fa-solid fa-camera"></i></button>
266
- <button class='btn2' id='inspector' data-tippy-content="Switch to inspect mode"><i class="fa-solid fa-eye"></i></button>
265
+ <button class='btn2' id='screenshot' data-tippy-content="screen capture"><i class="fa-solid fa-camera"></i></button>
266
+ <button class='btn2' id='inspector' data-tippy-content="X-ray mode"><i class="fa-solid fa-eye"></i></button>
267
267
  <div class='flexible'></div>
268
268
  <a class='btn2' href="/columns" data-tippy-content="split into 2 columns">
269
269
  <div><i class="fa-solid fa-table-columns"></i></div>
package/server/views/index.ejs CHANGED
@@ -424,8 +424,8 @@ body.dark aside .current.selected {
424
424
  <button class='btn2' id='back' data-tippy-content="back"><div><i class="fa-solid fa-chevron-left"></i></div></button>
425
425
  <button class='btn2' id='forward' data-tippy-content="forward"><div><i class="fa-solid fa-chevron-right"></i></div></button>
426
426
  <button class='btn2' id='refresh-page' data-tippy-content="refresh"><div><i class="fa-solid fa-rotate-right"></i></div></button>
427
- <button class='btn2' id='screenshot' data-tippy-content="take a screenshot"><i class="fa-solid fa-camera"></i></button>
428
- <button class='btn2' id='inspector' data-tippy-content="Switch to inspect mode"><i class="fa-solid fa-eye"></i></button>
427
+ <button class='btn2' id='screenshot' data-tippy-content="screen capture"><i class="fa-solid fa-camera"></i></button>
428
+ <button class='btn2' id='inspector' data-tippy-content="X-ray mode"><i class="fa-solid fa-eye"></i></button>
429
429
  <button class='btn2 mobile-link-button' id='mobile-link-button' data-tippy-content="enter url"><i class="fa-solid fa-link"></i></button>
430
430
  <form class='urlbar'>
431
431
  <div class='url-input-container'>
package/server/views/init/index.ejs CHANGED
@@ -1528,8 +1528,8 @@ body.dark .ace-editor {
1528
1528
  <button class='btn2' id='back' data-tippy-content="back"><div><i class="fa-solid fa-chevron-left"></i></div></button>
1529
1529
  <button class='btn2' id='forward' data-tippy-content="forward"><div><i class="fa-solid fa-chevron-right"></i></div></button>
1530
1530
  <button class='btn2' id='refresh-page' data-tippy-content="refresh"><div><i class="fa-solid fa-rotate-right"></i></div></button>
1531
- <button class='btn2' id='screenshot' data-tippy-content="take a screenshot"><i class="fa-solid fa-camera"></i></button>
1532
- <button class='btn2' id='inspector' data-tippy-content="Switch to inspect mode"><i class="fa-solid fa-eye"></i></button>
1531
+ <button class='btn2' id='screenshot' data-tippy-content="screen capture"><i class="fa-solid fa-camera"></i></button>
1532
+ <button class='btn2' id='inspector' data-tippy-content="X-ray mode"><i class="fa-solid fa-eye"></i></button>
1533
1533
  <div class='flexible'></div>
1534
1534
  <a class='btn2' href="/columns" data-tippy-content="split into 2 columns">
1535
1535
  <div><i class="fa-solid fa-table-columns"></i></div>
package/server/views/mini.ejs CHANGED
@@ -762,8 +762,8 @@ body.dark .appcanvas {
762
762
  <button class='btn2' id='back' data-tippy-content="back"><div><i class="fa-solid fa-chevron-left"></i></div></button>
763
763
  <button class='btn2' id='forward' data-tippy-content="forward"><div><i class="fa-solid fa-chevron-right"></i></div></button>
764
764
  <button class='btn2' id='refresh-page' data-tippy-content="refresh"><div><i class="fa-solid fa-rotate-right"></i></div></button>
765
- <button class='btn2' id='screenshot' data-tippy-content="take a screenshot"><i class="fa-solid fa-camera"></i></button>
766
- <button class='btn2' id='inspector' data-tippy-content="Switch to inspect mode"><i class="fa-solid fa-eye"></i></button>
765
+ <button class='btn2' id='screenshot' data-tippy-content="screen capture"><i class="fa-solid fa-camera"></i></button>
766
+ <button class='btn2' id='inspector' data-tippy-content="X-ray mode"><i class="fa-solid fa-eye"></i></button>
767
767
  <div class='flexible filler'></div>
768
768
  <a class='btn2' href="/columns" data-tippy-content="split into 2 columns">
769
769
  <div><i class="fa-solid fa-table-columns"></i></div>
package/server/views/net.ejs CHANGED
@@ -542,8 +542,8 @@ document.addEventListener('DOMContentLoaded', function() {
542
542
  <button class='btn2' id='back' data-tippy-content="back"><div><i class="fa-solid fa-chevron-left"></i></div></button>
543
543
  <button class='btn2' id='forward' data-tippy-content="forward"><div><i class="fa-solid fa-chevron-right"></i></div></button>
544
544
  <button class='btn2' id='refresh-page' data-tippy-content="refresh"><div><i class="fa-solid fa-rotate-right"></i></div></button>
545
- <button class='btn2' id='screenshot' data-tippy-content="take a screenshot"><i class="fa-solid fa-camera"></i></button>
546
- <button class='btn2' id='inspector' data-tippy-content="Switch to inspect mode"><i class="fa-solid fa-eye"></i></button>
545
+ <button class='btn2' id='screenshot' data-tippy-content="screen capture"><i class="fa-solid fa-camera"></i></button>
546
+ <button class='btn2' id='inspector' data-tippy-content="X-ray mode"><i class="fa-solid fa-eye"></i></button>
547
547
  <button class='btn2 mobile-link-button' id='mobile-link-button' data-tippy-content="enter url"><i class="fa-solid fa-link"></i></button>
548
548
  <form class='urlbar'>
549
549
  <div class='url-input-container'>
package/server/views/network.ejs CHANGED
@@ -1055,8 +1055,8 @@ document.addEventListener('DOMContentLoaded', function() {
1055
1055
  <button class='btn2' id='back' data-tippy-content="back"><div><i class="fa-solid fa-chevron-left"></i></div></button>
1056
1056
  <button class='btn2' id='forward' data-tippy-content="forward"><div><i class="fa-solid fa-chevron-right"></i></div></button>
1057
1057
  <button class='btn2' id='refresh-page' data-tippy-content="refresh"><div><i class="fa-solid fa-rotate-right"></i></div></button>
1058
- <button class='btn2' id='screenshot' data-tippy-content="take a screenshot"><i class="fa-solid fa-camera"></i></button>
1059
- <button class='btn2' id='inspector' data-tippy-content="Switch to inspect mode"><i class="fa-solid fa-eye"></i></button>
1058
+ <button class='btn2' id='screenshot' data-tippy-content="screen capture"><i class="fa-solid fa-camera"></i></button>
1059
+ <button class='btn2' id='inspector' data-tippy-content="X-ray mode"><i class="fa-solid fa-eye"></i></button>
1060
1060
  <button class='btn2 mobile-link-button' id='mobile-link-button' data-tippy-content="enter url"><i class="fa-solid fa-link"></i></button>
1061
1061
  <form class='urlbar'>
1062
1062
  <div class='url-input-container'>
package/server/views/prototype/index.ejs CHANGED
@@ -1010,8 +1010,8 @@ body.dark .appcanvas {
1010
1010
  <button class='btn2' id='back' data-tippy-content="back"><div><i class="fa-solid fa-chevron-left"></i></div></button>
1011
1011
  <button class='btn2' id='forward' data-tippy-content="forward"><div><i class="fa-solid fa-chevron-right"></i></div></button>
1012
1012
  <button class='btn2' id='refresh-page' data-tippy-content="refresh"><div><i class="fa-solid fa-rotate-right"></i></div></button>
1013
- <button class='btn2' id='screenshot' data-tippy-content="take a screenshot"><i class="fa-solid fa-camera"></i></button>
1014
- <button class='btn2' id='inspector' data-tippy-content="Switch to inspect mode"><i class="fa-solid fa-eye"></i></button>
1013
+ <button class='btn2' id='screenshot' data-tippy-content="screen capture"><i class="fa-solid fa-camera"></i></button>
1014
+ <button class='btn2' id='inspector' data-tippy-content="X-ray mode"><i class="fa-solid fa-eye"></i></button>
1015
1015
  <div class='flexible'></div>
1016
1016
  <a class='btn2' href="/columns" data-tippy-content="split into 2 columns">
1017
1017
  <div><i class="fa-solid fa-table-columns"></i></div>
package/server/views/review.ejs CHANGED
@@ -944,8 +944,8 @@ body.dark .top-menu .btn2.selected {
944
944
  <button class='btn2' id='back' data-tippy-content="back"><div><i class="fa-solid fa-chevron-left"></i></div></button>
945
945
  <button class='btn2' id='forward' data-tippy-content="forward"><div><i class="fa-solid fa-chevron-right"></i></div></button>
946
946
  <button class='btn2' id='refresh-page' data-tippy-content="refresh"><div><i class="fa-solid fa-rotate-right"></i></div></button>
947
- <button class='btn2' id='screenshot' data-tippy-content="take a screenshot"><i class="fa-solid fa-camera"></i></button>
948
- <button class='btn2' id='inspector' data-tippy-content="Switch to inspect mode"><i class="fa-solid fa-eye"></i></button>
947
+ <button class='btn2' id='screenshot' data-tippy-content="screen capture"><i class="fa-solid fa-camera"></i></button>
948
+ <button class='btn2' id='inspector' data-tippy-content="X-ray mode"><i class="fa-solid fa-eye"></i></button>
949
949
  <button class='btn2' id='hidden-placeholder'><i class="fa-solid fa-bars"></i></button>
950
950
  <div class='mode-selector'>
951
951
  <a class="btn2 <%=type === 'review' ? 'selected' : ''%>" href="<%=review_tab%>"><div><i class="fa-regular fa-message"></i></div><div class='caption'>Forum</div></a>
package/server/views/screenshots.ejs CHANGED
@@ -714,8 +714,8 @@ document.addEventListener('DOMContentLoaded', function() {
714
714
  <button class='btn2' id='back' data-tippy-content="back"><div><i class="fa-solid fa-chevron-left"></i></div></button>
715
715
  <button class='btn2' id='forward' data-tippy-content="forward"><div><i class="fa-solid fa-chevron-right"></i></div></button>
716
716
  <button class='btn2' id='refresh-page' data-tippy-content="refresh"><div><i class="fa-solid fa-rotate-right"></i></div></button>
717
- <button class='btn2' id='screenshot' data-tippy-content="take a screenshot"><i class="fa-solid fa-camera"></i></button>
718
- <button class='btn2' id='inspector' data-tippy-content="Switch to inspect mode"><i class="fa-solid fa-eye"></i></button>
717
+ <button class='btn2' id='screenshot' data-tippy-content="screen capture"><i class="fa-solid fa-camera"></i></button>
718
+ <button class='btn2' id='inspector' data-tippy-content="X-ray mode"><i class="fa-solid fa-eye"></i></button>
719
719
  <button class='btn2 mobile-link-button' id='mobile-link-button' data-tippy-content="enter url"><i class="fa-solid fa-link"></i></button>
720
720
  <form class='urlbar'>
721
721
  <div class='url-input-container'>
package/server/views/settings.ejs CHANGED
@@ -386,8 +386,8 @@ document.addEventListener('DOMContentLoaded', function() {
386
386
  <a class='path' href="<%=path.path%>"><%-path.name%></a>
387
387
  <% } %>
388
388
  <% }) %>
389
- <button class='btn2' id='screenshot' data-tippy-content="take a screenshot"><i class="fa-solid fa-camera"></i></button>
390
- <button class='btn2' id='inspector' data-tippy-content="Switch to inspect mode"><i class="fa-solid fa-eye"></i></button>
389
+ <button class='btn2' id='screenshot' data-tippy-content="screen capture"><i class="fa-solid fa-camera"></i></button>
390
+ <button class='btn2' id='inspector' data-tippy-content="X-ray mode"><i class="fa-solid fa-eye"></i></button>
391
391
  <button class='btn2 mobile-link-button' id='mobile-link-button' data-tippy-content="enter url"><i class="fa-solid fa-link"></i></button>
392
392
  <form class='urlbar'>
393
393
  <div class='url-input-container'>
package/server/views/setup.ejs CHANGED
@@ -139,8 +139,8 @@ body {
139
139
  <button class='btn2' id='minimize-header' data-tippy-content="fullscreen" title='fullscreen'>
140
140
  <div><i class="fa-solid fa-expand"></i></div>
141
141
  </button>
142
- <button class='btn2' id='screenshot' data-tippy-content="take a screenshot"><i class="fa-solid fa-camera"></i></button>
143
- <button class='btn2' id='inspector' data-tippy-content="Switch to inspect mode"><i class="fa-solid fa-eye"></i></button>
142
+ <button class='btn2' id='screenshot' data-tippy-content="screen capture"><i class="fa-solid fa-camera"></i></button>
143
+ <button class='btn2' id='inspector' data-tippy-content="X-ray mode"><i class="fa-solid fa-eye"></i></button>
144
144
  <div class='flexible'></div>
145
145
  <a class='btn2' href="/columns" data-tippy-content="split into 2 columns">
146
146
  <div><i class="fa-solid fa-table-columns"></i></div>
package/server/views/setup_home.ejs CHANGED
@@ -155,8 +155,8 @@ body.dark .card {
155
155
  <button class='btn2' id='minimize-header' data-tippy-content="fullscreen" title='fullscreen'>
156
156
  <div><i class="fa-solid fa-expand"></i></div>
157
157
  </button>
158
- <button class='btn2' id='screenshot' data-tippy-content="take a screenshot"><i class="fa-solid fa-camera"></i></button>
159
- <button class='btn2' id='inspector' data-tippy-content="Switch to inspect mode"><i class="fa-solid fa-eye"></i></button>
158
+ <button class='btn2' id='screenshot' data-tippy-content="screen capture"><i class="fa-solid fa-camera"></i></button>
159
+ <button class='btn2' id='inspector' data-tippy-content="X-ray mode"><i class="fa-solid fa-eye"></i></button>
160
160
  <div class='flexible'></div>
161
161
  <a class='btn2' href="/columns" data-tippy-content="split into 2 columns">
162
162
  <div><i class="fa-solid fa-table-columns"></i></div>
package/server/views/tools.ejs CHANGED
@@ -1104,8 +1104,8 @@ document.addEventListener('DOMContentLoaded', function() {
1104
1104
  <button class='btn2' id='back' data-tippy-content="back"><div><i class="fa-solid fa-chevron-left"></i></div></button>
1105
1105
  <button class='btn2' id='forward' data-tippy-content="forward"><div><i class="fa-solid fa-chevron-right"></i></div></button>
1106
1106
  <button class='btn2' id='refresh-page' data-tippy-content="refresh"><div><i class="fa-solid fa-rotate-right"></i></div></button>
1107
- <button class='btn2' id='screenshot' data-tippy-content="take a screenshot"><i class="fa-solid fa-camera"></i></button>
1108
- <button class='btn2' id='inspector' data-tippy-content="Switch to inspect mode"><i class="fa-solid fa-eye"></i></button>
1107
+ <button class='btn2' id='screenshot' data-tippy-content="screen capture"><i class="fa-solid fa-camera"></i></button>
1108
+ <button class='btn2' id='inspector' data-tippy-content="X-ray mode"><i class="fa-solid fa-eye"></i></button>
1109
1109
  <button class='btn2 mobile-link-button' id='mobile-link-button' data-tippy-content="enter url"><i class="fa-solid fa-link"></i></button>
1110
1110
  <form class='urlbar'>
1111
1111
  <div class='url-input-container'>