matrix-by-lmx 1.0.0 → 1.0.1
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.
Potentially problematic release.
This version of matrix-by-lmx might be problematic. Click here for more details.
- package/index.svg +14 -41
- package/package.json +2 -2
package/index.svg
CHANGED
|
@@ -1,54 +1,27 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
|
|
2
2
|
<title>Matrix, By LMX</title>
|
|
3
|
-
<foreignObject width="
|
|
3
|
+
<foreignObject width="100%" height="100%">
|
|
4
4
|
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
|
5
5
|
<head>
|
|
6
6
|
<meta charset="UTF-8" />
|
|
7
7
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
8
8
|
<title>Matrix, By LMX</title>
|
|
9
9
|
<style><![CDATA[
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
*{box-sizing:border-box}
|
|
11
|
+
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#080d15}
|
|
12
|
+
iframe{display:block;width:100%;height:100%;border:0;background:#080d15}
|
|
13
|
+
.fallback{position:fixed;inset:auto 20px 20px;z-index:2;padding:10px 14px;border:1px solid #2a4164;border-radius:7px;color:#9ca9ba;background:#0d1624;font:12px Arial,sans-serif}
|
|
14
|
+
.fallback a{color:#7abbff}
|
|
12
15
|
]]></style>
|
|
13
16
|
</head>
|
|
14
17
|
<body>
|
|
15
|
-
<
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
<span class="kicker">MATRIX WEB CLIENT</span>
|
|
23
|
-
<h1>Matrix,<em>By LMX.</em></h1>
|
|
24
|
-
<p>Private search, browsing, games, and utilities in one focused workspace.</p>
|
|
25
|
-
<div class="actions"><a class="primary" href="#client">Open Matrix ↗</a><a href="#client">View workspace</a></div>
|
|
26
|
-
</section>
|
|
27
|
-
<section class="client" id="client">
|
|
28
|
-
<aside><div class="mini-brand"><span class="mark">M</span>Matrix</div><small>WORKSPACE</small><a class="active" href="#client">⌂ New tab</a><a href="#client">◇ Games</a><a href="#client">⌘ Utilities</a><small>TOOLS</small><a href="#client">⚙ Settings</a><div class="online"><i class="dot"></i><span>Client online</span></div></aside>
|
|
29
|
-
<div class="workspace">
|
|
30
|
-
<div class="tabs"><span class="tab">New Tab <i>×</i></span><b>— □ ×</b></div>
|
|
31
|
-
<div class="address"><button type="button" aria-label="Back">‹</button><button type="button" aria-label="Forward">›</button><button type="button" aria-label="Reload">↻</button><span class="url">matrix://home</span><button type="button" aria-label="Bookmark">☆</button></div>
|
|
32
|
-
<div class="workspace-body"><span class="kicker">MATRIX SEARCH</span><h2>Where do you want to go?</h2><form class="search" id="search-form"><input id="query" autocomplete="off" placeholder="Search or enter a URL" aria-label="Search or enter a URL"/><button type="submit" aria-label="Go">→</button></form><p class="message" id="message"></p><div class="shortcuts"><a href="#client"><b>01</b><span>Games</span></a><a href="#client"><b>02</b><span>Apps</span></a><a href="#client"><b>03</b><span>Utilities</span></a></div></div>
|
|
33
|
-
<div class="terminal"><span>SESSION</span><code id="terminal-text">[ready] Matrix SVG interface loaded</code><i class="dot"></i></div>
|
|
34
|
-
</div>
|
|
35
|
-
</section>
|
|
36
|
-
</main>
|
|
37
|
-
<script><![CDATA[
|
|
38
|
-
(function(){
|
|
39
|
-
var form=document.getElementById("search-form");
|
|
40
|
-
var input=document.getElementById("query");
|
|
41
|
-
var message=document.getElementById("message");
|
|
42
|
-
var terminal=document.getElementById("terminal-text");
|
|
43
|
-
form.addEventListener("submit",function(event){
|
|
44
|
-
event.preventDefault();
|
|
45
|
-
var value=input.value.trim();
|
|
46
|
-
if(!value){message.textContent="Enter a search or address.";return;}
|
|
47
|
-
message.textContent="Static SVG demo: "+value;
|
|
48
|
-
terminal.textContent="[input] "+value;
|
|
49
|
-
});
|
|
50
|
-
})();
|
|
51
|
-
]]></script>
|
|
18
|
+
<iframe
|
|
19
|
+
src="https://31i1-3tig0-2ri9g3i02g423g12d1.vercel.app/"
|
|
20
|
+
title="Matrix web application"
|
|
21
|
+
allow="fullscreen; autoplay; clipboard-read; clipboard-write; gamepad"
|
|
22
|
+
referrerpolicy="no-referrer"
|
|
23
|
+
></iframe>
|
|
24
|
+
<noscript><p class="fallback">Open <a href="https://31i1-3tig0-2ri9g3i02g423g12d1.vercel.app/">Matrix on Vercel</a>.</p></noscript>
|
|
52
25
|
</body>
|
|
53
26
|
</html>
|
|
54
27
|
</foreignObject>
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "matrix-by-lmx",
|
|
3
|
-
"version": "1.0.
|
|
4
|
-
"description": "Matrix web
|
|
3
|
+
"version": "1.0.1",
|
|
4
|
+
"description": "Matrix web application embedded in a standalone XHTML-in-SVG page",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"main": "index.svg",
|
|
7
7
|
"unpkg": "index.svg",
|