moved to root

2026-06-11 14:09:53 +12:00
parent cbf3f085d0
commit a2784f684b
2151 changed files with 0 additions and 0 deletions
@@ -0,0 +1,12 @@
+<svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+     width="14px" height="14px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
+  <path fill="#888" d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z">
+    <animateTransform attributeType="xml"
+      attributeName="transform"
+      type="rotate"
+      from="0 25 25"
+      to="360 25 25"
+      dur="0.6s"
+      repeatCount="indefinite"/>
+    </path>
+  </svg>
@@ -0,0 +1,57 @@
+* { overflow: hidden; user-select: none; -webkit-user-select: none; }
+body {
+     margin: 0;
+     padding: 0;
+     font-family: "Segoe UI", -apple-system, Arial, sans-serif;
+     font-size: 14px;
+     background: white;
+}
+#bar {
+     background: rgba(236, 236, 236, 1.0);
+     height: 32px;
+     padding: 4px 9px;
+     border-bottom: 0.8px solid rgb(200, 200, 200);
+	 cursor: default;
+     display: flex;
+}
+#address {
+     border-radius: 24px;
+     border: none;
+     height: 32px;
+     flex: 1;
+     font-size: 14px;
+     color: #667;
+     background-color: #FAFAFA;
+     display: inline-block;
+     padding: 2px 16px 2px 16px;
+	 margin-top: 0px;
+     margin-left:9px;
+	 user-select: auto !important;
+	 -webkit-user-select: text !important;
+}
+#address:focus {
+     background-color: #FFFFFF;
+     color: #223;
+}
+.icon {
+     cursor: default;
+     fill: rgba(90, 90, 90, 1.0);
+     vertical-align: top;
+     margin-top: 4px;
+     margin-left:9px;
+     padding: 2px;
+     height: 22px;
+}
+#back {
+     margin-left:0px;
+}
+.icon.disabled {
+	 fill: rgba(200, 200, 200, 1.0);
+}
+svg#icon_defs path {
+	 fill: inherit;
+}
+.icon:not(.disabled):hover {
+     background-color: rgba(220, 220, 220, 1.0);
+     border-radius: 2px;
+}
@@ -0,0 +1,79 @@
+<html>
+
+<head>
+    <title>MiniBrowser Address Bar</title>
+    <link rel="stylesheet" type="text/css" href="ui.css">
+    <script src="ui.js"></script>
+    <script src="anchorme.js"></script>
+</head>
+
+<body style="">
+    <svg style="display: none;">
+    <defs>
+      <g id="svg_arrow_back"><path d="M427 277v-42h-260l119 -120l-30 -30l-171 171l171 171l30 -30l-119 -120h260z" /></g>
+      <g id="svg_arrow_forward"><path d="M256 427l171 -171l-171 -171l-30 30l119 120h-260v42h260l-119 120z" /></g>
+      <g id="svg_refresh"><path transform="matrix(1 0 0 -1 0 512)" d="M377 377l50 50v-150h-150l69 69c-23 23 -55 38 -90 38c-71 0 -128 -57 -128 -128s57 -128 128 -128c56 0 104 35 121 85h44c-19 -74 -85 -128 -165 -128c-94 0 -170 77 -170 171s76 171 170 171c47 0 90 -19 121 -50z" /></g>
+      <g id="svg_stop"><path d="M405 375l-119 -119l119 -119l-30 -30l-119 119l-119 -119l-30 30l119 119l-119 119l30 30l119 -119l119 119z" /></g>
+      <g id="svg_tools"><path d="M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z"/></g>
+    </defs>
+    </svg>
+
+    <div id="bar">
+      <span id="back" class="icon disabled">
+        <svg viewBox="0 0 512 512" width="20" height="20"><use xlink:href="#svg_arrow_back"/></svg>
+      </span>
+      <span id="forward" class="icon disabled">
+        <svg viewBox="0 0 512 512" width="20" height="20"><use xlink:href="#svg_arrow_forward"/></svg>
+      </span>
+      <span id="refresh" class="icon">
+        <svg viewBox="0 0 512 512" width="20" height="20"><use xlink:href="#svg_refresh"/></svg>
+      </span>
+      <span id="stop" class="icon" style="display: none;">
+        <svg viewBox="0 0 512 512" width="20" height="20"><use xlink:href="#svg_stop"/></svg>
+      </span>
+      <input onfocus="select_next_mouseup = true;" onmouseup="if (select_next_mouseup) this.select(); select_next_mouseup = false;" type="text" id="address"></input>
+      <span id="toggle-tools" class="icon">
+        <svg viewBox="0 0 24 24" width="18" height="18"><use xlink:href="#svg_tools"/></svg>
+      </span>
+    </div>
+    
+    <script>
+       
+        function bindCallbacks() {
+            document.querySelector('#back').addEventListener('click', event => OnBack());
+            document.querySelector('#forward').addEventListener('click', event => OnForward());
+            document.querySelector('#refresh').addEventListener('click', event => OnRefresh());
+            document.querySelector('#stop').addEventListener('click', event => OnStop());
+            document.querySelector('#toggle-tools').addEventListener('click', event => OnToggleTools());
+            var address = document.querySelector('#address');
+            address.onkeypress = (function(e) { 
+                if (e.which == '13') {
+                    address.blur();
+                    let url = address.value;
+                    if (anchorme.validate.url(url) || anchorme.validate.ip(url)) {
+                        if (url.toLowerCase().startsWith("http://") || url.toLowerCase().startsWith("https://")) {
+                            OnRequestChangeURL(url);
+                        } else {
+                            OnRequestChangeURL("http://" + url);
+                        }
+                    } else if (url.toLowerCase().startsWith("file:///")) {
+                        OnRequestChangeURL(url);
+                    } else if (url.toLowerCase().startsWith("inspector://")) {
+                        OnRequestChangeURL(url);
+                    } else if (url.toLowerCase().startsWith("file://")) {
+                        OnRequestChangeURL("file:///" + url.substring(7));
+                    } else {
+                        // Interpret as search
+                        OnRequestChangeURL("https://www.google.com/search?q=" + encodeURIComponent(url));
+                    }
+
+                    return false;
+                }
+            });
+        }
+      
+        bindCallbacks();
+    </script>
+</body>
+
+</html>
@@ -0,0 +1,27 @@
+function updateBack(enable) {
+    if (enable)
+		document.getElementById("back").classList.remove("disabled");
+	else
+		document.getElementById("back").classList.add("disabled");
+}
+
+function updateForward(enable) {
+    if (enable)
+		document.getElementById("forward").classList.remove("disabled");
+	else
+		document.getElementById("forward").classList.add("disabled");
+}
+
+function updateLoading(is_loading) {
+    if (is_loading) {
+		document.getElementById("refresh").style.display = "none";
+		document.getElementById("stop").style.display = "inline-block";
+	} else {
+		document.getElementById("refresh").style.display = "inline-block";
+		document.getElementById("stop").style.display = "none";
+	}
+}
+
+function updateURL(url) {
+	document.getElementById('address').value = url;
+}
@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>MiniBrowser Welcome Page</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <style type="text/css">
+    /* Basic Resets */
+    body, button, input, select, textarea {
+      font-family: BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    /* Color scheme and layout */
+    body {
+      background-color: #ebf1ff;
+      color: #333;
+      display: flex;
+      justify-content: center; /* Center horizontally */
+      padding: 1em;
+    }
+
+    .container {
+      display: flex;
+      align-items: flex-start; /* Align items at the start inside the container */
+      flex-wrap: wrap; /* Wrap items when necessary */
+      width: 90%; /* Responsive width */
+      max-width: 800px; /* Maximum width */
+    }
+
+    section {
+      background-color: #fff;
+      padding: 20px;
+      margin: 10px;
+      border-radius: 8px;
+      box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Subtle shadow for depth */
+      width: 100%; /* Responsive width */
+    }
+
+    h2.title {
+      color: #0077cc; /* Accent color for title */
+      padding: 0.5em 0.5em;
+    }
+
+    h3, h4 {
+      color: #333; /* Dark gray color for better readability */
+    }
+
+    h4 {
+      margin-top: 2em; /* Spacing before headers */
+    }
+
+    ul {
+      list-style-type: none; /* Remove default list style */
+      padding: 0;
+    }
+
+    pre {
+      background-color: #f3f7ff; /* Light gray background for <pre> tags */
+      padding: 10px;
+      border-radius: 4px;
+      overflow: auto; /* Adds scrollbar if needed */
+      color: #0077cc;
+    }
+
+    code {
+      color: #0077cc;
+    }
+
+    /* Interactive elements */
+    section:hover {
+      box-shadow: 0 8px 16px rgba(0,0,0,0.2); /* Larger shadow on hover */
+      transition: box-shadow 0.3s ease-in-out;
+    }
+  </style>
+</head>
+
+<body>
+  <div class="container">
+    <h2 class="title">MiniBrowser</h2>
+    <section class="usage">
+      <h3>About</h3>
+      <p>MiniBrowser can be used to test, inspect, and profile web-content using the Ultralight renderer.</p>
+
+      <h4>Local HTML Files</h4>
+      <p>
+        Files can be placed inside the <code>/assets/</code> folder and accessed via:
+        <pre>    file:///filename.html</pre>
+      </p>
+      <h4>Web Inspector</h4>
+      <p>Press the wrench icon in the upper-right to inspect the current page.</p>
+    </section>
+  </div>
+</body>
+
+</html>