diff options
Diffstat (limited to 'cooler/index.html')
| -rw-r--r-- | cooler/index.html | 66 |
1 files changed, 66 insertions, 0 deletions
diff --git a/cooler/index.html b/cooler/index.html new file mode 100644 index 0000000..03f8cab --- /dev/null +++ b/cooler/index.html @@ -0,0 +1,66 @@ +<!doctype html> +<html> +<head> + <meta charset="UTF-8"/> + <meta name="viewport" content="width=device-width"/> + <title>LARS</title> + <link rel="stylesheet" href="style.css"> + +</head> +<body> +<section id="start"> + <div id="mcontainer" class="center"> + <span id="text1"></span> + <span id="text2"></span> + </div> + + <svg id="filters"> + <defs> + <filter id="threshold"> + <feColorMatrix in="SourceGraphic" type="matrix" values="1 0 0 0 0 + 0 1 0 0 0 + 0 0 1 0 0 + 0 0 0 255 -140"/> + </filter> + </defs> + </svg> +</section> + +<section id="flaggy_section"> + <h1 id="worthy">Are you worthy of flaggy?</h1> + <img src="assets/flaggy_happy.svg" alt="flaggy happy" id="flaggy_happy" class="flaggy"> + <img src="assets/flaggy_sad.svg" alt="flaggy sad" id="flaggy_sad" class="flaggy"> + <img src="assets/flaggy_base.svg" alt="flaggy base" id="flaggy_neutral" class="flaggy"> + <img src="assets/rock.svg" alt="rock" id="rock"> + +</section> +<section> + <link href='//fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'> + <div id="demo"></div> +</section> + +<section> + + <h1>Flag Showcase</h1> + <canvas id="flags"></canvas> + +</section> + +</body> + +<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" + integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" + crossorigin="anonymous" referrerpolicy="no-referrer"></script> +<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/gsap.min.js"></script> + +<!-- RoughEase, ExpoScaleEase and SlowMo are all included in the EasePack file --> +<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/EasePack.min.js"></script> +<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/ScrollTrigger.min.js"></script> +<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/Observer.min.js"></script> +<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/MotionPathPlugin.min.js"></script> +<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/PixiPlugin.min.js"></script> +<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/TextPlugin.min.js"></script> +<script src="https://cdn.jsdelivr.net/npm/js-confetti@latest/dist/js-confetti.browser.js"></script> + +<script src="script.js"></script> +</html>
\ No newline at end of file |