examples/templates1.html

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>DOM99 DEMO templates 1</title>
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="css/basics.css">
    <link rel="stylesheet" href="css/dcomment.css">
    <link rel="icon" href="../documentation/images/visual2.jpg">
</head>
<body>

<article>
    <p>Article</p><p>Blalblabla I give my opinion blabla</p>
</article>

<!-- a comment is some text and a date -->
<template data-template="d-comment">
    <p data-variable="text"></p>
    <time data-variable="date"></time>
</template>

<d-comment data-inside="comment1"></d-comment>
<d-comment data-inside="comment2"></d-comment>

<button data-function="click-showNextComment" disabled>Show more comments</button>


<script nomodule src="../polyfills/built/polyfill.min.js"></script>
<script nomodule src="../polyfills/built/remove.js"></script>
<script nomodule src="../polyfills/built/template.js"></script>
<script nomodule src="../polyfills/template-mb-bootstrap.js"></script>
<script nomodule src="js/builtes5/templates1.js"></script>

<script type="module" src="js/templates1.js"></script>
</body>
</html>