pinokiod 1.3.46 → 1.3.48

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pinokiod",
-  "version": "1.3.46",
+  "version": "1.3.48",
   "description": "",
   "main": "index.js",
   "scripts": {

package/server/views/index.ejs

@@ -70,12 +70,16 @@ header .runner {
   padding-top: 5px;
 }
 .browser-options-row {
+  border-top: 1px solid rgba(0,0,0,0.1);
+  border-bottom: 1px solid rgba(0,0,0,0.1);
   display: flex;
-  padding: 5px 0;
+  padding: 20px 0;
   align-items: flex-start;
 }
 .browser-options-row h3 {
   margin: 0;
+  font-size: 14px;
+  margin-bottom: 3px;
 }
 .browser-options-row .btn.disabled {
   opacity: 0.7;
@@ -111,7 +115,7 @@ body.dark .btn {
   /*
   color: cornflowerblue;
   */
-  border: 1px solid rgba(255,255,255,0.2);
+  border: 1px solid rgba(255,255,255,0.3);
   /*
   border: 1px solid rgba(100, 149, 237, 0.3);
   */
@@ -119,6 +123,10 @@ body.dark .btn {
 body.dark .badge {
   background: rgba(255,255,255,0.1);
 }
+body.dark .browser-options-row {
+  border-top: 1px solid rgba(255,255,255,0.05);
+  border-bottom: 1px solid rgba(255,255,255,0.05);
+}
 @media only screen and (max-width: 480px) {
   .btn2 {
     padding: 5px;
@@ -214,12 +222,12 @@ body.dark .badge {
 <div class='container'>
 <% if (ishome) { %>
   <div class='browser-options'>
-    <% if (agent === "electron") { %>
+    <% if (agent !== "electron") { %>
       <div class='browser-options-row'>
-        <a href="/" target="_blank" class='btn' features="browser"><div><i class="fa-solid fa-arrow-up-right-from-square"></i> Open</div></a>
+        <a href="/" target="_blank" class='btn' features="browser"><div><i class="fa-solid fa-square-up-right"></i> Open</div></a>
         <div class='flexible'>
-          <h3>Instant Launch</h3>
-          <div>(Experimental) Instantly access Pinokio and installed apps just with a URL (or browser autocomplete) in your favorite web browser</div>
+          <h3><i class="fa-solid fa-bolt"></i> Instant Launch</h3>
+          <div>(Experimental) Directly open pinokio apps from your favorite browser address bar at http://localhost:42000. If an app you're trying to use is already running, it will instantly load. If it's not, the app will first launch and then load the website.</div>
         </div>
       </div>
     <% } %>
@@ -227,17 +235,17 @@ body.dark .badge {
       <% if (proxy) { %>
         <a id='wifi-stop' data-proxy="<%=proxy.proxy%>" class='btn'><div><i class="fa-solid fa-stop"></i> Stop</div></a>
         <div class='flexible'>
-          <h3>Local Share</h3>
-          <div>Access Pinokio from any device on the same network</div>
+          <h3><i class="fa-solid fa-wifi"></i> Local Share</h3>
+          <div>Access Pinokio from any device on the same network. By default it's off.</div>
           <span class='badge'><i class="fa-solid fa-circle-notch fa-spin"></i> Running at <a href="<%=proxy.proxy%>" target="_blank" features="browser"><%=proxy.proxy%></a></span>
           <a id='wifi-qr' class='badge'><i class="fa-solid fa-qrcode"></i> Scan QR Code</a>
         </div>
       <% } else { %>
-        <a id='wifi' class='btn'><div><i class="fa-solid fa-wifi"></i> Start</div></a>
+        <a id='wifi' class='btn'><div><i class="fa-solid fa-play"></i> Start</div></a>
         <a id='wifi-starting' class='btn disabled hidden'><div><i class="fa-solid fa-circle-notch fa-spin"></i> Starting</div></a>
         <div class='flexible'>
-          <h3>Local Share</h3>
-          <div>Access Pinokio from any device on the same network</div>
+          <h3><i class="fa-solid fa-wifi"></i> Local Share</h3>
+          <div>Access Pinokio from any device on the same network. By default it's off.</div>
         </div>
       <% } %>
     </div>
@@ -251,7 +259,7 @@ body.dark .badge {
           <a id='cloudflare-qr' class='badge'><i class="fa-solid fa-qrcode"></i> Scan QR Code</a>
         </div>
       <% } else { %>
-        <a id='cloudflare' class='btn'><div><i class="fa-solid fa-globe"></i> Start</div></a>
+        <a id='cloudflare' class='btn'><div><i class="fa-solid fa-play"></i> Start</div></a>
         <a id='cloudflare-starting' class='btn disabled hidden'><div><i class="fa-solid fa-circle-notch fa-spin"></i> Starting</div></a>
         <div class='flexible'>
           <h3>Public Share</h3>