tattica
Version:
Tactical and adaptive asset loading library
74 lines (71 loc) • 2.84 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Tattica Demo</title>
<script type="module" src="../src/tattica.mjs"></script>
</head>
<body>
<div class="wrapper">
<h1>Tattica first demo</h1>
<div class="container">
<!-- <img data-flag data-src="#https://source.unsplash.com/900x900/?pc" alt="0"> -->
<img src="https://source.unsplash.com/900x900/?pc" alt="0">
</div>
<div class="container">
<img data-flag data-src="#https://source.unsplash.com/900x900/?nature" alt="1">
</div>
<div class="container">
<img data-flag data-src="#https://source.unsplash.com/900x900/?water" alt="2">
</div>
<div class="container">
<img data-flag data-src="#https://source.unsplash.com/900x900/?car" alt="3">
</div>
<div class="container">
<img data-flag data-src="#https://source.unsplash.com/900x900/?nature" alt="1">
</div>
<div class="container">
<img data-flag data-src="#https://source.unsplash.com/900x900/?water" alt="2">
</div>
<div class="container">
<img data-flag data-src="#https://source.unsplash.com/900x900/?car" alt="3">
</div>
<div class="container">
<img data-flag data-src="#https://source.unsplash.com/900x900/?ure" alt="1">
</div>
<div class="container">
<img data-flag data-src="#https://source.unsplash.com/900x900/?ter" alt="2">
</div>
<div class="container">
<img data-flag data-src="#https://source.unsplash.com/900x900/?ert" alt="3">
</div>
<div class="container">
<img data-flag data-src="#https://source.unsplash.com/900x900/?na" alt="1">
</div>
<div class="container">
<img data-flag data-src="#https://source.unsplash.com/900x900/?wa" alt="2">
</div>
<div class="container">
<img data-flag data-src="#https://source.unsplash.com/900x900/?ca" alt="3">
</div>
<div class="container">
<img data-flag data-src="#https://source.unsplash.com/900x900/?n" alt="1">
</div>
<div class="container">
<img data-flag data-src="#https://source.unsplash.com/900x900/?w" alt="2">
</div>
<div class="container">
<img data-flag data-src="#https://source.unsplash.com/900x900/?c" alt="3">
</div>
</div>
<style>
.container {
min-height: 100vh;
height: 110vh;
}
</style>
<!-- <script type="module" src="../src/tattica.mjs"></script> -->
</body>
</html>