-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
45 lines (44 loc) · 2.08 KB
/
index.html
File metadata and controls
45 lines (44 loc) · 2.08 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>
<html lang='pt-BR'>
<head>
<meta charset="utf-8">
<title>Directory listing</title>
<style>
body { font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif; background:#f4f6f8; color:#222; padding:24px; }
h1 { margin-bottom:8px; }
hr { border:0; border-top:1px solid #ddd; margin:12px 0 20px; }
pre { background:#fff; padding:14px; border-radius:10px; box-shadow:0 4px 14px rgba(0,0,0,.08); line-height:1.6; }
a { color:#0066cc; text-decoration:none; font-weight:500; }
a:hover { text-decoration:underline; }
#search { padding:8px 12px; width:320px; border-radius:6px; border:1px solid #ccc; margin-bottom:16px; }
.voltar { display:inline-block; margin-bottom:16px; padding:6px 14px; border-radius:999px; border:1px solid #0066cc; color:#0066cc; transition:.2s; }
.voltar:hover { background:#0066cc; color:#fff; text-decoration: none;}
</style>
</head>
<body>
<h1>Directory listing</h1>
<hr/>
<input type="text" id="search" placeholder="Pesquisar arquivos ou pastas...">
<pre id='listing'>
📁 <a href="./matrix/index.html">matrix/</a>
📁 <a href="./One.repo/index.html">One.repo/</a>
📁 <a href="./plugin.video.OnePlay.Matrix/index.html">plugin.video.OnePlay.Matrix/</a>
</pre>
<script>
const items = [['matrix', '📁 <a href="./matrix/index.html">matrix/</a>'], ['one.repo', '📁 <a href="./One.repo/index.html">One.repo/</a>'], ['plugin.video.oneplay.matrix', '📁 <a href="./plugin.video.OnePlay.Matrix/index.html">plugin.video.OnePlay.Matrix/</a>']];
const input = document.getElementById('search');
const listing = document.getElementById('listing');
input.addEventListener('input', () => {
const t = input.value.normalize('NFD').replace(/\p{Diacritic}/gu,'').toLowerCase();
listing.innerHTML = items.filter(i=>i[0].includes(t)).map(i=>i[1]).join('\n');
});
</script>
</body>
</html>
<!-- REPOSITORIO KODI (FORA DO HTML) -->
<div id="Repositorio-KODI" style="display:none">
<table>
<tr><td><a href="One.repo/One.repo-1.16.zip">One.repo/One.repo-1.16.zip</a></td></tr>
<tr><td><a href="matrix/One.repo/One.repo-1.16.zip">matrix/One.repo/One.repo-1.16.zip</a></td></tr>
</table>
</div>