Last 10 Commits for frostybites.scroll.pub

commit 01935d91e55e819474cf29db14740a4d3baa6a27 Author: ffff:12.186.22.250 <ffff:12.186.22.250@hub.scroll.pub> Date: 2024-12-27 00:51:09 +0000 Subject: Reverted to 44eb2ee3d14342e8b81b20559671d7d68e9dfdaf diff --git a/.log.txt b/.log.txt new file mode 100644 index 0000000..515e5b2 --- /dev/null +++ b/.log.txt @@ -0,0 +1,100 @@ +read frostybites.scroll.pub https://hub.scroll.pub/edit.html?folderName=frostybites.scroll.pub 1735260444621 ::ffff:12.186.22.250 0.0 200 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub https://hub.scroll.pub/ls.json?folderName=frostybites.scroll.pub 1735260445012 ::ffff:12.186.22.250 0.1 200 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub https://hub.scroll.pub/readFile.htm?folderName=frostybites.scroll.pub&filePath=frostybites.scroll.pub%2Findex.scroll 1735260445020 ::ffff:12.186.22.250 0.0 200 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub https://hub.scroll.pub/edit.html?folderName=frostybites.scroll.pub 1735260445658 ::ffff:12.186.22.250 0.0 304 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub https://hub.scroll.pub/ls.json?folderName=frostybites.scroll.pub 1735260445787 ::ffff:12.186.22.250 0.0 304 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub https://hub.scroll.pub/readFile.htm?folderName=frostybites.scroll.pub&filePath=frostybites.scroll.pub%2Findex.scroll 1735260445807 ::ffff:12.186.22.250 0.0 304 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub http://frostybites.scroll.pub/.well-known/acme-challenge/z-fPi_txQ-fogNlROSJRENZo8m7g4LmCiv_lorZj7v8 1735260446381 ::ffff:10.48.0.2 0.0 200 Other +read frostybites.scroll.pub http://frostybites.scroll.pub/.well-known/acme-challenge/z-fPi_txQ-fogNlROSJRENZo8m7g4LmCiv_lorZj7v8 1735260446732 ::ffff:23.178.112.106 0.0 200 Other +read frostybites.scroll.pub http://frostybites.scroll.pub/.well-known/acme-challenge/z-fPi_txQ-fogNlROSJRENZo8m7g4LmCiv_lorZj7v8 1735260447395 ::ffff:3.145.186.248 0.0 200 Other +read frostybites.scroll.pub http://frostybites.scroll.pub/.well-known/acme-challenge/z-fPi_txQ-fogNlROSJRENZo8m7g4LmCiv_lorZj7v8 1735260447422 ::ffff:34.220.182.199 0.0 200 Other +read frostybites.scroll.pub http://frostybites.scroll.pub/.well-known/acme-challenge/z-fPi_txQ-fogNlROSJRENZo8m7g4LmCiv_lorZj7v8 1735260447513 ::ffff:16.171.2.210 0.0 200 Other +read frostybites.scroll.pub http://frostybites.scroll.pub/.well-known/acme-challenge/z-fPi_txQ-fogNlROSJRENZo8m7g4LmCiv_lorZj7v8 1735260447703 ::ffff:13.214.123.67 0.0 200 Other +read frostybites.scroll.pub https://frostybites.scroll.pub/index.html 1735260457081 ::ffff:12.186.22.250 0.0 200 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub https://frostybites.scroll.pub/style.css 1735260457100 ::ffff:12.186.22.250 0.0 200 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub https://frostybites.scroll.pub/script.js 1735260457103 ::ffff:12.186.22.250 0.0 200 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub https://frostybites.scroll.pub/favicon.ico 1735260457224 ::ffff:12.186.22.250 0.0 200 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub https://frostybites.scroll.pub/index.html 1735260459083 ::ffff:12.186.22.250 0.0 304 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub https://frostybites.scroll.pub/script.js 1735260459098 ::ffff:12.186.22.250 0.0 304 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub https://frostybites.scroll.pub/style.css 1735260459100 ::ffff:12.186.22.250 0.0 304 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub https://hub.scroll.pub/edit.html?folderName=frostybites.scroll.pub 1735260480575 ::ffff:12.186.22.250 0.0 304 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub https://hub.scroll.pub/ls.json?folderName=frostybites.scroll.pub 1735260480678 ::ffff:12.186.22.250 0.0 304 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub https://hub.scroll.pub/readFile.htm?folderName=frostybites.scroll.pub&filePath=frostybites.scroll.pub%2Findex.scroll 1735260480691 ::ffff:12.186.22.250 0.0 304 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub https://frostybites.scroll.pub/index.html 1735260480738 ::ffff:12.186.22.250 0.0 200 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub https://frostybites.scroll.pub/style.css 1735260480755 ::ffff:12.186.22.250 0.0 304 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub https://frostybites.scroll.pub/script.js 1735260480767 ::ffff:12.186.22.250 0.0 304 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub https://hub.scroll.pub/edit.html?folderName=frostybites.scroll.pub 1735260511208 ::ffff:12.186.22.250 0.0 304 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub https://hub.scroll.pub/ls.json?folderName=frostybites.scroll.pub 1735260511304 ::ffff:12.186.22.250 0.0 304 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub https://hub.scroll.pub/readFile.htm?folderName=frostybites.scroll.pub&filePath=frostybites.scroll.pub%2Findex.scroll 1735260511314 ::ffff:12.186.22.250 0.0 304 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub https://frostybites.scroll.pub/index.html 1735260511343 ::ffff:12.186.22.250 0.0 304 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub https://frostybites.scroll.pub/style.css 1735260511367 ::ffff:12.186.22.250 0.0 304 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub https://frostybites.scroll.pub/script.js 1735260511378 ::ffff:12.186.22.250 0.0 304 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub http://frostybites.scroll.pub/ 1735260519615 ::ffff:167.71.81.114 0.0 200 Chrome.52 Linux +read frostybites.scroll.pub http://frostybites.scroll.pub/actuator/env 1735260519768 ::ffff:167.71.81.114 0.0 404 Other +write frostybites.scroll.pub http://frostybites.scroll.pub/php-cgi/php-cgi.exe?%ADd+cgi.force_redirect%3D0+%ADd+disable_functions%3D""+%ADd+allow_url_include%3D1+%ADd+auto_prepend_file%3Dphp://input 1735260519919 ::ffff:167.71.81.114 0.0 404 Other +read frostybites.scroll.pub http://frostybites.scroll.pub/server 1735260520069 ::ffff:167.71.81.114 0.0 404 Other +read frostybites.scroll.pub http://frostybites.scroll.pub/.vscode/sftp.json 1735260520217 ::ffff:167.71.81.114 0.0 404 Other +read frostybites.scroll.pub http://frostybites.scroll.pub/about 1735260520367 ::ffff:167.71.81.114 0.0 404 Other +read frostybites.scroll.pub http://frostybites.scroll.pub/debug/default/view?panel=config 1735260520517 ::ffff:167.71.81.114 0.0 404 Other +read frostybites.scroll.pub http://frostybites.scroll.pub/v2/_catalog 1735260520669 ::ffff:167.71.81.114 0.0 404 Other +read frostybites.scroll.pub http://frostybites.scroll.pub/ecp/Current/exporttool/microsoft.exchange.ediscovery.exporttool.application 1735260520818 ::ffff:167.71.81.114 0.0 404 Other +read frostybites.scroll.pub http://frostybites.scroll.pub/server-status 1735260520968 ::ffff:167.71.81.114 0.0 404 Other +read frostybites.scroll.pub http://frostybites.scroll.pub/login.action 1735260521114 ::ffff:167.71.81.114 0.0 404 Other +read frostybites.scroll.pub http://frostybites.scroll.pub/_all_dbs 1735260521273 ::ffff:167.71.81.114 0.0 404 Other +read frostybites.scroll.pub http://frostybites.scroll.pub/.DS_Store 1735260521424 ::ffff:167.71.81.114 0.0 404 Other +read frostybites.scroll.pub http://frostybites.scroll.pub/.env 1735260521575 ::ffff:167.71.81.114 0.0 404 Other +read frostybites.scroll.pub http://frostybites.scroll.pub/.git/config 1735260521725 ::ffff:167.71.81.114 0.0 200 Other +read frostybites.scroll.pub http://frostybites.scroll.pub/s/733323e203e2039313e2634313/_/;/META-INF/maven/com.atlassian.jira/jira-webapp-dist/pom.properties 1735260521877 ::ffff:167.71.81.114 0.0 404 Other +read frostybites.scroll.pub http://frostybites.scroll.pub/config.json 1735260522027 ::ffff:167.71.81.114 0.0 404 Other +read frostybites.scroll.pub http://frostybites.scroll.pub/telescope/requests 1735260522179 ::ffff:167.71.81.114 0.0 404 Other +read frostybites.scroll.pub http://frostybites.scroll.pub/info.php 1735260522326 ::ffff:167.71.81.114 0.0 404 Other +read frostybites.scroll.pub http://frostybites.scroll.pub/?rest_route=/wp/v2/users/ 1735260522477 ::ffff:167.71.81.114 0.0 200 Other +read frostybites.scroll.pub https://frostybites.scroll.pub/ 1735260523265 ::ffff:157.245.36.108 0.0 200 Chrome.52 Linux +read frostybites.scroll.pub https://frostybites.scroll.pub/actuator/env 1735260523774 ::ffff:157.245.36.108 0.0 404 Other +write frostybites.scroll.pub https://frostybites.scroll.pub/php-cgi/php-cgi.exe?%ADd+cgi.force_redirect%3D0+%ADd+disable_functions%3D""+%ADd+allow_url_include%3D1+%ADd+auto_prepend_file%3Dphp://input 1735260524278 ::ffff:157.245.36.108 0.0 404 Other +read frostybites.scroll.pub https://frostybites.scroll.pub/server 1735260524782 ::ffff:157.245.36.108 0.0 404 Other +read frostybites.scroll.pub https://frostybites.scroll.pub/.vscode/sftp.json 1735260525290 ::ffff:157.245.36.108 0.0 404 Other +read frostybites.scroll.pub https://frostybites.scroll.pub/about 1735260525794 ::ffff:157.245.36.108 0.0 404 Other +read frostybites.scroll.pub https://frostybites.scroll.pub/debug/default/view?panel=config 1735260526298 ::ffff:157.245.36.108 0.0 404 Other +read frostybites.scroll.pub https://frostybites.scroll.pub/v2/_catalog 1735260526803 ::ffff:157.245.36.108 0.0 404 Other +read frostybites.scroll.pub https://frostybites.scroll.pub/ecp/Current/exporttool/microsoft.exchange.ediscovery.exporttool.application 1735260527307 ::ffff:157.245.36.108 0.0 404 Other +read frostybites.scroll.pub https://frostybites.scroll.pub/server-status 1735260527811 ::ffff:157.245.36.108 0.0 404 Other +read frostybites.scroll.pub https://frostybites.scroll.pub/login.action 1735260528319 ::ffff:157.245.36.108 0.0 404 Other +read frostybites.scroll.pub https://frostybites.scroll.pub/_all_dbs 1735260528822 ::ffff:157.245.36.108 0.0 404 Other +read frostybites.scroll.pub https://frostybites.scroll.pub/.DS_Store 1735260529361 ::ffff:157.245.36.108 0.0 404 Other +read frostybites.scroll.pub http://frostybites.scroll.pub/ 1735260529766 ::ffff:34.123.170.104 0.0 200 Chrome.125 Linux +read frostybites.scroll.pub https://frostybites.scroll.pub/.env 1735260529869 ::ffff:157.245.36.108 0.0 404 Other +read frostybites.scroll.pub https://frostybites.scroll.pub/.git/config 1735260530372 ::ffff:157.245.36.108 0.0 200 Other +read frostybites.scroll.pub http://frostybites.scroll.pub/ 1735260530652 ::ffff:207.241.236.83 0.0 200 Other +read frostybites.scroll.pub https://frostybites.scroll.pub/ 1735260530657 ::ffff:207.241.236.83 0.0 200 Other +read frostybites.scroll.pub https://frostybites.scroll.pub/s/733323e203e2039313e2634313/_/;/META-INF/maven/com.atlassian.jira/jira-webapp-dist/pom.properties 1735260530877 ::ffff:157.245.36.108 0.0 404 Other +read frostybites.scroll.pub http://frostybites.scroll.pub/style.css 1735260530880 ::ffff:34.123.170.104 0.0 200 Chrome.125 Linux +read frostybites.scroll.pub http://frostybites.scroll.pub/script.js 1735260530923 ::ffff:34.122.147.229 0.0 200 Chrome.125 Linux +read frostybites.scroll.pub https://frostybites.scroll.pub/config.json 1735260531384 ::ffff:157.245.36.108 0.0 404 Other +read frostybites.scroll.pub https://frostybites.scroll.pub/ 1735260531757 ::ffff:154.28.229.244 0.0 200 Chrome.116 Linux +read frostybites.scroll.pub https://frostybites.scroll.pub/ 1735260531760 ::ffff:154.28.229.7 0.0 200 Chrome.117 WindowsNT.10.0 +read frostybites.scroll.pub https://frostybites.scroll.pub/telescope/requests 1735260531888 ::ffff:157.245.36.108 0.0 404 Other +read frostybites.scroll.pub https://frostybites.scroll.pub/info.php 1735260532395 ::ffff:157.245.36.108 0.0 404 Other +read frostybites.scroll.pub https://frostybites.scroll.pub/?rest_route=/wp/v2/users/ 1735260532901 ::ffff:157.245.36.108 0.0 200 Other +read frostybites.scroll.pub https://frostybites.scroll.pub/ 1735260533969 ::ffff:185.201.188.42 0.0 200 Chrome.110 WindowsNT.10.0 +read frostybites.scroll.pub https://frostybites.scroll.pub/favicon.ico 1735260534158 ::ffff:185.201.188.42 0.0 200 Chrome.110 WindowsNT.10.0 +read frostybites.scroll.pub https://hub.scroll.pub/edit.html?folderName=frostybites.scroll.pub 1735260536336 ::ffff:12.186.22.250 0.0 304 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub https://hub.scroll.pub/ls.json?folderName=frostybites.scroll.pub 1735260536454 ::ffff:12.186.22.250 0.0 304 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub https://hub.scroll.pub/readFile.htm?folderName=frostybites.scroll.pub&filePath=frostybites.scroll.pub%2Findex.scroll 1735260536470 ::ffff:12.186.22.250 0.0 304 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub https://frostybites.scroll.pub/index.html 1735260536492 ::ffff:12.186.22.250 0.0 304 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub https://frostybites.scroll.pub/style.css 1735260536509 ::ffff:12.186.22.250 0.0 304 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub https://frostybites.scroll.pub/script.js 1735260536524 ::ffff:12.186.22.250 0.0 304 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub https://hub.scroll.pub/diffs.htm/frostybites.scroll.pub?count=10 1735260538413 ::ffff:12.186.22.250 0.1 200 Chrome.131 MacOSX.10.15.7 +read frostybites.scroll.pub https://frostybites.scroll.pub/ 1735260540288 ::ffff:154.28.229.91 0.0 200 Chrome.117 WindowsNT.10.0 +read frostybites.scroll.pub https://frostybites.scroll.pub/ 1735260541761 ::ffff:154.28.229.244 0.0 200 Chrome.117 WindowsNT.10.0 +read frostybites.scroll.pub https://frostybites.scroll.pub/https%3A/frostybites.scroll.pub/index.html 1735260541924 ::ffff:154.28.229.244 0.0 404 Chrome.117 WindowsNT.10.0 +read frostybites.scroll.pub http://frostybites.scroll.pub/ 1735260543378 ::ffff:205.169.39.206 0.0 200 Chrome.83 WindowsNT.6.1 +read frostybites.scroll.pub http://frostybites.scroll.pub/script.js 1735260547085 ::ffff:205.169.39.206 0.0 200 Chrome.83 WindowsNT.6.1 +read frostybites.scroll.pub http://frostybites.scroll.pub/ 1735260550826 ::ffff:205.169.39.206 0.0 200 Chrome.79 WindowsNT.10.0 +read frostybites.scroll.pub http://frostybites.scroll.pub/style.css 1735260551002 ::ffff:205.169.39.206 0.0 200 Chrome.79 WindowsNT.10.0 +read frostybites.scroll.pub http://frostybites.scroll.pub/script.js 1735260551179 ::ffff:205.169.39.206 0.0 200 Chrome.79 WindowsNT.10.0 +read frostybites.scroll.pub https://frostybites.scroll.pub/ 1735260556025 ::ffff:104.164.173.175 0.0 200 Chrome.117 WindowsNT.10.0 +read frostybites.scroll.pub https://frostybites.scroll.pub/https%3A/frostybites.scroll.pub/index.html 1735260556275 ::ffff:104.164.173.175 0.0 404 Chrome.117 WindowsNT.10.0 +read frostybites.scroll.pub http://frostybites.scroll.pub/script.js 1735260573570 ::ffff:205.169.39.25 0.0 200 Chrome.106 WindowsNT.10.0 +read frostybites.scroll.pub http://frostybites.scroll.pub/ 1735260621047 ::ffff:34.71.92.68 0.0 200 Chrome.32 WindowsNT.6.2 +read frostybites.scroll.pub https://hub.scroll.pub/diffs.htm/frostybites.scroll.pub?count=10 1735260654788 ::ffff:12.186.22.250 0.1 200 Chrome.131 MacOSX.10.15.7 diff --git a/.stats.json b/.stats.json index 127f89f..e53f5d8 100644 --- a/.stats.json +++ b/.stats.json @@ -1,6 +1,8 @@ { "files": [ + ".stats.json", "body.html", + "index.html", "index.scroll", "readme.scroll", "script.js", @@ -9,11 +11,11 @@ "stats": { "folder": "frostybites.scroll.pub", "folderLink": "https://frostybites.scroll.pub", - "created": "2024-12-27T00:47:23.000Z", - "revised": "2024-12-27T00:47:23.000Z", - "files": 5, + "created": "2024-12-27T00:47:24.000Z", + "revised": "2024-12-27T00:47:24.000Z", + "files": 7, "mb": 1, - "revisions": 1, - "hash": "44eb2ee3d1" + "revisions": 2, + "hash": "91f623397d" } } \ No newline at end of file diff --git a/body.html b/body.html index 3607ac8..0607543 100644 --- a/body.html +++ b/body.html @@ -1,5 +1,5 @@ <header> - <nav class="main-nav"> + <nav> <div class="logo">Frosty Bites</div> <button class="mobile-menu" aria-label="Toggle menu"> <span></span><span></span><span></span> @@ -16,8 +16,8 @@ <main> <section class="hero"> <div class="hero-content"> - <h1>Where Hot Dogs Meet Ice Cream</h1> - <p>An unexpected combination. An unforgettable experience.</p> + <h1>Hot Dogs & Ice Cream Paradise</h1> + <p>Where savory meets sweet</p> <a href="#menu" class="cta-button">View Menu</a> </div> </section> @@ -29,77 +29,60 @@ <h3>Gourmet Hot Dogs</h3> <div class="menu-items"> <div class="menu-item"> - <h4>Classic Supreme</h4> - <p>All-beef hot dog with mustard, ketchup, relish</p> - <span class="price">$6.99</span> + <h4>Classic Dog</h4> + <p>All-beef hot dog with your choice of toppings</p> + <span class="price">$4.99</span> </div> <div class="menu-item"> <h4>Chicago Style</h4> - <p>Traditional Chicago toppings on a poppy seed bun</p> - <span class="price">$7.99</span> + <p>Traditional Chicago toppings on our signature dog</p> + <span class="price">$5.99</span> </div> <div class="menu-item"> - <h4>Chili Cheese Dream</h4> + <h4>Chili Cheese</h4> <p>Smothered in homemade chili and melted cheese</p> - <span class="price">$8.99</span> + <span class="price">$6.49</span> </div> </div> </div> <div class="menu-category"> - <h3>Premium Ice Cream</h3> + <h3>Ice Cream Treats</h3> <div class="menu-items"> <div class="menu-item"> - <h4>Vanilla Bean</h4> - <p>Madagascar vanilla beans, pure cream</p> - <span class="price">$4.99</span> + <h4>Classic Sundae</h4> + <p>Three scoops with toppings of your choice</p> + <span class="price">$5.99</span> </div> <div class="menu-item"> - <h4>Double Chocolate</h4> - <p>Rich chocolate with chocolate chips</p> - <span class="price">$5.99</span> + <h4>Banana Split</h4> + <p>Fresh banana with three flavors and toppings</p> + <span class="price">$7.99</span> </div> <div class="menu-item"> - <h4>Strawberry Fields</h4> - <p>Fresh strawberries in creamy ice cream</p> - <span class="price">$5.99</span> + <h4>Waffle Cone</h4> + <p>Double scoop in our homemade waffle cone</p> + <span class="price">$4.99</span> </div> </div> </div> </div> </section> - - <section id="locations" class="locations-section"> - <h2>Find Us</h2> - <div class="location-cards"> - <div class="location-card"> - <h3>Downtown</h3> - <p>123 Main Street</p> - <p>Open 11AM - 10PM</p> - </div> - <div class="location-card"> - <h3>Beachfront</h3> - <p>456 Ocean Drive</p> - <p>Open 10AM - 11PM</p> - </div> - </div> - </section> </main> <footer> <div class="footer-content"> <div class="footer-section"> - <h3>Contact Us</h3> - <p>Phone: (555) 123-4567</p> - <p>Email: hello@frostybites.scroll.pub</p> + <h3>Visit Us</h3> + <p>123 Foodie Street<br>Tasteville, TS 12345</p> </div> <div class="footer-section"> - <h3>Follow Us</h3> - <div class="social-links"> - <a href="#" aria-label="Facebook">FB</a> - <a href="#" aria-label="Instagram">IG</a> - <a href="#" aria-label="Twitter">TW</a> - </div> + <h3>Hours</h3> + <p>Mon-Thu: 11am-9pm<br>Fri-Sun: 11am-10pm</p> + </div> + <div class="footer-section"> + <h3>Contact</h3> + <p>Phone: (555) 123-4567<br>Email: hello@frostybites.scroll.pub</p> </div> </div> </footer> diff --git a/index.scroll b/index.scroll index 1990158..92fa2da 100644 --- a/index.scroll +++ b/index.scroll @@ -1,8 +1,11 @@ buildHtml baseUrl https://frostybites.scroll.pub metaTags + description "Delicious hot dogs and ice cream in one place! Enjoy gourmet hot dogs and premium ice cream treats at Frosty Bites." + keywords "hot dogs, ice cream, gourmet hot dogs, ice cream treats, food, dessert" + author "Frosty Bites" editButton /edit.html -title Frosty Bites - Gourmet Hot Dogs & Ice Cream +title Frosty Bites - Gourmet Hot Dogs & Premium Ice Cream style.css body.html script.js diff --git a/script.js b/script.js index d80fe43..60515a2 100644 --- a/script.js +++ b/script.js @@ -1,55 +1,45 @@ -document.addEventListener('DOMContentLoaded', function() { - const mobileMenu = document.querySelector('.mobile-menu'); - const navLinks = document.querySelector('.nav-links'); +document.addEventListener('DOMContentLoaded', () => { + // Mobile menu functionality + const mobileMenu = document.querySelector('.mobile-menu'); + const navLinks = document.querySelector('.nav-links'); + + mobileMenu.addEventListener('click', () => { + navLinks.classList.toggle('active'); - // Mobile menu toggle - mobileMenu.addEventListener('click', function() { - navLinks.classList.toggle('active'); - - // Animate hamburger to X - const spans = this.getElementsByTagName('span'); - this.classList.toggle('active'); - - if (this.classList.contains('active')) { - spans[0].style.transform = 'rotate(45deg) translate(5px, 5px)'; - spans[1].style.opacity = '0'; - spans[2].style.transform = 'rotate(-45deg) translate(7px, -6px)'; - } else { - spans[0].style.transform = 'none'; - spans[1].style.opacity = '1'; - spans[2].style.transform = 'none'; - } - }); + // Animate hamburger to X + const spans = mobileMenu.querySelectorAll('span'); + spans.forEach(span => span.classList.toggle('active')); + }); - // Smooth scroll for anchor links - document.querySelectorAll('a[href^="#"]').forEach(anchor => { - anchor.addEventListener('click', function (e) { - e.preventDefault(); - const target = document.querySelector(this.getAttribute('href')); - if (target) { - target.scrollIntoView({ - behavior: 'smooth', - block: 'start' - }); - // Close mobile menu if open - navLinks.classList.remove('active'); - } + // Smooth scroll for navigation links + document.querySelectorAll('a[href^="#"]').forEach(anchor => { + anchor.addEventListener('click', function (e) { + e.preventDefault(); + const target = document.querySelector(this.getAttribute('href')); + + if (target) { + navLinks.classList.remove('active'); + target.scrollIntoView({ + behavior: 'smooth', + block: 'start' }); + } }); + }); - // Intersection Observer for fade-in animations - const observer = new IntersectionObserver((entries) => { - entries.forEach(entry => { - if (entry.isIntersecting) { - entry.target.classList.add('visible'); - } - }); - }, { - threshold: 0.1 + // Intersection Observer for animation on scroll + const observer = new IntersectionObserver((entries) => { + entries.forEach(entry => { + if (entry.isIntersecting) { + entry.target.classList.add('visible'); + } }); + }, { + threshold: 0.1 + }); - // Observe all menu items and location cards - document.querySelectorAll('.menu-item, .location-card').forEach((el) => { - observer.observe(el); - }); + // Observe menu items + document.querySelectorAll('.menu-item').forEach(item => { + observer.observe(item); + }); }); diff --git a/style.css b/style.css index 4dc2806..179c6a0 100644 --- a/style.css +++ b/style.css @@ -1,9 +1,9 @@ :root { --primary-color: #ff6b6b; --secondary-color: #4ecdc4; - --dark-color: #2c3e50; - --light-color: #f7f9fc; - --spacing: 2rem; + --dark-color: #2d3436; + --light-color: #f9f9f9; + --transition: all 0.3s ease; } * { @@ -13,18 +13,13 @@ } body { - font-family: 'Segoe UI', system-ui, sans-serif; + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: var(--dark-color); - background-color: var(--light-color); } /* Header & Navigation */ -.main-nav { - display: flex; - justify-content: space-between; - align-items: center; - padding: 1rem var(--spacing); +header { background: white; box-shadow: 0 2px 10px rgba(0,0,0,0.1); position: fixed; @@ -32,10 +27,20 @@ body { z-index: 1000; } +nav { + max-width: 1200px; + margin: 0 auto; + padding: 1rem; + display: flex; + justify-content: space-between; + align-items: center; +} + .logo { font-size: 1.8rem; font-weight: bold; color: var(--primary-color); + text-decoration: none; } .nav-links { @@ -48,7 +53,7 @@ body { text-decoration: none; color: var(--dark-color); font-weight: 500; - transition: color 0.3s ease; + transition: var(--transition); } .nav-links a:hover { @@ -62,18 +67,27 @@ body { /* Hero Section */ .hero { height: 100vh; - background: linear-gradient(45deg, var(--primary-color), var(--secondary-color)); + background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); display: flex; align-items: center; justify-content: center; text-align: center; color: white; - padding: var(--spacing); + padding: 2rem; } .hero-content h1 { font-size: 3.5rem; margin-bottom: 1rem; + animation: fadeInUp 1s ease; +} + +.hero-content p { + font-size: 1.5rem; + margin-bottom: 2rem; + animation: fadeInUp 1s ease 0.2s; + opacity: 0; + animation-fill-mode: forwards; } .cta-button { @@ -84,100 +98,102 @@ body { text-decoration: none; border-radius: 50px; font-weight: bold; - margin-top: 2rem; - transition: transform 0.3s ease; + transition: var(--transition); + animation: fadeInUp 1s ease 0.4s; + opacity: 0; + animation-fill-mode: forwards; } .cta-button:hover { transform: translateY(-3px); + box-shadow: 0 5px 15px rgba(0,0,0,0.2); } /* Menu Section */ .menu-section { - padding: var(--spacing); - max-width: 1200px; - margin: 0 auto; + padding: 5rem 2rem; + background: var(--light-color); +} + +.menu-section h2 { + text-align: center; + font-size: 2.5rem; + margin-bottom: 3rem; + color: var(--primary-color); } .menu-container { + max-width: 1200px; + margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; - margin-top: 2rem; } -.menu-item { +.menu-category { background: white; - padding: 1.5rem; + padding: 2rem; border-radius: 10px; - box-shadow: 0 4px 6px rgba(0,0,0,0.1); - transition: transform 0.3s ease; + box-shadow: 0 5px 15px rgba(0,0,0,0.1); + transition: var(--transition); } -.menu-item:hover { +.menu-category:hover { transform: translateY(-5px); } -.price { - color: var(--primary-color); - font-weight: bold; - font-size: 1.2rem; -} - -/* Locations Section */ -.locations-section { - background: var(--secondary-color); - padding: var(--spacing); - color: white; +.menu-item { + margin-bottom: 1.5rem; + padding-bottom: 1.5rem; + border-bottom: 1px solid #eee; } -.location-cards { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); - gap: 2rem; - margin-top: 2rem; +.menu-item:last-child { + border-bottom: none; + margin-bottom: 0; + padding-bottom: 0; } -.location-card { - background: white; - color: var(--dark-color); - padding: 1.5rem; - border-radius: 10px; - text-align: center; +.price { + color: var(--primary-color); + font-weight: bold; } /* Footer */ footer { background: var(--dark-color); color: white; - padding: var(--spacing); + padding: 3rem 2rem; } .footer-content { + max-width: 1200px; + margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; - max-width: 1200px; - margin: 0 auto; -} - -.social-links { - display: flex; - gap: 1rem; } -.social-links a { - color: white; - text-decoration: none; +/* Animations */ +@keyframes fadeInUp { + from { + opacity: 0; + transform: translateY(20px); + } + to { + opacity: 1; + transform: translateY(0); + } } -/* Responsive Design */ +/* Mobile Responsiveness */ @media (max-width: 768px) { .mobile-menu { display: block; background: none; border: none; cursor: pointer; + padding: 0.5rem; } .mobile-menu span { @@ -186,11 +202,10 @@ footer { height: 3px; background: var(--dark-color); margin: 5px 0; - transition: 0.3s; + transition: var(--transition); } .nav-links { - display: none; position: absolute; top: 100%; left: 0; @@ -199,13 +214,23 @@ footer { flex-direction: column; padding: 1rem; text-align: center; + transform: translateY(-100%); + opacity: 0; + pointer-events: none; + transition: var(--transition); } .nav-links.active { - display: flex; + transform: translateY(0); + opacity: 1; + pointer-events: all; } .hero-content h1 { font-size: 2.5rem; } + + .hero-content p { + font-size: 1.2rem; + } }

