1
+ <!DOCTYPE html>
2
+ < html lang ="en "> < head > < meta http-equiv ="Content-Type " content ="text/html; charset=UTF-8 ">
3
+ < link rel ="icon " href ="../assets/favicon.ico ">
4
+ < link rel ="stylesheet " href ="../assets/normalize.min.css ">
5
+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
6
+ < title > Coffee Cart</ title >
7
+ < script async ="" src ="../assets/js "> </ script >
8
+ <!-- Google tag (gtag.js) -->
9
+ < script async src ="https://www.googletagmanager.com/gtag/js?id=G-P5KFWRNLRN "> </ script >
10
+ < script >
11
+ window . dataLayer = window . dataLayer || [ ] ;
12
+ function gtag ( ) { dataLayer . push ( arguments ) ; }
13
+ gtag ( 'js' , new Date ( ) ) ;
14
+ gtag ( 'config' , 'G-P5KFWRNLRN' , { cookie_flags : 'SameSite=None;Secure' } ) ;
15
+ </ script >
16
+ < script async src ="https://www.googletagmanager.com/gtag/js?id=UA-167313767-1 "> </ script >
17
+ < script >
18
+ window . dataLayer = window . dataLayer || [ ] ;
19
+ function gtag ( ) { dataLayer . push ( arguments ) ; }
20
+ gtag ( 'js' , new Date ( ) ) ;
21
+ gtag ( 'config' , 'UA-167313767-1' , { cookie_flags : 'SameSite=None;Secure' } ) ;
22
+ </ script >
23
+ < script type ="module " crossorigin ="" src ="../assets/index.1ac4eab2.js "> </ script >
24
+ < link rel ="stylesheet " href ="../assets/index.d2d71019.css ">
25
+ </ head >
26
+ < body >
27
+ < div id ="app " data-v-app =""> < ul data-v-bb7b5941 =""> < li data-v-bb7b5941 =""> < a href ="../coffee/ " class ="router-link-active router-link-exact-active " aria-label ="Menu page " data-v-bb7b5941 ="" aria-current ="page "> menu</ a > </ li > < li data-v-bb7b5941 =""> < a href ="../cart " class ="" aria-label ="Cart page " data-v-bb7b5941 =""> cart (0)</ a > </ li > < li data-v-bb7b5941 =""> < a href ="../github " class ="" aria-label ="GitHub page " data-v-bb7b5941 =""> github</ a > </ li > </ ul > < div class ="snackbar " role ="button " data-v-0c450641 ="" style ="display: none; "> </ div > <!----> <!----> < div data-v-1b91ce7d =""> < ul data-v-1b91ce7d =""> < li data-v-1b91ce7d =""> < h4 data-v-1b91ce7d =""> Espresso < br data-v-1b91ce7d =""> < small data-v-1b91ce7d =""> $10.00</ small > </ h4 > < div data-v-1b91ce7d =""> < div class ="cup " data-v-400a88f7 ="" data-v-1b91ce7d =""> < div class ="cup-body " aria-label ="Espresso " data-test ="Espresso " data-sb ="Espresso " data-v-400a88f7 =""> < div class ="ingredient espresso disabled-hover " data-v-400a88f7 ="" style ="height: 30%; "> espresso</ div > </ div > < div class ="cup-handler " data-v-400a88f7 =""> </ div > </ div > </ div > </ li > < li data-v-1b91ce7d =""> < h4 data-v-1b91ce7d =""> Espresso Macchiato < br data-v-1b91ce7d =""> < small data-v-1b91ce7d =""> $12.00</ small > </ h4 > < div data-v-1b91ce7d =""> < div class ="cup " data-v-400a88f7 ="" data-v-1b91ce7d =""> < div class ="cup-body " aria-label ="Espresso Macchiato " data-test ="Espresso_Macchiato " data-sb ="Espresso-Macchiato " data-v-400a88f7 =""> < div class ="ingredient espresso disabled-hover " data-v-400a88f7 ="" style ="height: 30%; "> espresso</ div > < div class ="ingredient milk foam disabled-hover " data-v-400a88f7 ="" style ="height: 15%; "> milk foam</ div > </ div > < div class ="cup-handler " data-v-400a88f7 =""> </ div > </ div > </ div > </ li > < li data-v-1b91ce7d =""> < h4 data-v-1b91ce7d =""> Cappuccino < br data-v-1b91ce7d =""> < small data-v-1b91ce7d =""> $19.00</ small > </ h4 > < div data-v-1b91ce7d =""> < div class ="cup " data-v-400a88f7 ="" data-v-1b91ce7d =""> < div class ="cup-body " aria-label ="Cappuccino " data-test ="Cappuccino " data-sb ="Cappuccino " data-v-400a88f7 =""> < div class ="ingredient espresso disabled-hover " data-v-400a88f7 ="" style ="height: 30%; "> espresso</ div > < div class ="ingredient steamed milk disabled-hover " data-v-400a88f7 ="" style ="height: 20%; "> steamed milk</ div > < div class ="ingredient milk foam disabled-hover " data-v-400a88f7 ="" style ="height: 50%; "> milk foam</ div > </ div > < div class ="cup-handler " data-v-400a88f7 =""> </ div > </ div > </ div > </ li > < li data-v-1b91ce7d =""> < h4 data-v-1b91ce7d =""> Mocha < br data-v-1b91ce7d =""> < small data-v-1b91ce7d =""> $8.00</ small > </ h4 > < div data-v-1b91ce7d =""> < div class ="cup " data-v-400a88f7 ="" data-v-1b91ce7d =""> < div class ="cup-body " aria-label ="Mocha " data-test ="Mocha " data-sb ="Mocha " data-v-400a88f7 =""> < div class ="ingredient espresso disabled-hover " data-v-400a88f7 ="" style ="height: 30%; "> espresso</ div > < div class ="ingredient chocolate syrup disabled-hover " data-v-400a88f7 ="" style ="height: 20%; "> chocolate syrup</ div > < div class ="ingredient steamed milk disabled-hover " data-v-400a88f7 ="" style ="height: 25%; "> steamed milk</ div > < div class ="ingredient whipped cream disabled-hover " data-v-400a88f7 ="" style ="height: 25%; "> whipped cream</ div > </ div > < div class ="cup-handler " data-v-400a88f7 =""> </ div > </ div > </ div > </ li > < li data-v-1b91ce7d =""> < h4 data-v-1b91ce7d =""> Flat White < br data-v-1b91ce7d =""> < small data-v-1b91ce7d =""> $18.00</ small > </ h4 > < div data-v-1b91ce7d =""> < div class ="cup " data-v-400a88f7 ="" data-v-1b91ce7d =""> < div class ="cup-body " aria-label ="Flat White " data-test ="Flat_White " data-sb ="Flat-White " data-v-400a88f7 =""> < div class ="ingredient espresso disabled-hover " data-v-400a88f7 ="" style ="height: 30%; "> espresso</ div > < div class ="ingredient steamed milk disabled-hover " data-v-400a88f7 ="" style ="height: 50%; "> steamed milk</ div > </ div > < div class ="cup-handler " data-v-400a88f7 =""> </ div > </ div > </ div > </ li > < li data-v-1b91ce7d =""> < h4 data-v-1b91ce7d =""> Americano < br data-v-1b91ce7d =""> < small data-v-1b91ce7d =""> $7.00</ small > </ h4 > < div data-v-1b91ce7d =""> < div class ="cup " data-v-400a88f7 ="" data-v-1b91ce7d =""> < div class ="cup-body " aria-label ="Americano " data-test ="Americano " data-sb ="Americano " data-v-400a88f7 =""> < div class ="ingredient espresso disabled-hover " data-v-400a88f7 ="" style ="height: 30%; "> espresso</ div > < div class ="ingredient water disabled-hover " data-v-400a88f7 ="" style ="height: 70%; "> water</ div > </ div > < div class ="cup-handler " data-v-400a88f7 =""> </ div > </ div > </ div > </ li > < li data-v-1b91ce7d =""> < h4 data-v-1b91ce7d =""> Cafe Latte < br data-v-1b91ce7d =""> < small data-v-1b91ce7d =""> $16.00</ small > </ h4 > < div data-v-1b91ce7d =""> < div class ="cup " data-v-400a88f7 ="" data-v-1b91ce7d =""> < div class ="cup-body " aria-label ="Cafe Latte " data-test ="Cafe_Latte " data-sb ="Cafe-Latte " data-v-400a88f7 =""> < div class ="ingredient espresso disabled-hover " data-v-400a88f7 ="" style ="height: 30%; "> espresso</ div > < div class ="ingredient steamed milk disabled-hover " data-v-400a88f7 ="" style ="height: 50%; "> steamed milk</ div > < div class ="ingredient milk foam disabled-hover " data-v-400a88f7 ="" style ="height: 20%; "> milk foam</ div > </ div > < div class ="cup-handler " data-v-400a88f7 =""> </ div > </ div > </ div > </ li > < li data-v-1b91ce7d =""> < h4 data-v-1b91ce7d =""> Espresso Con Panna < br data-v-1b91ce7d =""> < small data-v-1b91ce7d =""> $14.00</ small > </ h4 > < div data-v-1b91ce7d =""> < div class ="cup " data-v-400a88f7 ="" data-v-1b91ce7d =""> < div class ="cup-body " aria-label ="Espresso Con Panna " data-test ="Espresso_Con Panna " data-sb ="Espresso-Con Panna " data-v-400a88f7 =""> < div class ="ingredient espresso disabled-hover " data-v-400a88f7 ="" style ="height: 30%; "> espresso</ div > < div class ="ingredient whipped cream disabled-hover " data-v-400a88f7 ="" style ="height: 15%; "> whipped cream</ div > </ div > < div class ="cup-handler " data-v-400a88f7 =""> </ div > </ div > </ div > </ li > < li data-v-1b91ce7d =""> < h4 data-v-1b91ce7d =""> Cafe Breve < br data-v-1b91ce7d =""> < small data-v-1b91ce7d =""> $15.00</ small > </ h4 > < div data-v-1b91ce7d =""> < div class ="cup " data-v-400a88f7 ="" data-v-1b91ce7d =""> < div class ="cup-body " aria-label ="Cafe Breve " data-test ="Cafe_Breve " data-sb ="Cafe-Breve " data-v-400a88f7 =""> < div class ="ingredient espresso disabled-hover " data-v-400a88f7 ="" style ="height: 25%; "> espresso</ div > < div class ="ingredient steamed milk disabled-hover " data-v-400a88f7 ="" style ="height: 30%; "> steamed milk</ div > < div class ="ingredient steamed cream disabled-hover " data-v-400a88f7 ="" style ="height: 30%; "> steamed cream</ div > < div class ="ingredient milk foam disabled-hover " data-v-400a88f7 ="" style ="height: 15%; "> milk foam</ div > </ div > < div class ="cup-handler " data-v-400a88f7 =""> </ div > </ div > </ div > </ li > </ ul > < div class ="pay-container " data-v-a68519c8 =""> <!----> < button data-test ="checkout " class ="pay " type ="button " aria-label ="Proceed to checkout " data-v-a68519c8 =""> Total: $0.00</ button > </ div > < div class ="modal " data-v-29c3be1b ="" data-v-a68519c8 ="" style ="display: none; "> < div class ="modal-content size " data-v-29c3be1b =""> < section data-v-29c3be1b =""> < h1 data-v-29c3be1b =""> Payment details</ h1 > < button class ="close " data-v-29c3be1b =""> ×</ button > </ section > < p data-v-29c3be1b =""> We will send you a payment link via email.</ p > < form aria-label ="Payment form " data-v-29c3be1b =""> < div data-v-29c3be1b =""> < label for ="name " data-v-29c3be1b =""> Name</ label > < input type ="text " name ="name " id ="name " autocomplete ="off " required ="" data-v-29c3be1b =""> </ div > < div data-v-29c3be1b =""> < label for ="email " data-v-29c3be1b =""> Email</ label > < input type ="email " name ="email " id ="email " autocomplete ="off " required ="" data-v-29c3be1b =""> </ div > < div aria-label ="Promotion agreement " data-v-29c3be1b =""> < input type ="checkbox " name ="promotion " id ="promotion " aria-label ="Promotion checkbox " data-v-29c3be1b =""> < label id ="promotion-label " for ="promotion " aria-label ="Promotion message " data-v-29c3be1b =""> I would like to receive order updates and promotional messages.</ label > </ div > < div data-v-29c3be1b =""> < button id ="submit-payment " type ="submit " data-v-29c3be1b =""> Submit</ button > </ div > </ form > </ div > </ div > </ div > < dialog data-sb ="add-to-cart-modal " data-v-1b91ce7d =""> < p data-v-1b91ce7d =""> Add < strong data-v-1b91ce7d =""> </ strong > to the cart?</ p > < form method ="dialog " data-v-1b91ce7d =""> < button data-v-1b91ce7d =""> Yes</ button > < button data-v-1b91ce7d =""> No</ button > </ form > </ dialog > </ div >
28
+ <!-- disable for Core Web Vitals measurement -->
29
+ <!-- <div id="invisible" width="200" height="200"></div> -->
30
+ </ body > </ html >
0 commit comments