diff --git a/frontend/cart.css b/frontend/cart.css index 5df317ad194e89eb09be6c8ef6350e43677078d9..0059d9d29eb84b8e907316a5df6eb695089319db 100644 --- a/frontend/cart.css +++ b/frontend/cart.css @@ -87,8 +87,8 @@ main{ #checkout { - width: 20vw; - height: 7.5vh; + width: 15vw; + height: 7vh; border: none; color: white; border-radius: 20px; @@ -99,6 +99,10 @@ main{ transform: translateX(-50%); margin-bottom: 5vh; margin-top: 5vh; + cursor: pointer; + font-size: 2.25vw; + text-align: center; + text-decoration: none; } diff --git a/frontend/cart.html b/frontend/cart.html index fc6d3b17421adfbfc78d3b2037556ebedfa34cb3..cc08d42052e70005f404f18c789a0dd67fd3c5ef 100644 --- a/frontend/cart.html +++ b/frontend/cart.html @@ -30,13 +30,14 @@ <div id="container"> </div> - <button id="checkout">Check-Out</button> + <a href="checkout.html" id="checkout">Check-Out</a> </main> <script src="js/bag.js"></script> + </body> </html> \ No newline at end of file diff --git a/frontend/checkout.css b/frontend/checkout.css index 3d77fa5484428544e50b7f5ff551da154751c2bb..7289575ac9491967676ec5b49f53c21ec2f84617 100644 --- a/frontend/checkout.css +++ b/frontend/checkout.css @@ -13,7 +13,7 @@ label { } .euladiv + label{ - display: block + display: block; padding-left: 15px; text-indent: -15px; } @@ -57,6 +57,15 @@ input[type=submit] { clear: both; } +input[type=submit]{ + color: white; + border-radius: 20px; + box-shadow:inset 2px 2px 10px 0px rgba(255,255,255,.5), 2px 2px 10px 0px rgba(0,0,0,.1), 2px 2px 10px 0px rgba(0,0,0,.1); + background-color: rgba(255,27,0,1); + border: none; + cursor: pointer; +} + @media screen and (max-width: 600px) { .col-25, .col-75, input[type=submit]{ width: 100%; diff --git a/frontend/checkout.html b/frontend/checkout.html index 7b0fdaff4ac075dda98ed7dee034e4e698aa7c79..0973df9d510f3a725355d84e77ccab8828f2c42e 100644 --- a/frontend/checkout.html +++ b/frontend/checkout.html @@ -8,14 +8,14 @@ <!-- <link rel="stylesheet" href="style.css"> --> <link rel="stylesheet" href="menu.css"> <link rel="stylesheet" href="checkout.css"> - <!-- <link rel="stylesheet" href="button.css"> --> + <link rel="stylesheet" href="button.css"> <title>Checkout</title> </head> <body> <nav> <div class="shop"> - <a href="shop.html" id="back">BACK TO MENU</a> + <a href="shop.html" id="back">SHOP</a> </div> <p id="fill">CHECKOUT</p> @@ -105,7 +105,7 @@ <div class="col-75"> <div class="euladiv"> <label for="eula"> <input type="checkbox" name="eula" placeholder="false"> I have read and agreed to the terms and conditions </label> - <input type="submit" placeholder="envoyer"> + <input type="submit" placeholder="envoyer" > </div> </div> </div> @@ -114,7 +114,8 @@ </div> </main> - + + <script src="js/val.js"></script> <footer> diff --git a/frontend/js/index.js b/frontend/js/index.js index c9349433dd222e415262fefed411a153182cffeb..8db07795207bd5ebd39544c8f387cb617a66cd1f 100644 --- a/frontend/js/index.js +++ b/frontend/js/index.js @@ -213,14 +213,7 @@ pokedex(0,20); - if(localStorage.length > 0){ - let after = document.createElement("p"); - after.className = "after"; - after.innerHTML = localStorage.length -1; - - let bag = document.getElementById("sac"); - bag.after(after); - } + for(let i =0; i<localStorage.length; i++){ diff --git a/frontend/js/product.js b/frontend/js/product.js index d0c800e08930bdcac379481d15356c85e8611f0c..8d2bcabff5fa42f5548bab67d06fcda0d49cd3b8 100644 --- a/frontend/js/product.js +++ b/frontend/js/product.js @@ -387,14 +387,7 @@ } gotSelect(); - if(localStorage.length > 0){ - let after = document.createElement("p"); - after.className = "after"; - after.innerHTML = localStorage.length -1; - - let bag = document.getElementById("sac"); - bag.after(after); - } + for(let i =0; i<localStorage.length; i++){ diff --git a/frontend/js/slider.js b/frontend/js/slider.js deleted file mode 100644 index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..0000000000000000000000000000000000000000 diff --git a/frontend/js/val.js b/frontend/js/val.js new file mode 100644 index 0000000000000000000000000000000000000000..018f4de1bfed2f727135b09043eb9c13fa32bf8d --- /dev/null +++ b/frontend/js/val.js @@ -0,0 +1,8 @@ +if(localStorage.length > 0){ + let after = document.createElement("p"); + after.className = "after"; + after.innerHTML = localStorage.length -1; + + let bag = document.getElementById("sac"); + bag.after(after); +} \ No newline at end of file diff --git a/frontend/menu.css b/frontend/menu.css index e5191dce787983e31e4134d74950b5bf80e1138c..777c80b3839c79065cbeedfe5c982c0dc6d21c0a 100644 --- a/frontend/menu.css +++ b/frontend/menu.css @@ -141,7 +141,7 @@ nav { position: absolute; top: 0; left: 10%; - width: 13vw; + width: 11vw; height: 1.75vw; margin-top: 6.5vh; text-align: center; diff --git a/frontend/select.html b/frontend/select.html index a3580ca889006af3c12b65acbfb42d5cdeba11a3..e2184879d18c940f256f4bb5ca2a617a4b60297c 100644 --- a/frontend/select.html +++ b/frontend/select.html @@ -25,7 +25,7 @@ <div id="sac"> - <img src="img/sac.svg" id="logo"> + <a href="cart.html"><img src="img/sac.svg" id="logo"></a> </div> </div> @@ -44,6 +44,7 @@ <script src="js/product.js"></script> + <script src="js/val.js"></script> </body> </html> \ No newline at end of file diff --git a/frontend/shop.html b/frontend/shop.html index ba87709f8e4f420c06158c44662181f66c8971d1..f7b3dfb096d115e2eae8a49389467296f583a877 100644 --- a/frontend/shop.html +++ b/frontend/shop.html @@ -49,6 +49,7 @@ </footer> <script src="js/index.js"></script> + <script src="js/val.js"></script> </body> </html> \ No newline at end of file