commit 91f623397d81b06e386704350bedcd2fc4177d6e Author: root <root@hub.scroll.pub> Date: 2024-12-27 00:47:24 +0000 Subject: Initial commit diff --git a/.stats.json b/.stats.json new file mode 100644 index 0000000..127f89f --- /dev/null +++ b/.stats.json @@ -0,0 +1,19 @@ +{ + "files": [ + "body.html", + "index.scroll", + "readme.scroll", + "script.js", + "style.css" + ], + "stats": { + "folder": "frostybites.scroll.pub", + "folderLink": "https://frostybites.scroll.pub", + "created": "2024-12-27T00:47:23.000Z", + "revised": "2024-12-27T00:47:23.000Z", + "files": 5, + "mb": 1, + "revisions": 1, + "hash": "44eb2ee3d1" + } +} \ No newline at end of file diff --git a/body.html b/body.html index 0607543..3607ac8 100644 --- a/body.html +++ b/body.html @@ -1,5 +1,5 @@ <header> - <nav> + <nav class="main-nav"> <div class="logo">Frosty Bites</div> <button class="mobile-menu" aria-label="Toggle menu"> <span></span><span></span><span></span> @@ -16,8 +16,8 @@ <main> <section class="hero"> <div class="hero-content"> - <h1>Hot Dogs & Ice Cream Paradise</h1> - <p>Where savory meets sweet</p> + <h1>Where Hot Dogs Meet Ice Cream</h1> + <p>An unexpected combination. An unforgettable experience.</p> <a href="#menu" class="cta-button">View Menu</a> </div> </section> @@ -29,60 +29,77 @@ <h3>Gourmet Hot Dogs</h3> <div class="menu-items"> <div class="menu-item"> - <h4>Classic Dog</h4> - <p>All-beef hot dog with your choice of toppings</p> - <span class="price">$4.99</span> + <h4>Classic Supreme</h4> + <p>All-beef hot dog with mustard, ketchup, relish</p> + <span class="price">$6.99</span> </div> <div class="menu-item"> <h4>Chicago Style</h4> - <p>Traditional Chicago toppings on our signature dog</p> - <span class="price">$5.99</span> + <p>Traditional Chicago toppings on a poppy seed bun</p> + <span class="price">$7.99</span> </div> <div class="menu-item"> - <h4>Chili Cheese</h4> + <h4>Chili Cheese Dream</h4> <p>Smothered in homemade chili and melted cheese</p> - <span class="price">$6.49</span> + <span class="price">$8.99</span> </div> </div> </div> <div class="menu-category"> - <h3>Ice Cream Treats</h3> + <h3>Premium Ice Cream</h3> <div class="menu-items"> <div class="menu-item"> - <h4>Classic Sundae</h4> - <p>Three scoops with toppings of your choice</p> - <span class="price">$5.99</span> + <h4>Vanilla Bean</h4> + <p>Madagascar vanilla beans, pure cream</p> + <span class="price">$4.99</span> </div> <div class="menu-item"> - <h4>Banana Split</h4> - <p>Fresh banana with three flavors and toppings</p> - <span class="price">$7.99</span> + <h4>Double Chocolate</h4> + <p>Rich chocolate with chocolate chips</p> + <span class="price">$5.99</span> </div> <div class="menu-item"> - <h4>Waffle Cone</h4> - <p>Double scoop in our homemade waffle cone</p> - <span class="price">$4.99</span> + <h4>Strawberry Fields</h4> + <p>Fresh strawberries in creamy ice cream</p> + <span class="price">$5.99</span> </div> </div> </div> </div> </section> + + <section id="locations" class="locations-section"> + <h2>Find Us</h2> + <div class="location-cards"> + <div class="location-card"> + <h3>Downtown</h3> + <p>123 Main Street</p> + <p>Open 11AM - 10PM</p> + </div> + <div class="location-card"> + <h3>Beachfront</h3> + <p>456 Ocean Drive</p> + <p>Open 10AM - 11PM</p> + </div> + </div> + </section> </main> <footer> <div class="footer-content"> <div class="footer-section"> - <h3>Visit Us</h3> - <p>123 Foodie Street<br>Tasteville, TS 12345</p> - </div> - <div class="footer-section"> - <h3>Hours</h3> - <p>Mon-Thu: 11am-9pm<br>Fri-Sun: 11am-10pm</p> + <h3>Contact Us</h3> + <p>Phone: (555) 123-4567</p> + <p>Email: hello@frostybites.scroll.pub</p> </div> <div class="footer-section"> - <h3>Contact</h3> - <p>Phone: (555) 123-4567<br>Email: hello@frostybites.scroll.pub</p> + <h3>Follow Us</h3> + <div class="social-links"> + <a href="#" aria-label="Facebook">FB</a> + <a href="#" aria-label="Instagram">IG</a> + <a href="#" aria-label="Twitter">TW</a> + </div> </div> </div> </footer> diff --git a/index.html b/index.html new file mode 100644 index 0000000..485147f --- /dev/null +++ b/index.html @@ -0,0 +1,131 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>Frosty Bites - Gourmet Hot Dogs & Ice Cream</title> + <script>/* This HTML was generated by 📜 Scroll v164.7.0. https://scroll.pub */</script> + <style>@media print {.doNotPrint {display: none !important;}}</style> + <link rel="canonical" href="https://frostybites.scroll.pub/index.html"> + <meta name="viewport" content="width=device-width,initial-scale=1"> + <meta name="description" content=""> + <meta name="generator" content="Scroll v164.7.0"> + <meta property="og:title" content="Frosty Bites - Gourmet Hot Dogs & Ice Cream"> + <meta property="og:description" content=""> + <meta property="og:image" content=""> + + <link rel="source" type="application/git" title="Source Code Repository" href="index.scroll"> + + <meta name="twitter:card" content="summary_large_image"> +</head> +<body> +<style>.abstractIconButtonParser {position:absolute;top:0.25rem; }.abstractIconButtonParser svg {fill: rgba(204,204,204,.8);width:1.875rem;height:1.875rem; padding: 0 7px;} .abstractIconButtonParser:hover svg{fill: #333;}</style><a href="/edit.html" class="doNotPrint abstractIconButtonParser" style="right:2rem;"><svg width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M21.1213 2.70705C19.9497 1.53548 18.0503 1.53547 16.8787 2.70705L15.1989 4.38685L7.29289 12.2928C7.16473 12.421 7.07382 12.5816 7.02986 12.7574L6.02986 16.7574C5.94466 17.0982 6.04451 17.4587 6.29289 17.707C6.54127 17.9554 6.90176 18.0553 7.24254 17.9701L11.2425 16.9701C11.4184 16.9261 11.5789 16.8352 11.7071 16.707L19.5556 8.85857L21.2929 7.12126C22.4645 5.94969 22.4645 4.05019 21.2929 2.87862L21.1213 2.70705ZM18.2929 4.12126C18.6834 3.73074 19.3166 3.73074 19.7071 4.12126L19.8787 4.29283C20.2692 4.68336 20.2692 5.31653 19.8787 5.70705L18.8622 6.72357L17.3068 5.10738L18.2929 4.12126ZM15.8923 6.52185L17.4477 8.13804L10.4888 15.097L8.37437 15.6256L8.90296 13.5112L15.8923 6.52185ZM4 7.99994C4 7.44766 4.44772 6.99994 5 6.99994H10C10.5523 6.99994 11 6.55223 11 5.99994C11 5.44766 10.5523 4.99994 10 4.99994H5C3.34315 4.99994 2 6.34309 2 7.99994V18.9999C2 20.6568 3.34315 21.9999 5 21.9999H16C17.6569 21.9999 19 20.6568 19 18.9999V13.9999C19 13.4477 18.5523 12.9999 18 12.9999C17.4477 12.9999 17 13.4477 17 13.9999V18.9999C17 19.5522 16.5523 19.9999 16 19.9999H5C4.44772 19.9999 4 19.5522 4 18.9999V7.99994Z"/></svg></a> +<link rel="stylesheet" type="text/css" href="style.css"> +<header> + <nav class="main-nav"> + <div class="logo">Frosty Bites</div> + <button class="mobile-menu" aria-label="Toggle menu"> + <span></span><span></span><span></span> + </button> + <ul class="nav-links"> + <li><a href="#menu">Menu</a></li> + <li><a href="#locations">Locations</a></li> + <li><a href="#about">About</a></li> + <li><a href="#contact">Contact</a></li> + </ul> + </nav> +</header> + +<main> + <section class="hero"> + <div class="hero-content"> + <h1>Where Hot Dogs Meet Ice Cream</h1> + <p>An unexpected combination. An unforgettable experience.</p> + <a href="#menu" class="cta-button">View Menu</a> + </div> + </section> + + <section id="menu" class="menu-section"> + <h2>Our Menu</h2> + <div class="menu-container"> + <div class="menu-category"> + <h3>Gourmet Hot Dogs</h3> + <div class="menu-items"> + <div class="menu-item"> + <h4>Classic Supreme</h4> + <p>All-beef hot dog with mustard, ketchup, relish</p> + <span class="price">$6.99</span> + </div> + <div class="menu-item"> + <h4>Chicago Style</h4> + <p>Traditional Chicago toppings on a poppy seed bun</p> + <span class="price">$7.99</span> + </div> + <div class="menu-item"> + <h4>Chili Cheese Dream</h4> + <p>Smothered in homemade chili and melted cheese</p> + <span class="price">$8.99</span> + </div> + </div> + </div> + + <div class="menu-category"> + <h3>Premium Ice Cream</h3> + <div class="menu-items"> + <div class="menu-item"> + <h4>Vanilla Bean</h4> + <p>Madagascar vanilla beans, pure cream</p> + <span class="price">$4.99</span> + </div> + <div class="menu-item"> + <h4>Double Chocolate</h4> + <p>Rich chocolate with chocolate chips</p> + <span class="price">$5.99</span> + </div> + <div class="menu-item"> + <h4>Strawberry Fields</h4> + <p>Fresh strawberries in creamy ice cream</p> + <span class="price">$5.99</span> + </div> + </div> + </div> + </div> + </section> + + <section id="locations" class="locations-section"> + <h2>Find Us</h2> + <div class="location-cards"> + <div class="location-card"> + <h3>Downtown</h3> + <p>123 Main Street</p> + <p>Open 11AM - 10PM</p> + </div> + <div class="location-card"> + <h3>Beachfront</h3> + <p>456 Ocean Drive</p> + <p>Open 10AM - 11PM</p> + </div> + </div> + </section> +</main> + +<footer> + <div class="footer-content"> + <div class="footer-section"> + <h3>Contact Us</h3> + <p>Phone: (555) 123-4567</p> + <p>Email: hello@frostybites.scroll.pub</p> + </div> + <div class="footer-section"> + <h3>Follow Us</h3> + <div class="social-links"> + <a href="#" aria-label="Facebook">FB</a> + <a href="#" aria-label="Instagram">IG</a> + <a href="#" aria-label="Twitter">TW</a> + </div> + </div> + </div> +</footer> + +<script src="script.js"></script> +</body> +</html> \ No newline at end of file diff --git a/index.scroll b/index.scroll index 92fa2da..1990158 100644 --- a/index.scroll +++ b/index.scroll @@ -1,11 +1,8 @@ buildHtml baseUrl https://frostybites.scroll.pub metaTags - description "Delicious hot dogs and ice cream in one place! Enjoy gourmet hot dogs and premium ice cream treats at Frosty Bites." - keywords "hot dogs, ice cream, gourmet hot dogs, ice cream treats, food, dessert" - author "Frosty Bites" editButton /edit.html -title Frosty Bites - Gourmet Hot Dogs & Premium Ice Cream +title Frosty Bites - Gourmet Hot Dogs & Ice Cream style.css body.html script.js diff --git a/script.js b/script.js index 60515a2..d80fe43 100644 --- a/script.js +++ b/script.js @@ -1,45 +1,55 @@ -document.addEventListener('DOMContentLoaded', () => { - // Mobile menu functionality - const mobileMenu = document.querySelector('.mobile-menu'); - const navLinks = document.querySelector('.nav-links'); - - mobileMenu.addEventListener('click', () => { - navLinks.classList.toggle('active'); +document.addEventListener('DOMContentLoaded', function() { + const mobileMenu = document.querySelector('.mobile-menu'); + const navLinks = document.querySelector('.nav-links'); - // Animate hamburger to X - const spans = mobileMenu.querySelectorAll('span'); - spans.forEach(span => span.classList.toggle('active')); - }); + // Mobile menu toggle + mobileMenu.addEventListener('click', function() { + navLinks.classList.toggle('active'); + + // Animate hamburger to X + const spans = this.getElementsByTagName('span'); + this.classList.toggle('active'); + + if (this.classList.contains('active')) { + spans[0].style.transform = 'rotate(45deg) translate(5px, 5px)'; + spans[1].style.opacity = '0'; + spans[2].style.transform = 'rotate(-45deg) translate(7px, -6px)'; + } else { + spans[0].style.transform = 'none'; + spans[1].style.opacity = '1'; + spans[2].style.transform = 'none'; + } + }); - // Smooth scroll for navigation links - document.querySelectorAll('a[href^="#"]').forEach(anchor => { - anchor.addEventListener('click', function (e) { - e.preventDefault(); - const target = document.querySelector(this.getAttribute('href')); - - if (target) { - navLinks.classList.remove('active'); - target.scrollIntoView({ - behavior: 'smooth', - block: 'start' + // Smooth scroll for anchor links + document.querySelectorAll('a[href^="#"]').forEach(anchor => { + anchor.addEventListener('click', function (e) { + e.preventDefault(); + const target = document.querySelector(this.getAttribute('href')); + if (target) { + target.scrollIntoView({ + behavior: 'smooth', + block: 'start' + }); + // Close mobile menu if open + navLinks.classList.remove('active'); + } }); - } }); - }); - // Intersection Observer for animation on scroll - const observer = new IntersectionObserver((entries) => { - entries.forEach(entry => { - if (entry.isIntersecting) { - entry.target.classList.add('visible'); - } + // Intersection Observer for fade-in animations + const observer = new IntersectionObserver((entries) => { + entries.forEach(entry => { + if (entry.isIntersecting) { + entry.target.classList.add('visible'); + } + }); + }, { + threshold: 0.1 }); - }, { - threshold: 0.1 - }); - // Observe menu items - document.querySelectorAll('.menu-item').forEach(item => { - observer.observe(item); - }); + // Observe all menu items and location cards + document.querySelectorAll('.menu-item, .location-card').forEach((el) => { + observer.observe(el); + }); }); diff --git a/style.css b/style.css index 179c6a0..4dc2806 100644 --- a/style.css +++ b/style.css @@ -1,9 +1,9 @@ :root { --primary-color: #ff6b6b; --secondary-color: #4ecdc4; - --dark-color: #2d3436; - --light-color: #f9f9f9; - --transition: all 0.3s ease; + --dark-color: #2c3e50; + --light-color: #f7f9fc; + --spacing: 2rem; } * { @@ -13,13 +13,18 @@ } body { - font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + font-family: 'Segoe UI', system-ui, sans-serif; line-height: 1.6; color: var(--dark-color); + background-color: var(--light-color); } /* Header & Navigation */ -header { +.main-nav { + display: flex; + justify-content: space-between; + align-items: center; + padding: 1rem var(--spacing); background: white; box-shadow: 0 2px 10px rgba(0,0,0,0.1); position: fixed; @@ -27,20 +32,10 @@ header { z-index: 1000; } -nav { - max-width: 1200px; - margin: 0 auto; - padding: 1rem; - display: flex; - justify-content: space-between; - align-items: center; -} - .logo { font-size: 1.8rem; font-weight: bold; color: var(--primary-color); - text-decoration: none; } .nav-links { @@ -53,7 +48,7 @@ nav { text-decoration: none; color: var(--dark-color); font-weight: 500; - transition: var(--transition); + transition: color 0.3s ease; } .nav-links a:hover { @@ -67,27 +62,18 @@ nav { /* Hero Section */ .hero { height: 100vh; - background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); + background: linear-gradient(45deg, var(--primary-color), var(--secondary-color)); display: flex; align-items: center; justify-content: center; text-align: center; color: white; - padding: 2rem; + padding: var(--spacing); } .hero-content h1 { font-size: 3.5rem; margin-bottom: 1rem; - animation: fadeInUp 1s ease; -} - -.hero-content p { - font-size: 1.5rem; - margin-bottom: 2rem; - animation: fadeInUp 1s ease 0.2s; - opacity: 0; - animation-fill-mode: forwards; } .cta-button { @@ -98,102 +84,100 @@ nav { text-decoration: none; border-radius: 50px; font-weight: bold; - transition: var(--transition); - animation: fadeInUp 1s ease 0.4s; - opacity: 0; - animation-fill-mode: forwards; + margin-top: 2rem; + transition: transform 0.3s ease; } .cta-button:hover { transform: translateY(-3px); - box-shadow: 0 5px 15px rgba(0,0,0,0.2); } /* Menu Section */ .menu-section { - padding: 5rem 2rem; - background: var(--light-color); -} - -.menu-section h2 { - text-align: center; - font-size: 2.5rem; - margin-bottom: 3rem; - color: var(--primary-color); + padding: var(--spacing); + max-width: 1200px; + margin: 0 auto; } .menu-container { - max-width: 1200px; - margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; + margin-top: 2rem; } -.menu-category { +.menu-item { background: white; - padding: 2rem; + padding: 1.5rem; border-radius: 10px; - box-shadow: 0 5px 15px rgba(0,0,0,0.1); - transition: var(--transition); + box-shadow: 0 4px 6px rgba(0,0,0,0.1); + transition: transform 0.3s ease; } -.menu-category:hover { +.menu-item:hover { transform: translateY(-5px); } -.menu-item { - margin-bottom: 1.5rem; - padding-bottom: 1.5rem; - border-bottom: 1px solid #eee; +.price { + color: var(--primary-color); + font-weight: bold; + font-size: 1.2rem; } -.menu-item:last-child { - border-bottom: none; - margin-bottom: 0; - padding-bottom: 0; +/* Locations Section */ +.locations-section { + background: var(--secondary-color); + padding: var(--spacing); + color: white; } -.price { - color: var(--primary-color); - font-weight: bold; +.location-cards { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: 2rem; + margin-top: 2rem; +} + +.location-card { + background: white; + color: var(--dark-color); + padding: 1.5rem; + border-radius: 10px; + text-align: center; } /* Footer */ footer { background: var(--dark-color); color: white; - padding: 3rem 2rem; + padding: var(--spacing); } .footer-content { - max-width: 1200px; - margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; + max-width: 1200px; + margin: 0 auto; } -/* Animations */ -@keyframes fadeInUp { - from { - opacity: 0; - transform: translateY(20px); - } - to { - opacity: 1; - transform: translateY(0); - } +.social-links { + display: flex; + gap: 1rem; } -/* Mobile Responsiveness */ +.social-links a { + color: white; + text-decoration: none; +} + +/* Responsive Design */ @media (max-width: 768px) { .mobile-menu { display: block; background: none; border: none; cursor: pointer; - padding: 0.5rem; } .mobile-menu span { @@ -202,10 +186,11 @@ footer { height: 3px; background: var(--dark-color); margin: 5px 0; - transition: var(--transition); + transition: 0.3s; } .nav-links { + display: none; position: absolute; top: 100%; left: 0; @@ -214,23 +199,13 @@ footer { flex-direction: column; padding: 1rem; text-align: center; - transform: translateY(-100%); - opacity: 0; - pointer-events: none; - transition: var(--transition); } .nav-links.active { - transform: translateY(0); - opacity: 1; - pointer-events: all; + display: flex; } .hero-content h1 { font-size: 2.5rem; } - - .hero-content p { - font-size: 1.2rem; - } }

commit 44eb2ee3d14342e8b81b20559671d7d68e9dfdaf Author: root <root@hub.scroll.pub> Date: 2024-12-27 00:47:23 +0000 Subject: Initial commit diff --git a/body.html b/body.html new file mode 100644 index 0000000..0607543 --- /dev/null +++ b/body.html @@ -0,0 +1,88 @@ +<header> + <nav> + <div class="logo">Frosty Bites</div> + <button class="mobile-menu" aria-label="Toggle menu"> + <span></span><span></span><span></span> + </button> + <ul class="nav-links"> + <li><a href="#menu">Menu</a></li> + <li><a href="#locations">Locations</a></li> + <li><a href="#about">About</a></li> + <li><a href="#contact">Contact</a></li> + </ul> + </nav> +</header> + +<main> + <section class="hero"> + <div class="hero-content"> + <h1>Hot Dogs & Ice Cream Paradise</h1> + <p>Where savory meets sweet</p> + <a href="#menu" class="cta-button">View Menu</a> + </div> + </section> + + <section id="menu" class="menu-section"> + <h2>Our Menu</h2> + <div class="menu-container"> + <div class="menu-category"> + <h3>Gourmet Hot Dogs</h3> + <div class="menu-items"> + <div class="menu-item"> + <h4>Classic Dog</h4> + <p>All-beef hot dog with your choice of toppings</p> + <span class="price">$4.99</span> + </div> + <div class="menu-item"> + <h4>Chicago Style</h4> + <p>Traditional Chicago toppings on our signature dog</p> + <span class="price">$5.99</span> + </div> + <div class="menu-item"> + <h4>Chili Cheese</h4> + <p>Smothered in homemade chili and melted cheese</p> + <span class="price">$6.49</span> + </div> + </div> + </div> + + <div class="menu-category"> + <h3>Ice Cream Treats</h3> + <div class="menu-items"> + <div class="menu-item"> + <h4>Classic Sundae</h4> + <p>Three scoops with toppings of your choice</p> + <span class="price">$5.99</span> + </div> + <div class="menu-item"> + <h4>Banana Split</h4> + <p>Fresh banana with three flavors and toppings</p> + <span class="price">$7.99</span> + </div> + <div class="menu-item"> + <h4>Waffle Cone</h4> + <p>Double scoop in our homemade waffle cone</p> + <span class="price">$4.99</span> + </div> + </div> + </div> + </div> + </section> +</main> + +<footer> + <div class="footer-content"> + <div class="footer-section"> + <h3>Visit Us</h3> + <p>123 Foodie Street<br>Tasteville, TS 12345</p> + </div> + <div class="footer-section"> + <h3>Hours</h3> + <p>Mon-Thu: 11am-9pm<br>Fri-Sun: 11am-10pm</p> + </div> + <div class="footer-section"> + <h3>Contact</h3> + <p>Phone: (555) 123-4567<br>Email: hello@frostybites.scroll.pub</p> + </div> + </div> +</footer> diff --git a/index.scroll b/index.scroll new file mode 100644 index 0000000..92fa2da --- /dev/null +++ b/index.scroll @@ -0,0 +1,11 @@ +buildHtml +baseUrl https://frostybites.scroll.pub +metaTags + description "Delicious hot dogs and ice cream in one place! Enjoy gourmet hot dogs and premium ice cream treats at Frosty Bites." + keywords "hot dogs, ice cream, gourmet hot dogs, ice cream treats, food, dessert" + author "Frosty Bites" +editButton /edit.html +title Frosty Bites - Gourmet Hot Dogs & Premium Ice Cream +style.css +body.html +script.js diff --git a/readme.scroll b/readme.scroll new file mode 100644 index 0000000..095e24b --- /dev/null +++ b/readme.scroll @@ -0,0 +1,2 @@ +# frostybites.scroll.pub +Website generated from prompt: a website that sells hot dogs and ice cream \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..60515a2 --- /dev/null +++ b/script.js @@ -0,0 +1,45 @@ +document.addEventListener('DOMContentLoaded', () => { + // Mobile menu functionality + const mobileMenu = document.querySelector('.mobile-menu'); + const navLinks = document.querySelector('.nav-links'); + + mobileMenu.addEventListener('click', () => { + navLinks.classList.toggle('active'); + + // Animate hamburger to X + const spans = mobileMenu.querySelectorAll('span'); + spans.forEach(span => span.classList.toggle('active')); + }); + + // Smooth scroll for navigation links + document.querySelectorAll('a[href^="#"]').forEach(anchor => { + anchor.addEventListener('click', function (e) { + e.preventDefault(); + const target = document.querySelector(this.getAttribute('href')); + + if (target) { + navLinks.classList.remove('active'); + target.scrollIntoView({ + behavior: 'smooth', + block: 'start' + }); + } + }); + }); + + // Intersection Observer for animation on scroll + const observer = new IntersectionObserver((entries) => { + entries.forEach(entry => { + if (entry.isIntersecting) { + entry.target.classList.add('visible'); + } + }); + }, { + threshold: 0.1 + }); + + // Observe menu items + document.querySelectorAll('.menu-item').forEach(item => { + observer.observe(item); + }); +}); diff --git a/style.css b/style.css new file mode 100644 index 0000000..179c6a0 --- /dev/null +++ b/style.css @@ -0,0 +1,236 @@ +:root { + --primary-color: #ff6b6b; + --secondary-color: #4ecdc4; + --dark-color: #2d3436; + --light-color: #f9f9f9; + --transition: all 0.3s ease; +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + line-height: 1.6; + color: var(--dark-color); +} + +/* Header & Navigation */ +header { + background: white; + box-shadow: 0 2px 10px rgba(0,0,0,0.1); + position: fixed; + width: 100%; + z-index: 1000; +} + +nav { + max-width: 1200px; + margin: 0 auto; + padding: 1rem; + display: flex; + justify-content: space-between; + align-items: center; +} + +.logo { + font-size: 1.8rem; + font-weight: bold; + color: var(--primary-color); + text-decoration: none; +} + +.nav-links { + display: flex; + list-style: none; + gap: 2rem; +} + +.nav-links a { + text-decoration: none; + color: var(--dark-color); + font-weight: 500; + transition: var(--transition); +} + +.nav-links a:hover { + color: var(--primary-color); +} + +.mobile-menu { + display: none; +} + +/* Hero Section */ +.hero { + height: 100vh; + background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); + display: flex; + align-items: center; + justify-content: center; + text-align: center; + color: white; + padding: 2rem; +} + +.hero-content h1 { + font-size: 3.5rem; + margin-bottom: 1rem; + animation: fadeInUp 1s ease; +} + +.hero-content p { + font-size: 1.5rem; + margin-bottom: 2rem; + animation: fadeInUp 1s ease 0.2s; + opacity: 0; + animation-fill-mode: forwards; +} + +.cta-button { + display: inline-block; + padding: 1rem 2rem; + background: white; + color: var(--primary-color); + text-decoration: none; + border-radius: 50px; + font-weight: bold; + transition: var(--transition); + animation: fadeInUp 1s ease 0.4s; + opacity: 0; + animation-fill-mode: forwards; +} + +.cta-button:hover { + transform: translateY(-3px); + box-shadow: 0 5px 15px rgba(0,0,0,0.2); +} + +/* Menu Section */ +.menu-section { + padding: 5rem 2rem; + background: var(--light-color); +} + +.menu-section h2 { + text-align: center; + font-size: 2.5rem; + margin-bottom: 3rem; + color: var(--primary-color); +} + +.menu-container { + max-width: 1200px; + margin: 0 auto; + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + gap: 2rem; +} + +.menu-category { + background: white; + padding: 2rem; + border-radius: 10px; + box-shadow: 0 5px 15px rgba(0,0,0,0.1); + transition: var(--transition); +} + +.menu-category:hover { + transform: translateY(-5px); +} + +.menu-item { + margin-bottom: 1.5rem; + padding-bottom: 1.5rem; + border-bottom: 1px solid #eee; +} + +.menu-item:last-child { + border-bottom: none; + margin-bottom: 0; + padding-bottom: 0; +} + +.price { + color: var(--primary-color); + font-weight: bold; +} + +/* Footer */ +footer { + background: var(--dark-color); + color: white; + padding: 3rem 2rem; +} + +.footer-content { + max-width: 1200px; + margin: 0 auto; + display: grid; + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + gap: 2rem; +} + +/* Animations */ +@keyframes fadeInUp { + from { + opacity: 0; + transform: translateY(20px); + } + to { + opacity: 1; + transform: translateY(0); + } +} + +/* Mobile Responsiveness */ +@media (max-width: 768px) { + .mobile-menu { + display: block; + background: none; + border: none; + cursor: pointer; + padding: 0.5rem; + } + + .mobile-menu span { + display: block; + width: 25px; + height: 3px; + background: var(--dark-color); + margin: 5px 0; + transition: var(--transition); + } + + .nav-links { + position: absolute; + top: 100%; + left: 0; + right: 0; + background: white; + flex-direction: column; + padding: 1rem; + text-align: center; + transform: translateY(-100%); + opacity: 0; + pointer-events: none; + transition: var(--transition); + } + + .nav-links.active { + transform: translateY(0); + opacity: 1; + pointer-events: all; + } + + .hero-content h1 { + font-size: 2.5rem; + } + + .hero-content p { + font-size: 1.2rem; + } +}