@stencil/dev-server
Version:
Tiny LiveReload server that watches a single directory
40 lines (39 loc) • 1.08 kB
HTML
<html>
<head>
<meta charset='utf-8'>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>listing directory {directory}</title>
<link rel="shortcut icon" href="/__stencil-dev-server__/favicon.ico" type="image/x-icon">
<style>
html {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
color: #16161d;
}
body {
margin: 50px auto;
width: 60%;
}
span.denote {
font-weight: 100;
display: inline-block;
width: 8px;
}
h1 > a, h1 > a:visited {
text-decoration: none;
color: #5850ff;
}
a, a:visited {
color: #16161d;
display: inline-block;
margin: 2px 0 2px 6px;
}
</style>
</head>
<body class="directory">
<div id="wrapper">
<h1><a href="/">~</a>{linked-path}</h1>
{files}
</div>
</body>
</html>