serviceworker-cookbook/render-store/pokemon.html

28 строки
1015 B
HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Render Store - ServiceWorker Cookbook</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script defer src="pokemon.js"></script>
</head>
<body>
<h1>#{{national_id}} {{name}}</h1>
<p><button onclick="window.location.reload();">Reload</button></p>
<p>Fetching model time: <span id="fetching-time-label"></span></p>
<p>Interpolation time: <span id="interpolation-time-label"></span></p>
<p>Loading time: <span id="loading-time-label"></span></p>
<!-- Proxify to avoid serving non https content. -->
<p><img src="https://crossorigin.me/http://pokeapi.co/media/img/{{national_id}}.png" /></p>
<dl>
<dt>HP:</dt> <dd>{{hp}}</dd>
<dt>Attack:</dt> <dd>{{attack}}</dd>
<dt>Defense:</dt> <dd>{{defense}}</dd>
<dt>Speed:</dt> <dd>{{speed}}</dd>
<dt>Sp Atk:</dt> <dd>{{sp_atk}}</dd>
<dt>Sp Def:</dt> <dd>{{sp_def}}</dd>
</dl>
</body>
</html>