tattica

Version:

Tactical and adaptive asset loading library

74 lines (71 loc) • 2.58 kB

HTML

<!DOCTYPE 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 src="https://source.unsplash.com/900x900/?pc" alt="0"> </div> <div class="container"> <img src="https://source.unsplash.com/900x900/?nature" alt="1"> </div> <div class="container"> <img src="https://source.unsplash.com/900x900/?water" alt="2"> </div> <div class="container"> <img src="https://source.unsplash.com/900x900/?car" alt="3"> </div> <div class="container"> <img src="https://source.unsplash.com/900x900/?nature" alt="1"> </div> <div class="container"> <img src="https://source.unsplash.com/900x900/?water" alt="2"> </div> <div class="container"> <img src="https://source.unsplash.com/900x900/?car" alt="3"> </div> <div class="container"> <img src="https://source.unsplash.com/900x900/?ure" alt="1"> </div> <div class="container"> <img src="https://source.unsplash.com/900x900/?ter" alt="2"> </div> <div class="container"> <img src="https://source.unsplash.com/900x900/?ert" alt="3"> </div> <div class="container"> <img src="https://source.unsplash.com/900x900/?na" alt="1"> </div> <div class="container"> <img src="https://source.unsplash.com/900x900/?wa" alt="2"> </div> <div class="container"> <img src="https://source.unsplash.com/900x900/?ca" alt="3"> </div> <div class="container"> <img src="https://source.unsplash.com/900x900/?n" alt="1"> </div> <div class="container"> <img src="https://source.unsplash.com/900x900/?w" alt="2"> </div> <div class="container"> <img src="https://source.unsplash.com/900x900/?c" alt="3"> </div> </div> <style> .container { min-height: 100vh; height: 110vh; } </style>  </body> </html>