1+ <!doctype html>
2+ < html >
3+ < head >
4+ < meta charset ="UTF-8 "/>
5+ < meta name ="viewport " content ="width=device-width "/>
6+ < title > LARS</ title >
7+ < link rel ="stylesheet " href ="style.css ">
8+
9+ </ head >
10+ < body >
11+ < section id ="start ">
12+ < div id ="mcontainer " class ="center ">
13+ < span id ="text1 "> </ span >
14+ < span id ="text2 "> </ span >
15+ </ div >
16+
17+ < svg id ="filters ">
18+ < defs >
19+ < filter id ="threshold ">
20+ < feColorMatrix in ="SourceGraphic " type ="matrix " values ="1 0 0 0 0
21+ 0 1 0 0 0
22+ 0 0 1 0 0
23+ 0 0 0 255 -140 "/>
24+ </ filter >
25+ </ defs >
26+ </ svg >
27+ </ section >
28+
29+ < section id ="flaggy_section ">
30+ < h1 id ="worthy "> Are you worthy of flaggy?</ h1 >
31+ < img src ="assets/flaggy_happy.svg " alt ="flaggy happy " id ="flaggy_happy " class ="flaggy ">
32+ < img src ="assets/flaggy_sad.svg " alt ="flaggy sad " id ="flaggy_sad " class ="flaggy ">
33+ < img src ="assets/flaggy_base.svg " alt ="flaggy base " id ="flaggy_neutral " class ="flaggy ">
34+ < img src ="assets/rock.svg " alt ="rock " id ="rock ">
35+
36+ </ section >
37+ < section >
38+ < link href ='//fonts.googleapis.com/css?family=Asap:400,700 ' rel ='stylesheet ' type ='text/css '>
39+ < div id ="demo "> </ div >
40+ </ section >
41+
42+ < section >
43+
44+ < h1 > Flag Showcase</ h1 >
45+ < canvas id ="flags "> </ canvas >
46+
47+ </ section >
48+
49+ </ body >
50+
51+ < script src ="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js "
52+ integrity ="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g== "
53+ crossorigin ="anonymous " referrerpolicy ="no-referrer "> </ script >
54+ < script src ="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/gsap.min.js "> </ script >
55+
56+ <!-- RoughEase, ExpoScaleEase and SlowMo are all included in the EasePack file -->
57+ < script src ="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/EasePack.min.js "> </ script >
58+ < script src ="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/ScrollTrigger.min.js "> </ script >
59+ < script src ="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/Observer.min.js "> </ script >
60+ < script src ="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/MotionPathPlugin.min.js "> </ script >
61+ < script src ="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/PixiPlugin.min.js "> </ script >
62+ < script src ="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/TextPlugin.min.js "> </ script >
63+ < script src ="https://cdn.jsdelivr.net/npm/js-confetti@latest/dist/js-confetti.browser.js "> </ script >
64+
65+ < script src ="script.js "> </ script >
66+ </ html >
0 commit comments