feather/index.html
2017-01-28 13:30:51 -08:00

44 lines
819 B
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Feather</title>
<style>
body {
margin: 0;
}
.icon {
display: inline-block;
line-height: 0;
}
.icon > svg {
stroke: currentColor;
}
</style>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
<icon-container v-for="icon in icons" :name="icon"></icon-container>
</div>
<script type="text/x-template" id="icon-template">
<div class="icon"></div>
</script>
<script type="text/x-template" id="icon-container-template">
<div class="icon-container">
<a :href="`./icons/${name}.svg`" download>
<icon :name="name" size="48"></icon>
</a>
</div>
</script>
<script src="src/main.js"></script>
</body>
</html>