You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
77 lines
3.8 KiB
77 lines
3.8 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head lang="en">
|
|
<meta charset="utf-8">
|
|
<title>Tiny Tags | i386 Demo</title>
|
|
|
|
<link rel="shortcut icon" href="#" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" type="text/css" rel="stylesheet" />
|
|
<link href="https://cdn.jsdelivr.net/npm/reflex-grid@2.0.4/css/reflex.min.css" type="text/css" rel="stylesheet" />
|
|
<link href="css/demo-386.css" type="text/css" rel="stylesheet" />
|
|
</head>
|
|
<body>
|
|
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
<defs>
|
|
<symbol id="icon-github" viewBox="0 0 32 32">
|
|
<title>github</title>
|
|
<path d="M16 0.396c-8.84 0-16 7.164-16 16 0 7.071 4.584 13.067 10.94 15.18 0.8 0.151 1.093-0.344 1.093-0.769 0-0.38-0.013-1.387-0.020-2.72-4.451 0.965-5.389-2.147-5.389-2.147-0.728-1.847-1.78-2.34-1.78-2.34-1.449-0.992 0.112-0.972 0.112-0.972 1.607 0.112 2.451 1.648 2.451 1.648 1.427 2.447 3.745 1.74 4.66 1.331 0.144-1.035 0.556-1.74 1.013-2.14-3.553-0.4-7.288-1.776-7.288-7.907 0-1.747 0.62-3.173 1.647-4.293-0.18-0.404-0.72-2.031 0.14-4.235 0 0 1.34-0.429 4.4 1.64 1.28-0.356 2.64-0.532 4-0.54 1.36 0.008 2.72 0.184 4 0.54 3.040-2.069 4.38-1.64 4.38-1.64 0.86 2.204 0.32 3.831 0.16 4.235 1.020 1.12 1.64 2.547 1.64 4.293 0 6.147-3.74 7.5-7.3 7.893 0.56 0.48 1.080 1.461 1.080 2.96 0 2.141-0.020 3.861-0.020 4.381 0 0.42 0.28 0.92 1.1 0.76 6.401-2.099 10.981-8.099 10.981-15.159 0-8.836-7.164-16-16-16z"></path>
|
|
</symbol>
|
|
<symbol id="icon-add" viewBox="0 0 24 24">
|
|
<title>add</title>
|
|
<path d="M22 6v-2h-4v2h-2v2h-2v2h-2v2h-2v2h-2v-2h-2v-2h-4v2h-2v2h2v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2v-2h2v-2h2v-2h2v-2h2v-2z"></path>
|
|
</symbol>
|
|
<symbol id="icon-remove" viewBox="0 0 24 24">
|
|
<title>remove</title>
|
|
<path d="M18 12v-2h2v-2h2v-4h-2v-2h-2v2h-2v2h-2v2h-4v-2h-2v-2h-2v-2h-2v2h-2v4h2v2h2v2h2v2h-2v2h-2v2h-2v4h2v2h2v-2h2v-2h2v-2h4v2h2v2h2v2h2v-2h2v-4h-2v-2h-2v-2h-2v-2z"></path>
|
|
</symbol>
|
|
</defs>
|
|
</svg>
|
|
|
|
<main>
|
|
<div class="container">
|
|
<div class="grid justify-center">
|
|
<div class="col-12 col-md-8">
|
|
<div class="hero">
|
|
<header>
|
|
<h1>Tiny Tags</h1>
|
|
</header>
|
|
<p>
|
|
Created with <a href="https://riot.js.org" target="_blank">Riot.js</a>!
|
|
</p>
|
|
<p>
|
|
Form Field Component to add Tags to a List. Will be handled as a Select-Element
|
|
with Multiple Options that are selected.
|
|
</p>
|
|
<p>
|
|
<blockquote>
|
|
npm install tiny-tags --save
|
|
</blockquote>
|
|
</p>
|
|
<p>
|
|
<a href="https://github.com/tentakelfabrik/tiny-tags" target="_blank">
|
|
<svg class="icon vertical-align-sub"><use xlink:href="#icon-github" /></svg>
|
|
</a>
|
|
</p>
|
|
</div>
|
|
<h2>Try me:</h2>
|
|
<tiny-tags></tiny-tags>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<footer>
|
|
<p>
|
|
Crafted with enthusiasm by <a target="_blank" href="https://tentakelfabrik.de">Tentakelfabrik</a>
|
|
</p>
|
|
<p>
|
|
<a target="_blank" href="https://github.com/tentakelfabrik/tiny-tags">
|
|
<svg class="icon"><use xlink:href="#icon-github" /></svg>
|
|
</a>
|
|
</p>
|
|
</footer>
|
|
<script src="js/demo-386.js"></script>
|
|
</body>
|
|
</html>
|