@e280/quay
Version:
File-browser and outliner UI for the web
170 lines (139 loc) • 5.33 kB
HTML
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<meta name="darkreader-lock"/>
<title>Quay</title>
<link rel="stylesheet" href="demo/main.css?v=c15dc8e4"/>
<link rel="icon" href="/assets/favicon.png"/>
<meta data-commit-hash="9341593c11f695d0a9d4eccb81f82395152c5e54"/>
<meta name="theme-color" content="#eb6f1d">
<meta property="og:type" content="website">
<meta property="og:site_name" content="quay.e280.org">
<meta property="og:title" content="Quay — File-browser UI Framework">
<meta property="og:description" content="Customizable outliner web ui toolkit for nested things">
<meta property="og:image" content="https://quay.e280.org/assets/favicon.png">
<meta property="og:url" content="https://quay.e280.org/">
<script type="importmap">
{
"imports": {
"@benev/slate/": "/node_modules/@benev/slate/",
"@benev/slate": "/node_modules/@benev/slate/x/index.js",
"@e280/kv/": "/node_modules/@e280/kv/",
"@e280/kv": "/node_modules/@e280/kv/x/index.js",
"@e280/stz/": "/node_modules/@e280/stz/",
"@e280/stz": "/node_modules/@e280/stz/x/index.js",
"@lit-labs/ssr-dom-shim/": "/node_modules/@lit-labs/ssr-dom-shim/",
"@lit-labs/ssr-dom-shim": "/node_modules/@lit-labs/ssr-dom-shim/index.js",
"@lit/reactive-element/": "/node_modules/@lit/reactive-element/",
"@lit/reactive-element": "/node_modules/@lit/reactive-element/reactive-element.js",
"@types/trusted-types/": "/node_modules/@types/trusted-types/",
"abstract-level/": "/node_modules/abstract-level/",
"abstract-level": "/node_modules/abstract-level/index.js",
"base64-js/": "/node_modules/base64-js/",
"base64-js": "/node_modules/base64-js/index.js",
"browser-level/": "/node_modules/browser-level/",
"browser-level": "/node_modules/browser-level/index.js",
"buffer/": "/node_modules/buffer/",
"buffer": "/node_modules/buffer/index.js",
"classic-level/": "/node_modules/classic-level/",
"classic-level": "/node_modules/classic-level/index.js",
"ieee754/": "/node_modules/ieee754/",
"ieee754": "/node_modules/ieee754/index.js",
"is-buffer/": "/node_modules/is-buffer/",
"is-buffer": "/node_modules/is-buffer/index.js",
"level/": "/node_modules/level/",
"level": "/node_modules/level/index.js",
"level-supports/": "/node_modules/level-supports/",
"level-transcoder/": "/node_modules/level-transcoder/",
"level-transcoder": "/node_modules/level-transcoder/index.js",
"lit/": "/node_modules/lit/",
"lit": "/node_modules/lit/index.js",
"lit-element/": "/node_modules/lit-element/",
"lit-element": "/node_modules/lit-element/index.js",
"lit-html/": "/node_modules/lit-html/",
"lit-html": "/node_modules/lit-html/lit-html.js",
"maybe-combine-errors/": "/node_modules/maybe-combine-errors/",
"module-error/": "/node_modules/module-error/",
"napi-macros/": "/node_modules/napi-macros/",
"napi-macros": "/node_modules/napi-macros/index.js",
"node-gyp-build/": "/node_modules/node-gyp-build/",
"node-gyp-build": "/node_modules/node-gyp-build/index.js"
},
"scopes": {}
}
</script>
<script>
// determine dev mode
const params = new URLSearchParams(location.search)
const isDevMode = params.has("dev")
? params.get("dev") !== "false"
: (
location.hostname === "localhost" ||
location.hostname.startsWith("192.168.") ||
location.hostname.startsWith("10.0.") ||
location.hostname.endsWith("trycloudflare.com")
)
// create and insert a script element
function script(attributes) {
const element = document.createElement("script")
element.defer = true
for (const [key, value] of Object.entries(attributes))
element.setAttribute(key, value === true ?"" :value)
document.head.appendChild(element)
}
// launch dev module
if (isDevMode) {
document.title = "[dev] " + document.title
script({type: "module", src: "demo/main.bundle.js?v=f330da85"})
}
// launch prod module
else {
script({type: "module", src: "demo/main.bundle.min.js?v=5fedf132"})
}
</script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.20.0/cdn/themes/dark.css" />
<!-- loading every sholeace component for now (should be cherry picked instead) --!>
<script type="module" src="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.20.0/cdn/shoelace.js" ></script>
</head>
<body>
<header class=title>
<img alt="" src="/assets/favicon.png"/>
<div>
<h1>Quay</h1>
<span class=version>v0.0.0-2</span>
</div>
</header>
<div class=components>
<div class="component dropzone">
<h4>quay-dropzone</h2>
<quay-dropzone></quay-dropzone>
</div>
<div class="component outliner">
<h4>quay-outliner</h2>
<quay-outliner></quay-outliner>
</div>
<div class="component searchbar">
<h4>quay-searchbar</h2>
<quay-searchbar></quay-searchbar>
</div>
<div class="component breadcrumb">
<h4>quay-breadcrumb</h2>
<quay-breadcrumb></quay-breadcrumb>
</div>
<div class="component filter">
<h4>quay-filter</h2>
<quay-filter></quay-filter>
</div>
<div class="component sort">
<h4>quay-sort</h2>
<quay-sort></quay-sort>
</div>
<div class="component browser">
<h4>quay-browser</h2>
<quay-browser></quay-browser>
</div>
</div>
</body>
</html>