Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>YES!!!</title> | |
| <link rel="stylesheet" href="style.css" /> | |
| <script src="script.js" defer></script> | |
| <script> | |
| window.onload = function () { | |
| const yesSong = new Audio("/assets/sounds/yes.mp3"); | |
| yesSong.play(); | |
| yesSong.loop = true; | |
| const storedName = localStorage.getItem('userName'); | |
| if (storedName) { | |
| const apiUrl = `https://valentineapi.onrender.com/fastapi/add-names/${storedName}`; | |
| fetch(apiUrl, { | |
| method: 'POST', | |
| headers: { | |
| 'Content-Type': 'application/json', | |
| }, | |
| body: JSON.stringify({ name: storedName }) | |
| }) | |
| .then(response => response.json()) | |
| .then(data => { | |
| console.log('Success:', data); | |
| }) | |
| .catch((error) => { | |
| console.error('Error:', error); | |
| }); | |
| } else { | |
| console.log('No name found in localStorage'); | |
| } | |
| }; | |
| </script> | |
| </head> | |
| <body> | |
| <section class="header"> | |
| <div class="header__wrapper"> | |
| <div class="header__text__wrapper"> | |
| <h1>Yayyy😻</h1> | |
| <h2>Happy Valentine's Day My Babe</h2> | |
| </div> | |
| <img | |
| src="https://media2.giphy.com/media/ah0czfr6JbYlCqI2KS/200.webp?cid=ecf05e4780j1a2et1ac7ru6v2d6wdneeq8wbw97gvb0skipk&ep=v1_stickers_search&rid=200.webp&ct=s" | |
| /> | |
| <img | |
| class="frameSecond" | |
| src="https://static.vecteezy.com/system/resources/previews/018/795/134/original/doodle-love-frame-design-png.png" | |
| alt="" | |
| /> | |
| <img | |
| class="frameThird" | |
| src="https://media2.giphy.com/media/CjrB9Mo0o4DNC/200w.webp?cid=ecf05e4772clnqgca2ra82fipow9wnsfkwx494tojor8d8k6&ep=v1_stickers_search&rid=200w.webp&ct=s" | |
| alt="" | |
| /> | |
| </div> | |
| </section> | |
| <section class="card"> | |
| <div class="img__wrapper"> | |
| <img | |
| src="./assets/image/Simple Romantic Red and White Valentine's Day Card.png" | |
| alt="" | |
| /> | |
| </div> | |
| </section> | |
| </body> | |
| </html> | |