Compare commits
15
Commits
da134cd0bb
..
main
| Author | SHA1 | Date | |
|---|---|---|---|
 rootandClaude Opus 5.5
|
b7b52958c3 | ||
|
rootandClaude Opus 5.5
|
e791d0312d | ||
|
rootandClaude Opus 5.5
|
0364ddc793 | ||
|
rootandClaude Opus 5.5
|
0805824e8b | ||
|
rootandClaude Opus 5.5
|
706854a9a7 | ||
|
rootandClaude Opus 5.5
|
002dfa21f1 | ||
|
rootandClaude Opus 5.5
|
e77f081b44 | ||
|
rootandClaude Opus 5.5
|
2d10461da9 | ||
|
rootandClaude Opus 5.5
|
d532a3fd1f | ||
|
rootandClaude Opus 5.5
|
98de44410e | ||
|
rootandClaude Opus 5.5
|
2acd62009b | ||
|
KNSO
|
8d4512d9b4 | ||
|
rootandClaude Opus 5.5
|
455d60a846 | ||
|
rootandClaude Opus 5.5
|
08f687822f | ||
|
rootandClaude Opus 5.5
|
12d8f41fd8 |
No files matched your search
+600
-196
File diff suppressed because it is too large.
Load diff
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 87 KiB After Width: | Height: | Size: 88 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" preserveAspectRatio="xMidYMid meet"><path d="M140 940 C103 940 49 912 29 900 C9 888 23 878 22 867 C22 856 23 846 27 835 C31 824 38 813 45 802 C52 791 62 780 69 769 C75 758 83 748 85 737 C88 726 87 715 84 704 C82 693 74 682 70 671 C66 661 61 650 61 639 C62 628 67 606 73 606 C78 606 86 628 95 639 C105 650 119 661 132 671 C145 682 159 693 172 704 C184 715 197 726 206 737 C216 748 224 758 230 769 C236 780 239 791 242 802 C244 813 245 824 247 835 C248 846 249 856 250 867 C250 878 269 888 251 900 C233 912 177 940 140 940Z"/><path d="M200 931 C171 931 129 913 114 900 C99 887 109 870 107 855 C106 840 105 825 107 810 C108 795 112 780 116 765 C121 750 128 735 133 720 C139 705 146 690 149 675 C151 660 152 645 150 630 C148 615 142 600 136 585 C131 570 122 555 117 540 C113 525 103 495 108 495 C112 495 131 525 144 540 C157 555 172 570 184 585 C196 600 208 615 218 630 C227 645 236 660 242 675 C249 690 254 705 258 720 C263 735 265 750 269 765 C272 780 274 795 277 810 C279 825 282 840 284 855 C285 870 300 887 286 900 C272 913 229 931 200 931Z"/><path d="M260 932 C230 932 186 914 171 900 C156 886 169 864 169 846 C170 827 171 809 172 791 C173 773 175 755 176 737 C177 718 179 700 180 682 C181 664 182 646 182 628 C183 609 183 591 184 573 C185 555 186 537 189 519 C191 500 195 482 200 464 C204 446 209 410 214 410 C218 410 223 446 227 464 C231 482 234 500 238 519 C243 537 247 555 254 573 C261 591 270 609 279 628 C288 646 300 664 309 682 C318 700 327 718 334 737 C340 755 345 773 348 791 C351 809 352 827 352 846 C352 864 364 886 349 900 C334 914 290 932 260 932Z"/><path d="M320 931 C292 931 249 915 235 900 C220 885 232 861 231 841 C229 821 228 802 228 782 C227 762 227 742 229 723 C230 703 233 683 236 664 C240 644 245 624 248 605 C252 585 256 565 258 545 C259 526 260 506 259 486 C258 467 256 447 253 427 C250 408 237 368 242 368 C246 368 269 408 279 427 C290 447 299 467 307 486 C314 506 319 526 325 545 C331 565 335 585 341 605 C347 624 354 644 360 664 C367 683 374 703 380 723 C386 742 392 762 397 782 C401 802 404 821 406 841 C407 861 420 885 405 900 C391 915 348 931 320 931Z"/><path d="M380 933 C350 933 304 917 289 900 C274 883 289 852 290 828 C291 805 293 781 295 757 C297 733 299 709 301 685 C303 662 305 638 307 614 C310 590 313 566 316 542 C320 519 325 495 331 471 C337 447 344 423 352 399 C360 376 371 352 380 328 C389 304 402 256 406 256 C411 256 408 304 408 328 C407 352 403 376 402 399 C401 423 400 447 402 471 C404 495 409 519 415 542 C421 566 431 590 439 614 C446 638 455 662 461 685 C467 709 472 733 474 757 C477 781 476 805 476 828 C475 852 487 883 471 900 C455 917 410 933 380 933Z"/><path d="M440 931 C412 931 370 916 355 900 C340 884 351 855 352 832 C352 809 353 787 357 764 C360 742 366 719 372 696 C378 674 386 651 393 628 C400 606 408 583 413 561 C418 538 422 515 424 493 C426 470 426 447 427 425 C429 402 429 380 433 357 C436 334 445 289 449 289 C454 289 455 334 459 357 C463 380 469 402 475 425 C480 447 486 470 491 493 C496 515 501 538 506 561 C510 583 514 606 517 628 C519 651 521 674 522 696 C524 719 524 742 525 764 C525 787 526 809 526 832 C526 855 539 884 525 900 C511 916 468 931 440 931Z"/><path d="M500 942 C461 942 405 923 384 900 C364 877 379 836 377 805 C375 773 373 741 374 709 C375 678 379 646 385 614 C391 582 401 551 411 519 C421 487 435 455 444 424 C453 392 462 360 465 328 C469 297 468 265 465 233 C463 201 455 170 449 138 C443 106 425 43 431 43 C437 43 468 106 485 138 C501 170 518 201 530 233 C542 265 549 297 556 328 C563 360 566 392 570 424 C573 455 576 487 579 519 C582 551 585 582 589 614 C593 646 599 678 603 709 C607 741 612 773 614 805 C616 836 634 877 616 900 C597 923 539 942 500 942Z"/><path d="M560 933 C529 933 483 919 468 900 C452 881 466 847 468 821 C470 794 473 768 477 742 C482 715 488 689 494 663 C500 636 507 610 514 583 C521 557 528 531 535 504 C542 478 548 452 555 425 C562 399 569 372 578 346 C587 320 597 293 609 267 C621 241 645 188 649 188 C654 188 641 241 638 267 C634 293 631 320 629 346 C627 372 627 399 628 425 C629 452 632 478 636 504 C639 531 645 557 648 583 C652 610 655 636 657 663 C659 689 660 715 660 742 C660 768 658 794 657 821 C656 847 668 881 652 900 C636 919 591 933 560 933Z"/><path d="M620 934 C588 934 541 918 525 900 C508 882 520 851 520 826 C520 802 520 777 523 752 C527 728 532 703 539 679 C546 654 556 629 564 605 C572 580 583 556 589 531 C596 506 601 482 604 457 C607 432 606 408 606 383 C606 359 604 334 606 309 C607 285 610 236 615 236 C620 236 628 285 635 309 C643 334 652 359 659 383 C667 408 673 432 679 457 C685 482 689 506 693 531 C697 556 700 580 703 605 C705 629 706 654 708 679 C710 703 711 728 712 752 C713 777 715 802 715 826 C716 851 731 882 715 900 C700 918 652 934 620 934Z"/><path d="M680 934 C648 934 600 914 584 900 C569 886 586 866 587 849 C588 832 591 815 593 798 C595 781 596 764 599 747 C601 730 603 713 608 695 C612 678 617 661 625 644 C632 627 642 610 653 593 C664 576 678 559 691 542 C705 525 721 508 733 491 C746Line truncated
|
||||
|
After Width: | Height: | Size: 7.1 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 260" preserveAspectRatio="none"><path d="M-40 261 C-59 261 -87 246 -97 240 C-107 234 -101 229 -101 223 C-102 217 -102 211 -100 206 C-99 200 -96 194 -93 188 C-90 183 -86 177 -81 171 C-77 165 -72 160 -68 154 C-64 148 -61 142 -58 137 C-55 131 -53 125 -51 120 C-48 114 -46 108 -43 102 C-40 97 -35 85 -32 85 C-29 85 -27 97 -25 102 C-23 108 -21 114 -19 120 C-17 125 -15 131 -13 137 C-10 142 -7 148 -4 154 C-1 160 4 165 7 171 C10 177 14 183 16 188 C19 194 20 200 21 206 C22 211 22 217 21 223 C21 229 27 234 17 240 C7 246 -21 261 -40 261Z"/><path d="M55 267 C30 267 -7 247 -21 240 C-35 233 -27 230 -29 225 C-30 220 -33 215 -32 211 C-31 206 -29 201 -24 196 C-20 191 -12 186 -4 181 C4 176 15 171 23 166 C31 161 39 156 44 152 C49 147 51 142 51 137 C52 132 49 127 47 122 C45 117 35 107 39 107 C42 107 61 117 70 122 C79 127 88 132 94 137 C99 142 102 147 104 152 C106 156 107 161 108 166 C110 171 112 176 114 181 C116 186 118 191 121 196 C124 201 128 206 130 211 C132 215 134 220 135 225 C135 230 145 233 131 240 C118 247 81 267 55 267Z"/><path d="M131 265 C108 265 74 246 62 240 C49 234 55 234 54 231 C54 229 54 226 57 223 C60 220 65 217 71 214 C77 211 85 209 91 206 C97 203 104 200 108 197 C111 194 112 191 112 189 C112 186 108 183 107 180 C106 177 104 174 106 171 C108 169 115 163 118 163 C122 163 123 169 127 171 C132 174 140 177 146 180 C153 183 160 186 167 189 C174 191 180 194 186 197 C191 200 196 203 199 206 C202 209 203 211 204 214 C205 217 205 220 205 223 C205 226 204 229 204 231 C203 234 213 234 201 240 C189 246 154 265 131 265Z"/><path d="M192 269 C165 269 125 248 110 240 C96 232 106 228 106 222 C106 216 108 210 110 204 C112 198 116 192 120 186 C124 180 129 174 134 168 C139 162 144 157 149 151 C154 145 159 139 164 133 C169 127 173 121 180 115 C186 109 194 103 202 97 C210 91 224 79 228 79 C233 79 228 91 227 97 C226 103 225 109 225 115 C225 121 225 127 228 133 C231 139 236 145 241 151 C247 157 255 162 261 168 C266 174 273 180 276 186 C280 192 283 198 283 204 C284 210 283 216 281 222 C280 228 289 232 274 240 C259 248 219 269 192 269Z"/><path d="M266 264 C244 264 211 246 199 240 C187 234 194 234 193 231 C192 228 192 225 194 222 C196 219 200 215 205 212 C209 209 216 206 222 203 C228 200 236 197 241 194 C246 191 250 188 253 185 C256 182 256 179 257 176 C258 172 259 169 261 166 C263 163 267 157 270 157 C274 157 277 163 282 166 C286 169 290 172 294 176 C299 179 302 182 306 185 C309 188 313 191 316 194 C320 197 323 200 326 203 C329 206 331 209 333 212 C335 215 336 219 337 222 C337 225 337 228 337 231 C336 234 345 234 333 240 C321 246 288 264 266 264Z"/><path d="M362 260 C344 260 316 247 306 240 C296 233 303 226 302 219 C302 213 301 206 302 199 C303 192 305 185 307 178 C309 172 313 165 316 158 C320 151 325 144 329 137 C333 131 337 124 340 117 C343 110 345 103 347 96 C350 89 352 83 354 76 C356 69 357 55 360 55 C363 55 368 69 371 76 C374 83 376 89 379 96 C381 103 382 110 384 117 C386 124 389 131 392 137 C395 144 400 151 403 158 C407 165 411 172 414 178 C417 185 420 192 421 199 C423 206 423 213 422 219 C422 226 428 233 418 240 C408 247 381 260 362 260Z"/><path d="M443 261 C424 261 396 245 386 240 C376 235 384 235 383 232 C382 229 382 226 382 224 C382 221 382 218 384 216 C386 213 388 210 392 208 C396 205 402 202 407 199 C413 197 421 194 428 191 C434 189 441 186 447 183 C453 180 459 178 463 175 C467 172 467 167 470 167 C473 167 479 172 481 175 C483 178 481 180 480 183 C478 186 474 189 473 191 C472 194 471 197 473 199 C474 202 478 205 481 208 C485 210 491 213 495 216 C499 218 503 221 505 224 C507 226 508 229 507 232 C507 235 512 235 501 240 C491 245 463 261 443 261Z"/><path d="M512 269 C485 269 446 248 431 240 C416 232 424 227 422 220 C421 213 420 207 421 200 C423 193 428 187 434 180 C441 173 450 166 460 160 C469 153 481 146 489 140 C497 133 504 126 508 120 C512 113 512 106 511 100 C511 93 507 86 506 80 C505 73 501 59 505 59 C509 59 523 73 531 80 C540 86 550 93 556 100 C563 106 568 113 572 120 C576 126 578 133 580 140 C582 146 583 153 585 160 C586 166 587 173 589 180 C590 187 592 193 593 200 C594 207 596 213 596 220 C596 227 607 232 593 240 C579 248 539 269 512 269Z"/><path d="M604 260 C586 260 558 246 548 240 C538 234 545 231 544 226 C543 221 541 216 542 212 C542 207 543 202 546 197 C549 193 554 188 560 183 C566 178 575 174 582 169 C589 164 598 159 604 155 C610 150 615 145 618 140 C621 136 623 131 623 126 C623 121 616 112 619 112 C622 112 635 121 640 126 C645 131 648 136 650 140 C651 145 649 150 648 155 C647 159 645 164 645 169 C645 174 645 178 646 183 C648 188 650 193 653 197 C655 202 659 207 660 212 C662 216 664 221 664 226 C664 231 670 234 660 240 C650 246 623 260 604 260Z"/><path d="M704 263 C682 263 651 246 639 240 C628 234 635 232 634 227 C633 223 632 219 633 215 C634 210 636 206 639 202 C643 198 648 193 653 189 C658 185 665 181 670 177 C675 172 681 168 684 164 C688 160 689 155 691 151 C692 147 693 143 693 138 C694 134 692 126 696 126 C699 126 708 134 713 138 C719 143 723 147 727 15Line truncated
|
||||
|
After Width: | Height: | Size: 10 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 260" preserveAspectRatio="none"><path d="M-40 258 C-56 258 -80 245 -89 240 C-97 235 -90 232 -89 229 C-89 225 -86 221 -85 217 C-83 214 -81 210 -80 206 C-79 202 -78 198 -78 195 C-78 191 -78 187 -78 183 C-77 179 -78 176 -75 172 C-73 168 -69 164 -64 161 C-58 157 -49 153 -40 149 C-31 145 -14 138 -11 138 C-9 138 -21 145 -25 149 C-29 153 -34 157 -36 161 C-38 164 -39 168 -37 172 C-35 176 -29 179 -23 183 C-18 187 -9 191 -3 195 C3 198 9 202 13 206 C17 210 18 214 18 217 C19 221 17 225 15 229 C13 232 18 235 9 240 C-1 245 -24 258 -40 258Z"/><path d="M19 255 C5 255 -15 245 -23 240 C-31 235 -26 229 -27 223 C-28 217 -29 211 -29 206 C-28 200 -27 194 -26 188 C-25 183 -22 177 -20 171 C-18 165 -15 160 -13 154 C-12 148 -10 142 -10 137 C-10 131 -10 125 -11 119 C-12 114 -13 108 -14 102 C-14 96 -18 85 -16 85 C-13 85 -5 96 -1 102 C4 108 9 114 13 119 C17 125 20 131 23 137 C27 142 31 148 34 154 C38 160 42 165 46 171 C49 177 52 183 55 188 C58 194 60 200 62 206 C63 211 64 217 64 223 C64 229 69 235 62 240 C55 245 34 255 19 255Z"/><path d="M69 258 C52 258 27 247 18 240 C9 233 16 225 16 218 C16 210 16 203 16 195 C16 188 16 180 16 173 C16 165 16 158 16 150 C16 143 17 135 18 128 C19 120 20 113 23 105 C25 98 28 90 32 83 C36 75 41 68 45 60 C49 53 52 38 55 38 C58 38 60 53 61 60 C61 68 60 75 60 83 C61 90 60 98 63 105 C65 113 70 120 75 128 C80 135 88 143 95 150 C101 158 108 165 113 173 C118 180 122 188 124 195 C126 203 126 210 125 218 C125 225 129 233 120 240 C111 247 86 258 69 258Z"/><path d="M149 260 C131 260 104 246 95 240 C85 234 93 230 92 225 C91 219 89 214 89 209 C89 204 88 199 90 194 C92 189 95 184 101 178 C107 173 116 168 125 163 C134 158 146 153 155 148 C163 142 173 137 179 132 C185 127 189 122 191 117 C192 112 185 101 187 101 C190 101 204 112 208 117 C211 122 211 127 209 132 C208 137 201 142 197 148 C194 153 188 158 186 163 C184 168 184 173 186 178 C187 184 191 189 194 194 C197 199 202 204 205 209 C207 214 209 219 209 225 C209 230 214 234 204 240 C194 246 168 260 149 260Z"/><path d="M206 256 C191 256 169 244 162 240 C154 236 161 233 160 229 C160 226 160 222 160 218 C160 215 160 211 161 208 C161 204 161 200 162 197 C163 193 165 190 168 186 C170 182 174 179 178 175 C182 172 187 168 192 164 C197 161 203 157 207 154 C212 150 215 143 217 143 C220 143 221 150 221 154 C221 157 218 161 217 164 C215 168 213 172 213 175 C213 179 215 182 218 186 C221 190 226 193 231 197 C236 200 242 204 246 208 C250 211 253 215 255 218 C256 222 256 226 256 229 C255 233 259 236 251 240 C242 244 221 256 206 256Z"/><path d="M273 260 C255 260 228 246 217 240 C207 234 212 230 210 225 C208 220 206 215 207 210 C208 205 210 200 215 195 C220 190 228 185 235 180 C243 175 253 170 260 165 C266 160 272 155 275 150 C277 145 276 140 273 135 C271 130 264 125 260 120 C256 115 244 105 247 105 C250 105 268 115 277 120 C287 125 297 130 304 135 C311 140 316 145 319 150 C322 155 322 160 322 165 C323 170 322 175 322 180 C322 185 321 190 322 195 C323 200 324 205 326 210 C327 215 329 220 330 225 C331 230 339 234 329 240 C320 246 292 260 273 260Z"/><path d="M327 260 C308 260 280 246 270 240 C260 234 266 229 265 224 C265 219 264 213 264 208 C265 203 267 198 269 192 C271 187 275 182 279 176 C283 171 288 166 292 160 C296 155 301 150 303 145 C306 139 307 134 309 129 C310 123 311 118 311 113 C312 107 310 97 313 97 C316 97 324 107 329 113 C333 118 337 123 340 129 C344 134 345 139 348 145 C351 150 353 155 356 160 C360 166 364 171 367 176 C371 182 375 187 378 192 C381 198 384 203 385 208 C387 213 388 219 387 224 C387 229 394 234 384 240 C374 246 346 260 327 260Z"/><path d="M384 261 C364 261 335 247 325 240 C314 233 320 226 319 220 C318 213 318 206 318 199 C319 192 321 186 323 179 C326 172 330 165 333 158 C337 152 343 145 346 138 C350 131 353 125 355 118 C357 111 357 104 358 97 C358 91 358 84 358 77 C358 70 356 57 359 57 C362 57 371 70 377 77 C382 84 387 91 391 97 C395 104 398 111 402 118 C405 125 409 131 413 138 C417 145 422 152 426 158 C430 165 434 172 437 179 C440 186 443 192 445 199 C446 206 447 213 447 220 C447 226 454 233 444 240 C433 247 404 261 384 261Z"/><path d="M462 261 C443 261 414 246 404 240 C394 234 400 231 401 226 C402 222 405 217 408 213 C411 208 416 204 420 199 C424 195 428 190 431 186 C433 181 434 176 435 172 C436 167 434 163 435 158 C435 154 435 149 438 145 C442 140 448 136 457 131 C466 127 488 118 491 118 C494 118 478 127 475 131 C472 136 470 140 471 145 C472 149 475 154 480 158 C485 163 494 167 500 172 C507 176 515 181 520 186 C526 190 529 195 531 199 C533 204 532 208 531 213 C530 217 527 222 525 226 C524 231 531 234 520 240 C509 246 481 261 462 261Z"/><path d="M535 256 C521 256 499 245 491 240 C483 235 487 229 486 223 C485 217 485 212 486 206 C487 201 489 195 491 189 C493 184 496 178 498 172 C500 167 503 161 504 155 C505 150 504 144 503 138 C502 133 499 127 498 122 C496 116 494 110 494 105 C494 99 494 88 497 88 C499 88 504 99 508 105 C512 110 518 116 523 122 C528 127 533 133 538 138 C543 144 549 150 554 155 C559 161 Line truncated
|
||||
|
After Width: | Height: | Size: 13 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1300 -1300 2600 2600"><path d="M169 -2 C172 1 181 9 184 16 C188 22 189 29 190 35 C192 42 193 49 193 56 C193 63 193 70 192 77 C192 84 188 90 190 99 C191 108 199 121 201 131 C202 141 204 154 199 159 C193 164 172 157 165 161 C158 166 159 177 157 187 C154 196 157 215 150 219 C143 223 125 211 115 210 C105 208 98 210 90 211 C82 213 76 215 69 221 C63 226 58 238 51 245 C44 252 36 264 28 263 C20 262 10 242 2 236 C-6 230 -13 229 -20 227 C-28 224 -35 224 -42 222 C-49 219 -56 216 -63 213 C-70 211 -77 209 -84 207 C-91 205 -98 203 -105 200 C-112 197 -122 192 -126 191 C-129 189 -129 189 -126 191 C-122 192 -112 197 -105 200 C-98 203 -91 205 -84 207 C-77 209 -69 210 -62 210 C-55 210 -47 209 -40 208 C-32 207 -25 206 -18 205 C-12 203 -5 202 2 200 C8 198 15 196 21 193 C27 191 33 188 39 185 C44 182 50 179 55 176 C60 172 65 169 70 165 C75 161 80 158 84 154 C89 150 93 146 97 142 C101 137 104 133 108 129 C112 124 115 120 118 115 C121 111 124 106 127 102 C130 97 132 93 135 88 C137 83 139 78 142 74 C144 69 146 64 147 59 C149 54 151 49 152 44 C154 39 155 34 157 29 C158 24 159 19 161 14 C163 9 168 0 169 -2 C171 -5 167 -5 169 -2Z"/><path d="M121 124 C121 127 121 139 119 145 C118 151 114 156 111 162 C108 167 104 170 101 177 C98 184 97 195 94 205 C92 215 91 234 86 237 C80 240 67 225 59 222 C51 219 45 218 39 219 C32 219 26 223 20 224 C14 225 7 227 1 227 C-5 228 -12 229 -19 229 C-25 229 -32 228 -38 228 C-45 227 -51 225 -58 225 C-65 225 -71 224 -79 226 C-88 229 -101 241 -108 241 C-116 241 -119 230 -126 226 C-133 223 -143 225 -148 219 C-153 213 -151 199 -153 190 C-155 181 -157 173 -160 166 C-162 160 -167 155 -171 150 C-175 145 -179 140 -184 136 C-188 131 -193 126 -197 121 C-201 116 -207 107 -209 105 C-211 102 -211 102 -209 105 C-207 107 -201 116 -197 121 C-193 126 -188 131 -184 136 C-179 140 -174 144 -168 148 C-163 151 -156 154 -150 157 C-144 159 -138 162 -133 164 C-127 167 -121 169 -115 170 C-109 172 -103 174 -97 175 C-92 176 -86 177 -80 178 C-74 179 -69 179 -63 179 C-57 180 -52 180 -46 180 C-41 180 -35 179 -30 179 C-25 179 -20 178 -14 177 C-9 176 -4 175 1 174 C6 173 11 172 15 171 C20 169 25 168 29 166 C34 165 39 163 43 161 C47 159 52 158 56 156 C60 154 65 152 69 149 C73 147 77 145 81 143 C85 140 89 138 93 136 C97 133 101 131 106 129 C110 127 118 125 121 124 C123 123 121 120 121 124Z"/><path d="M-18 177 C-21 179 -31 188 -37 192 C-44 195 -50 196 -57 197 C-64 199 -71 199 -78 199 C-85 199 -92 198 -98 197 C-105 196 -112 195 -119 193 C-125 191 -132 188 -139 185 C-145 182 -151 179 -157 175 C-163 171 -169 167 -175 162 C-180 157 -186 152 -191 147 C-196 142 -200 136 -205 130 C-209 124 -213 118 -217 112 C-220 106 -223 99 -226 92 C-229 85 -230 78 -234 72 C-238 65 -244 59 -251 53 C-259 46 -279 40 -280 33 C-281 25 -264 15 -257 7 C-250 -1 -244 -8 -240 -16 C-236 -23 -237 -30 -235 -37 C-232 -44 -229 -50 -227 -57 C-224 -63 -223 -70 -221 -77 C-219 -84 -218 -91 -216 -98 C-214 -105 -210 -115 -209 -118 C-207 -122 -207 -122 -209 -118 C-210 -115 -214 -105 -216 -98 C-218 -91 -220 -84 -221 -77 C-222 -70 -223 -63 -223 -56 C-222 -49 -220 -41 -218 -34 C-217 -27 -216 -20 -214 -14 C-212 -7 -210 -1 -208 5 C-205 11 -203 17 -200 23 C-197 29 -195 35 -191 40 C-188 45 -185 51 -182 56 C-179 60 -175 65 -171 70 C-168 74 -164 79 -160 83 C-157 87 -153 91 -149 95 C-145 99 -141 102 -137 106 C-133 109 -129 112 -124 115 C-120 118 -116 121 -112 124 C-108 127 -103 130 -99 132 C-95 135 -90 137 -86 140 C-82 142 -77 144 -73 146 C-69 149 -64 151 -60 153 C-55 155 -51 157 -46 159 C-41 161 -37 162 -32 165 C-27 168 -20 175 -18 177 C-16 179 -15 174 -18 177Z"/><path d="M-159 92 C-163 90 -178 86 -186 82 C-193 77 -199 71 -204 64 C-209 58 -214 51 -218 43 C-223 36 -226 28 -229 20 C-232 12 -234 3 -236 -6 C-238 -14 -239 -23 -239 -32 C-239 -41 -239 -50 -238 -59 C-237 -68 -234 -76 -234 -86 C-235 -96 -236 -106 -242 -120 C-248 -135 -274 -163 -272 -174 C-270 -185 -246 -185 -231 -187 C-216 -189 -195 -182 -182 -184 C-170 -186 -166 -194 -159 -199 C-151 -204 -143 -210 -135 -215 C-128 -219 -119 -224 -111 -227 C-102 -231 -94 -234 -85 -236 C-76 -239 -67 -241 -58 -242 C-49 -243 -40 -244 -31 -244 C-22 -244 -13 -242 -4 -241 C5 -241 14 -241 23 -241 C31 -241 40 -241 49 -240 C58 -239 72 -236 76 -236 C80 -235 80 -235 76 -236 C72 -236 58 -239 49 -240 C40 -241 31 -241 23 -241 C14 -240 5 -239 -4 -237 C-12 -235 -21 -230 -29 -226 C-36 -223 -44 -219 -51 -215 C-59 -210 -66 -206 -72 -201 C-79 -196 -85 -191 -91 -186 C-97 -181 -102 -175 -107 -170 C-112 -164 -117 -158 -121 -153 C-126 -147 -130 -141 -134 -135 C-137 -129 -141 -122 -144 -116 C-147 -110 -149 -104 -152 -97 C-154 -91 -156 -85 -158 -79 C-160 -72 -162 -66 -163 -60 C-164 -53 -165 -47 -166 -41 C-167 -35 -167 -29 -167 -22 C-168 -16 -168 -10 -168 -4 C-168 2 -167 8 -167 14 C-166 20 -166 26 -165 33 C-164 39 -163 45 -162 51 C-161 57 -159 63 -159 70 C-158 76 -159 88 -159 92 C-159 95 -154 93 -159 92Z"/><path d="M-158 -66 C-160 -70 -164 -80 -166 -86 C-167 -93 -166 -99 -165 -105 C-164 -111 -163 -117 -161 -122 C-160 -128 -157 -134 -15Line truncated
|
||||
|
After Width: | Height: | Size: 58 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 40" preserveAspectRatio="none"><path d="M0 40V9.9L9.4 9.2L18.8 10.0L32.2 17.7L40.2 9.9L47.6 10.3L61.5 3.9L69.9 21.2L84.3 2.9L95.9 17.1L102.9 9.6L118.2 7.5L126.5 7.7L141.2 7.1L150.7 15.8L157.5 22.6L163.0 19.3L171.1 16.5L179.8 4.0L189.4 19.4L197.4 21.4L206.0 24.3L212.1 12.1L225.5 12.3L234.1 16.3L239.6 24.1L255.1 25.3L260.3 25.4L273.8 25.0L285.6 4.9L292.8 10.5L302.0 5.3L307.1 11.1L320.7 13.2L326.7 6.2L334.0 9.0L340.9 10.7L346.3 12.5L362.3 17.5L375.8 25.8L386.1 15.4L391.5 12.5L406.3 7.0L411.6 12.4L418.9 23.7L425.5 24.7L436.7 6.0L451.6 22.2L464.8 9.7L472.1 11.0L487.3 19.8L501.1 22.7L511.9 20.3L519.8 11.6L525.6 11.6L538.0 24.2L544.4 8.7L550.1 19.4L561.3 24.7L568.7 24.6L573.9 3.2L587.8 23.8L598.8 4.0L611.2 24.1L624.7 17.5L630.0 18.7L640.4 8.1L646.9 21.8L657.7 23.1L671.8 17.8L681.0 13.6L688.5 25.4L694.6 19.2L709.3 15.8L723.8 9.2L738.5 13.4L752.7 22.4L759.5 3.8L766.1 14.1L777.1 9.1L782.2 17.8L792.5 16.7L798.4 23.3L807.3 25.7L819.2 19.0L827.6 6.7L842.6 23.6L856.3 16.0L862.8 14.5L875.1 9.5L881.7 3.8L896.6 18.4L905.5 9.7L914.9 3.8L927.1 13.4L932.4 25.1L946.5 10.1L962.0 18.5L972.4 24.9L985.8 3.2L998.0 21.4L1009.8 5.0L1025.0 18.8L1039.8 13.6L1047.4 19.3L1063.3 6.0L1072.7 4.8L1082.3 11.3L1093.2 19.1L1102.2 8.2L1108.9 25.5L1124.8 8.0L1133.2 12.6L1140.7 10.9L1154.2 12.3L1162.5 3.6L1176.2 17.8L1191.8 17.4L1198.5 8.6L1200.0 9.9V40Z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 1080" fill="none" stroke-linecap="round" stroke-linejoin="round"><defs><path id="s0" d="M580 644L595 632 737 496 746 491"/><path id="s2" d="M1119 892L1162 987 1167 991 1175 991 1241 980 1297 965"/><path id="s5" d="M832 928L900 916 909 924 928 926 1109 896 1119 892"/></defs><path fill="#ffd654" stroke="none" d="M118 167L112 168 102 182 107 190 141 191 177 149 142 122 118 167Z M737 787L759 839 730 852 763 923 768 922 769 925 745 928 635 910 585 905 574 901 565 894 505 893 505 901 377 892 327 891 327 887 260 886 261 880 307 870 307 859 424 847 550 830 605 808 731 765 741 783 737 787Z M371 466L334 509 338 527 384 518 382 508 543 476 535 449 442 436 405 449 371 466Z M1406 486L1485 446 1516 501 1433 545 1406 486Z M932 185L876 218 868 226 932 225 932 185Z M1026 254L933 252 934 184 1011 141 1011 171 1015 171 1029 171 1026 254Z M1423 635L1394 643 1391 650 1407 701 1414 705 1445 695 1448 686 1430 639 1423 635Z M1214 91L1177 118 1190 139 1226 106 1214 91Z M782 1162L787 1164 785 1171 741 1178 719 1179 703 1182 690 1187 506 1215 505 1210 522 1208 537 1202 782 1162Z M803 1169L881 1156 922 1144 1030 1124 1054 1114 1007 1104 1003 1114 994 1118 935 1129 905 1123 885 1136 858 1141 845 1149 815 1155 798 1153 797 1159 803 1169Z M492 1212L493 1218 283 1250 282 1245 492 1212Z M1046 1133L1104 1108 1118 1105 1136 1105 1146 1108 1096 1123 1046 1133Z M821 1154L824 1130 856 1125 857 1112 905 1123 885 1136 858 1141 845 1149 821 1154Z M940 709L994 684 1031 762 977 787 940 709Z M992 797L1043 774 1082 861 1031 884 992 797Z M940 773L985 867 931 893 886 798 940 773Z M385 1214L395 1201 401 1204 403 1216 385 1219 385 1214Z M734 1059L768 1054 771 1069 737 1075 734 1072 732 1063 734 1059Z M776 1106L780 1132 791 1130 796 1091 759 1097 761 1107 776 1106Z M476 1187L403 1199 400 1176 471 1083 529 1034 571 1002 581 1014 568 1025 579 1042 559 1054 562 1057 557 1060 564 1076 562 1076 567 1085 565 1086 567 1090 557 1095 507 1134 468 1141 476 1187Z M709 1035L746 1027 774 1024 758 991 770 988 761 974 754 969 717 963 686 964 683 967 690 1006 643 1021 636 965 593 985 602 1001 590 1007 603 1036 584 1045 577 1055 577 1068 583 1084 629 1059 709 1035Z M1069 1099L1064 1070 1062 1069 995 1079 998 1069 983 1064 982 1066 973 1063 974 1061 934 1049 931 1058 915 1054 917 1049 900 1045 900 1047 837 1034 841 1007 871 1014 879 982 921 994 1040 1035 1149 1083 1069 1099Z M857 1112L935 1129 943 1105 922 1100 920 1109 886 1101 889 1091 861 1085 857 1112Z M279 1219L298 1194 400 1176 471 1083 529 1034 571 1002 581 1014 584 1010 602 1001 593 985 636 965 636 945 577 959 579 982 528 1018 482 1059 435 1105 410 1138 388 1159 365 1168 340 1173 335 1157 272 1169 279 1219Z M649 1003L645 989 674 979 679 993 649 1003Z M636 965L643 1021 690 1006 683 967 636 965Z M1048 1010L1113 1001 1113 995 1133 995 1130 1030 1156 1032 1176 1076 1049 1019 1048 1010Z M852 951L892 945 891 940 923 935 927 957 954 953 956 962 1018 951 1016 941 1087 929 1093 968 1100 967 1102 983 1112 982 1113 1001 1048 1010 1049 1019 974 989 917 969 852 951Z M1052 1011L1100 1005 1100 1029 1052 1016 1052 1011Z M1321 964L1326 978 1380 958 1377 951 1418 935 1428 926 1321 964Z M793 349L781 349 781 353 779 353 778 381 758 387 729 387 731 376 744 358 864 228 886 228 886 242 873 242 873 247 871 247 871 274 851 280 838 280 838 287 836 287 838 311 836 311 835 350 793 349Z M1097 119L1073 101 1106 72 1117 74 1111 103 1116 117 1157 125 1168 117 1175 75 1199 79 1204 53 1198 52 1206 8 1224 11 1221 27 1263 35 1251 92 1226 106 1190 139 1172 158 1096 157 1097 119Z M1306 115L1327 128 1338 119 1348 108 1350 114 1348 125 1341 134 1331 141 1302 119 1306 115Z M1296 279L1284 271 1269 287 1250 302 1261 315 1296 279Z M1340 508L1375 493 1380 508 1362 507 1342 511 1340 508Z M1085 634L1023 663 1020 668 1043 717 1110 683 1085 634Z M833 908L840 906 843 916 836 918 833 908Z M879 918L833 925 814 907 813 886 804 876 782 826 788 824 773 788 804 775 836 754 853 786 805 810 808 823 804 825 820 876 834 873 839 886 835 887 839 905 843 903 847 918 864 914 861 906 871 903 879 918Z M798 1084L727 1095 717 1087 714 1077 652 1095 613 1114 576 1137 534 1170 522 1190 544 1186 544 1175 615 1164 612 1125 631 1121 639 1165 659 1161 653 1118 671 1115 679 1163 700 1159 693 1111 713 1109 720 1159 732 1157 732 1151 740 1149 733 1104 750 1101 761 1158 790 1154 798 1084Z M808 1074L861 1082 926 1100 924 1119 852 1103 847 1096 807 1105 808 1074Z M912 929L899 919 832 931 819 916 801 917 793 922 773 926 850 948 889 943 889 939 913 935 912 929Z M924 922L905 910 885 912 915 904 924 922Z M698 945L787 963 798 984 785 999 763 969 703 953 698 945Z M773 1067L779 1067 782 1063 783 1049 770 1049 729 1055 730 1059 771 1053 773 1067Z M1152 642L1172 684 1188 676 1170 635 1152 642Z M-963 3113L-1005 3135 -921 3127 -846 3117 -797 3107 -750 3090 -635 3032 -446 2928 -361 2899 -282 2882 -246 2867 -225 2856 53 2582 131 2511 227 2461 416 2384 557 2320 591 2301 642 2265 664 2246 788 2102 830 2066 892 2027 991 1984 1019 1969 1096 1916 1342 17Line truncated
|
||||
|
After Width: | Height: | Size: 117 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 53 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 82 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 87 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 77 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 77 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 84 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 89 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 80 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 79 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 77 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 67 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 72 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 67 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 53 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
Vendored
Whitespace-only changes.
+336
-32
@@ -84,6 +84,7 @@
|
||||
if (y > 140 && y - lastY > 6) nav.classList.add('is-hidden');
|
||||
else if (lastY - y > 6 || y < 140) nav.classList.remove('is-hidden');
|
||||
document.body.classList.toggle('nav-visible', !nav.classList.contains('is-hidden') && y > 10);
|
||||
nav.classList.toggle('is-scrolled', y > 60);
|
||||
lastY = y;
|
||||
}
|
||||
window.addEventListener('scroll', onScroll, { passive: true });
|
||||
@@ -137,15 +138,36 @@
|
||||
|
||||
/* ---------- Mobile Bestell-Leiste ---------- */
|
||||
var orderbar = $('#orderbar');
|
||||
var heroEl = $('.hero') || $('.page-hero');
|
||||
var heroEl = $('.hero__cta .btn') || $('.page-hero');
|
||||
if (orderbar && heroEl && 'IntersectionObserver' in window) {
|
||||
new IntersectionObserver(function (entries) {
|
||||
orderbar.classList.toggle('is-visible', !entries[0].isIntersecting);
|
||||
}, { threshold: 0 }).observe(heroEl);
|
||||
}
|
||||
|
||||
/* ---------- Speisekarte: aktive Kategorie ---------- */
|
||||
/* ---------- Speisekarte: Kategorien anheften ---------- */
|
||||
var catNav = $('.cat-nav');
|
||||
if (catNav) {
|
||||
var stuck = false;
|
||||
var checkStuck = function () {
|
||||
var navH = document.body.classList.contains('nav-visible') ? ((nav && nav.offsetHeight) || 0) : 0;
|
||||
var top = catNav.getBoundingClientRect().top;
|
||||
var shouldStick = top < navH;
|
||||
if (shouldStick === stuck) return;
|
||||
stuck = shouldStick;
|
||||
if (stuck) catNav.style.height = catNav.offsetHeight + 'px';
|
||||
else catNav.style.height = '';
|
||||
catNav.classList.toggle('is-stuck', stuck);
|
||||
};
|
||||
window.addEventListener('scroll', checkStuck, { passive: true });
|
||||
window.addEventListener('resize', function () {
|
||||
if (stuck) { stuck = false; catNav.classList.remove('is-stuck'); catNav.style.height = ''; }
|
||||
checkStuck();
|
||||
});
|
||||
checkStuck();
|
||||
}
|
||||
|
||||
/* ---------- Speisekarte: aktive Kategorie ---------- */
|
||||
if (catNav && 'IntersectionObserver' in window) {
|
||||
var links = $$('a', catNav);
|
||||
var list = $('ul', catNav);
|
||||
@@ -171,43 +193,252 @@
|
||||
}, { passive: true });
|
||||
}
|
||||
|
||||
/* ---------- Route (Take away) ---------- */
|
||||
var route = $('[data-route]');
|
||||
/* ---------- Zutaten rund ums Essen (Explosion beim Scrollen) ----------
|
||||
Jede Zutat: [Datei, x %, y % (relativ zur Essens-Box), Größe % der Box, Drehung, Ebene, auch mobil, gespiegelt]
|
||||
Ebenen: b = hinter dem Essen (leicht unscharf), f = davor, n = ganz nah an der Kamera (groß, unscharf) */
|
||||
var BITS = 'assets/img/bits/';
|
||||
/* Natürliche Streuung statt fester Positionen (fester Seed, damit es bei jedem Laden gleich aussieht).
|
||||
- food: Umriss des Essens im Bild [Mitte x, Mitte y, Halbbreite, Halbhöhe] in % der Box (abgerundetes Rechteck)
|
||||
- Die Zutaten fliegen in 2–3 Schüben aus dem Essen heraus: dicht am Rand, nach außen immer weniger
|
||||
- Teile vor dem Essen berühren es höchstens am Rand, Teile dahinter schauen nur halb hervor
|
||||
- left/right/top/bottom: erlaubter Bereich (% der Box), z. B. damit nichts über Text oder aus der Karte ragt
|
||||
items: [Datei, Grundgröße in % der Box-Breite, auch mobil] */
|
||||
var SCATTER = {
|
||||
burger: [
|
||||
['lettuce-3', 70, -37, 21, 24, 'b', 0, 0],
|
||||
['onion-2', 27, -43, 13, 30, 'b', 0, 0],
|
||||
['lettuce-2', 47, -27, 26, 12, 'f', 1, 0],
|
||||
['onion-1', 14, -21, 24, -15, 'f', 1, 0],
|
||||
['tomato', 81, 6, 27, 20, 'f', 1, 0],
|
||||
['lettuce-1', -9, 19, 25, -30, 'f', 1, 0],
|
||||
['lettuce-1', 94, 38, 27, 42, 'f', 1, 1],
|
||||
['tomato', -20, 50, 20, -34, 'f', 0, 1],
|
||||
['onionring', 103, 62, 23, 15, 'f', 0, 0],
|
||||
['bacon', -31, 68, 26, -12, 'f', 0, 1],
|
||||
['bacon', 110, 84, 24, 12, 'f', 0, 0],
|
||||
['jalapeno-1', 6, 107, 16, 20, 'f', 0, 0],
|
||||
['pickle', 73, 101, 16, -14, 'f', 0, 0],
|
||||
['sesame-1', 33, -6, 6.5, 25, 'f', 1, 0],
|
||||
['sesame-1', 39, -15, 6, -35, 'f', 0, 1],
|
||||
['sesame-2', 62, -17, 8, -20, 'f', 0, 0],
|
||||
['sesame-1', 58, -5, 5.5, 10, 'f', 1, 1]
|
||||
],
|
||||
'burger-visit': { seed: 8, food: [38, 49, 37, 47], hw: .63, reach: 26, bursts: 2, behind: .3, top: 6, bottom: 112, left: -12, items: [
|
||||
['lettuce-2', 20, 1], ['tomato', 16, 1], ['bacon', 22, 1], ['onion-1', 14, 1], ['jalapeno-1', 11, 1], ['lettuce-1', 20, 0],
|
||||
['pickle', 10, 0], ['tomato', 12, 0], ['sesame-1', 3.4, 0], ['sesame-2', 3.8, 0]
|
||||
] },
|
||||
'burger-page': { seed: 6, food: [38, 49, 37, 47], hw: .63, reach: 30, bursts: 3, behind: .3, top: -34, bottom: 112, items: [
|
||||
['lettuce-2', 21, 1], ['tomato', 16, 1], ['bacon', 22, 1], ['onion-1', 14, 1], ['jalapeno-1', 11, 1], ['lettuce-1', 22, 0],
|
||||
['pickle', 10, 0], ['tomato', 12, 0], ['jalapeno-2', 10, 0], ['sesame-1', 3.4, 0], ['sesame-2', 3.8, 0], ['sesame-1', 3, 0]
|
||||
] },
|
||||
'burger-sm': { seed: 5, fly: .4, food: [39, 49, 38, 47], hw: .72, reach: 10, bursts: 2, behind: .5, top: 8, bottom: 96, left: 5, right: 95, items: [
|
||||
['lettuce-1', 17, 1], ['tomato', 13, 1], ['bacon', 17, 1], ['onion-2', 11, 0], ['sesame-1', 2.6, 0]
|
||||
] },
|
||||
'chicken-sm': { seed: 7, fly: .4, food: [41, 48, 40, 47], hw: .73, reach: 10, bursts: 2, behind: .5, top: 8, bottom: 96, left: 5, right: 95, items: [
|
||||
['bacon', 17, 1], ['lettuce-2', 17, 1], ['tomato', 13, 1], ['crumb-1', 7, 0], ['crumb-3', 6, 0]
|
||||
] },
|
||||
'wrap-sm': { seed: 3, fly: .4, food: [43, 48, 42, 47], hw: .67, reach: 10, bursts: 2, behind: .5, top: 8, bottom: 96, left: 5, right: 95, items: [
|
||||
['lettuce-3', 17, 1], ['tomato', 13, 1], ['jalapeno-2', 11, 1], ['onion-2', 11, 0]
|
||||
] },
|
||||
wings: { seed: 21, food: [50, 50, 49, 49], hw: .71, reach: 26, bursts: 3, behind: .3, top: 2, bottom: 116, items: [
|
||||
['crumb-1', 10, 1], ['chili', 17, 1], ['crumb-3', 9, 1], ['jalapeno-1', 10, 1], ['crumb-6', 9, 1], ['crumb-8', 9, 1],
|
||||
['crumb-4', 8, 0], ['jalapeno-2', 9, 0], ['crumb-7', 7, 0], ['crumb-2', 6, 0], ['crumb-5', 6, 0], ['crumb-2', 4.5, 0]
|
||||
] },
|
||||
tenders: { seed: 12, food: [47, 42, 46, 41], hw: .59, reach: 26, bursts: 3, behind: .3, top: -34, bottom: 124, left: 0, items: [
|
||||
['crumb-6', 9, 1], ['chili', 16, 1], ['crumb-1', 9, 1], ['jalapeno-1', 9, 1], ['crumb-3', 8, 1],
|
||||
['crumb-8', 8, 0], ['crumb-4', 7, 0], ['crumb-7', 6, 0], ['crumb-5', 5, 0]
|
||||
] }
|
||||
};
|
||||
function seeded(a) {
|
||||
return function () {
|
||||
a = a + 0x6D2B79F5 | 0;
|
||||
var t = Math.imul(a ^ a >>> 15, 1 | a);
|
||||
t = t + Math.imul(t ^ t >>> 7, 61 | t) ^ t;
|
||||
return ((t ^ t >>> 14) >>> 0) / 4294967296;
|
||||
};
|
||||
}
|
||||
function scatter(spec) {
|
||||
var r = seeded(spec.seed), placed = [], out = [];
|
||||
var gauss = function () { return (r() + r() + r() - 1.5) / 1.5; };
|
||||
var f = spec.food, hw = spec.hw;
|
||||
// Rechnen in "Box-Breite"-Einheiten, damit Abstände in x und y vergleichbar sind
|
||||
var cx = f[0], cy = f[1] * hw, rx = f[2], ry = f[3] * hw;
|
||||
var bursts = [];
|
||||
for (var j = 0; j < spec.bursts; j++) bursts.push(r() * Math.PI * 2);
|
||||
// Abstand Mitte -> Rand des Essens in Richtung a (abgerundetes Rechteck)
|
||||
var edgeAt = function (a) {
|
||||
var c = Math.abs(Math.cos(a)), sn = Math.abs(Math.sin(a));
|
||||
var k = 1 / Math.pow(Math.pow(c, 3) + Math.pow(sn, 3), 1 / 3);
|
||||
return { x: rx * k * Math.cos(a), y: ry * k * Math.sin(a) };
|
||||
};
|
||||
// Abstand eines Punktes zum Umriss (negativ = innen)
|
||||
var outside = function (x, y) {
|
||||
var dx = x - cx, dy = y - cy, a = Math.atan2(dy / ry, dx / rx);
|
||||
var e = edgeAt(a), le = Math.sqrt(e.x * e.x + e.y * e.y), lp = Math.sqrt(dx * dx + dy * dy);
|
||||
return lp - le;
|
||||
};
|
||||
spec.items.forEach(function (it) {
|
||||
for (var k = 0; k < 240; k++) {
|
||||
var a = r() < .75 ? bursts[Math.floor(r() * bursts.length)] + gauss() * .7 : r() * Math.PI * 2;
|
||||
var size = it[1] * (.75 + r() * .5);
|
||||
var behind = r() < spec.behind && size > 5;
|
||||
var e = edgeAt(a), le = Math.sqrt(e.x * e.x + e.y * e.y);
|
||||
// hinter dem Essen: halb versteckt; davor: frei, dicht am Rand häufiger als weit außen
|
||||
var gap = behind ? size * (r() * .25 - .1) : size * .38 + Math.pow(r(), 1.7) * spec.reach;
|
||||
var x = cx + e.x / le * (le + gap), y = cy + e.y / le * (le + gap);
|
||||
var yp = y / hw;
|
||||
// hohe Teile (Salatblatt) ragen weiter nach oben/unten: halbe Höhe großzügig mit 0,75 × Größe ansetzen
|
||||
if ((y - size * .75) / hw < spec.top || (y + size * .75) / hw > spec.bottom || x - size / 2 < (spec.left != null ? spec.left : -70) || x + size / 2 > (spec.right != null ? spec.right : 170)) continue;
|
||||
if (!behind && outside(x, y) < size * .3) continue;
|
||||
var free = placed.every(function (p) {
|
||||
var dx = p.x - x, dy = p.y - y;
|
||||
return Math.sqrt(dx * dx + dy * dy) > (p.s + size) * .48;
|
||||
});
|
||||
if (!free) continue;
|
||||
placed.push({ x: x, y: y, s: size });
|
||||
// weiter außen etwas kleiner
|
||||
out.push([it[0], +x.toFixed(1), +yp.toFixed(1), +size.toFixed(1), Math.round(gauss() * 70), behind ? 'b' : 'f', it[2], r() < .5 ? 1 : 0]);
|
||||
return;
|
||||
}
|
||||
});
|
||||
return out;
|
||||
}
|
||||
var mobileBits = window.matchMedia('(max-width: 820px)').matches;
|
||||
var bitScale = mobileBits ? 1.35 : 1;
|
||||
var blasts = $$('[data-blast]').map(function (box) {
|
||||
var spec = SCATTER[box.getAttribute('data-blast')];
|
||||
if (!spec) return null;
|
||||
// Array = von Hand gesetzte Komposition, Objekt = berechnete Streuung
|
||||
var set = Array.isArray(spec) ? spec : scatter(spec);
|
||||
var lazy = box.getAttribute('data-blast-mode') !== 'hero';
|
||||
var holder = document.createElement('span');
|
||||
holder.className = 'blast__bits';
|
||||
holder.setAttribute('aria-hidden', 'true');
|
||||
var bits = [];
|
||||
set.forEach(function (b) {
|
||||
if (mobileBits && !b[6]) return;
|
||||
// Verschachtelt, damit sich nichts in die Quere kommt:
|
||||
// .bit (Scroll-Explosion) > .bit__c (CSS-Zentrierung) > .bit__in (Intro) > .bit__fl (Schweben) > img (feste Drehung)
|
||||
// Hero: Handy etwas weniger vergrößert (1,2 statt 1,35), damit die Fontäne den Burger nur berührt und nicht überdeckt
|
||||
var size = b[3] * (mobileBits && !lazy ? 1.2 : bitScale);
|
||||
var el = document.createElement('span');
|
||||
el.className = 'bit bit--' + b[5];
|
||||
el.style.left = b[1] + '%'; el.style.top = b[2] + '%'; el.style.width = size + '%';
|
||||
var c = document.createElement('span'); c.className = 'bit__c';
|
||||
var inner = document.createElement('span'); inner.className = 'bit__in';
|
||||
var fl = document.createElement('span'); fl.className = 'bit__fl';
|
||||
var img = document.createElement('img');
|
||||
img.alt = ''; img.decoding = 'async'; img.draggable = false;
|
||||
if (lazy) img.loading = 'lazy';
|
||||
img.style.rotate = b[4] + 'deg';
|
||||
if (b[7]) img.style.scale = '-1 1';
|
||||
img.onerror = function () { el.remove(); };
|
||||
// Größe als Fläche: lange, schmale Zutaten (Salatblatt, Bacon) wirken so gleich groß wie runde
|
||||
img.onload = function () {
|
||||
var ratio = img.naturalWidth / img.naturalHeight;
|
||||
el.style.width = (size * Math.sqrt(ratio)).toFixed(2) + '%';
|
||||
};
|
||||
img.src = BITS + b[0] + '.webp';
|
||||
fl.appendChild(img); inner.appendChild(fl); c.appendChild(inner); el.appendChild(c); holder.appendChild(el);
|
||||
bits.push({ el: el, inner: inner, fl: fl, x: b[1], y: b[2], layer: b[5] });
|
||||
});
|
||||
box.appendChild(holder);
|
||||
return { box: box, bits: bits, hero: !lazy, fly: spec.fly || 1 };
|
||||
}).filter(Boolean);
|
||||
|
||||
/* ---------- Flammen nur animieren, solange sie sichtbar sind ---------- */
|
||||
if ('IntersectionObserver' in window) {
|
||||
var flameIO = new IntersectionObserver(function (entries) {
|
||||
entries.forEach(function (en) { en.target.classList.toggle('is-live', en.isIntersecting); });
|
||||
});
|
||||
$$('.flames, .cta__fire, .fx__sparks').forEach(function (el) { flameIO.observe(el); });
|
||||
} else {
|
||||
$$('.flames, .cta__fire, .fx__sparks').forEach(function (el) { el.classList.add('is-live'); });
|
||||
}
|
||||
|
||||
/* ---------- Funken (Buckets) ---------- */
|
||||
if (!reduce) {
|
||||
$$('[data-sparks]').forEach(function (wrap) {
|
||||
for (var i = 0; i < 22; i++) {
|
||||
var sp = document.createElement('i');
|
||||
sp.style.left = (Math.random() * 100).toFixed(1) + '%';
|
||||
sp.style.setProperty('--sz', (2 + Math.random() * 3.5).toFixed(1) + 'px');
|
||||
sp.style.setProperty('--d', (4 + Math.random() * 5).toFixed(2) + 's');
|
||||
sp.style.setProperty('--dl', (-Math.random() * 9).toFixed(2) + 's');
|
||||
sp.style.setProperty('--dx', ((Math.random() - .5) * 140).toFixed(0) + 'px');
|
||||
sp.style.setProperty('--h', (300 + Math.random() * 600).toFixed(0) + 'px');
|
||||
wrap.appendChild(sp);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/* ---------- 3D-Neigung der Karten (nur Maus) ---------- */
|
||||
if (!reduce && window.matchMedia('(hover: hover) and (pointer: fine)').matches) {
|
||||
$$('[data-tilt]').forEach(function (card) {
|
||||
var r = null;
|
||||
card.addEventListener('pointerenter', function () { r = card.getBoundingClientRect(); });
|
||||
card.addEventListener('pointermove', function (e) {
|
||||
if (!r) r = card.getBoundingClientRect();
|
||||
var nx = (e.clientX - r.left) / r.width - .5, ny = (e.clientY - r.top) / r.height - .5;
|
||||
card.classList.add('is-tilting');
|
||||
card.style.setProperty('--ty', (nx * 14).toFixed(2) + 'deg');
|
||||
card.style.setProperty('--tx', (-ny * 12).toFixed(2) + 'deg');
|
||||
});
|
||||
card.addEventListener('pointerleave', function () {
|
||||
r = null;
|
||||
card.classList.remove('is-tilting');
|
||||
card.style.setProperty('--tx', '0deg'); card.style.setProperty('--ty', '0deg');
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
/* ---------- Lieferweg (Take away): vom Pin die Merkurstraße entlang, dann zum Zuhause ---------- */
|
||||
// Merkurstraße ab dem Restaurant nach Westen, in % der Karte (aus OpenStreetMap, siehe map-kaiserslautern.svg)
|
||||
var STREET = [[40, 62.04], [39.64, 60.93], [35.86, 62.41], [32.14, 63.33], [24.29, 65.37], [18.79, 66.85], [10.07, 68.98]];
|
||||
var route = $('[data-delivery]');
|
||||
var routeState = null;
|
||||
function buildRoute() {
|
||||
if (!route) return null;
|
||||
var svg = $('.route__svg', route), path = $('path', svg), stops = $$('.stop', route);
|
||||
if (!stops.length || window.getComputedStyle(svg).display === 'none') return null;
|
||||
var box = route.getBoundingClientRect();
|
||||
var pts = stops.map(function (s) {
|
||||
var r = s.getBoundingClientRect();
|
||||
return { x: r.left - box.left + r.width * .5, y: r.top - box.top - 34 };
|
||||
});
|
||||
var start = { x: Math.max(40, pts[0].x - box.width * .2), y: pts[0].y + 6 };
|
||||
var d = 'M' + start.x + ' ' + start.y;
|
||||
var prev = start;
|
||||
pts.forEach(function (p, i) {
|
||||
var dx = p.x - prev.x;
|
||||
var lift = i % 2 ? 90 : -70;
|
||||
d += ' C' + (prev.x + dx * .45) + ' ' + (prev.y + lift) + ' ' + (p.x - dx * .45) + ' ' + (p.y - lift) + ' ' + p.x + ' ' + p.y;
|
||||
prev = p;
|
||||
});
|
||||
path.setAttribute('d', d);
|
||||
return { path: path, len: path.getTotalLength(), rider: $('.route__rider', route) };
|
||||
var map = $('.tmap', route), svg = $('.troute', route);
|
||||
var home = $('.tspot--home', route);
|
||||
if (!map || window.getComputedStyle(map).display === 'none') return null;
|
||||
var mx = map.offsetLeft, my = map.offsetTop, mw = map.offsetWidth, mh = map.offsetHeight;
|
||||
var pts = STREET.map(function (p) { return [mx + p[0] / 100 * mw, my + p[1] / 100 * mh]; });
|
||||
// Ziel: Oberkante des Zuhause-Symbols; die Liefer-Karte sitzt rechts daneben, der Weg kommt von oben
|
||||
var end = [home.offsetLeft, home.offsetTop - 46], last = pts[pts.length - 1];
|
||||
var d = 'M' + pts.map(function (p) { return p[0].toFixed(1) + ' ' + p[1].toFixed(1); }).join(' L');
|
||||
// Bogen nach links über der Liefer-Karte, dann von oben auf das Zuhause
|
||||
var card = $('.tcard', home), cardTop = home.offsetTop + card.offsetTop;
|
||||
var c1y = Math.min(last[1] + 20, cardTop - 60);
|
||||
d += ' C' + (last[0] - (last[0] - end[0]) * .5).toFixed(1) + ' ' + c1y.toFixed(1) + ' ' +
|
||||
end[0].toFixed(1) + ' ' + Math.min(c1y, end[1] - 120).toFixed(1) + ' ' + end[0].toFixed(1) + ' ' + end[1].toFixed(1);
|
||||
$$('path', svg).forEach(function (p) { p.setAttribute('d', d); });
|
||||
var line = $('.troute__line', svg), reveal = $('.troute__reveal', svg);
|
||||
var len = line.getTotalLength();
|
||||
reveal.style.strokeDasharray = len + ' ' + len;
|
||||
return { path: line, reveal: reveal, len: len, rider: $('.troute__rider', route) };
|
||||
}
|
||||
function placeRider(progress) {
|
||||
if (!routeState) return;
|
||||
var pt = routeState.path.getPointAtLength(routeState.len * progress);
|
||||
var ahead = routeState.path.getPointAtLength(Math.min(routeState.len, routeState.len * progress + 4));
|
||||
routeState.reveal.style.strokeDashoffset = routeState.len * (1 - progress);
|
||||
var at = Math.max(.02, Math.min(.98, progress));
|
||||
var pt = routeState.path.getPointAtLength(routeState.len * at);
|
||||
var ahead = routeState.path.getPointAtLength(Math.min(routeState.len, routeState.len * at + 4));
|
||||
var angle = Math.atan2(ahead.y - pt.y, ahead.x - pt.x) * 180 / Math.PI;
|
||||
if (angle < 0) angle += 360; // nach links = 180°, ohne Sprung bei ±180°
|
||||
var tilt = Math.max(-25, Math.min(25, (angle - 180) * -.25));
|
||||
var w = routeState.rider.offsetWidth, h = routeState.rider.offsetHeight;
|
||||
routeState.rider.style.transform = 'translate(' + (pt.x - w / 2) + 'px,' + (pt.y - h / 2) + 'px) rotate(' + (angle * .25) + 'deg)';
|
||||
// Hahn schaut in Fahrtrichtung (nach links), am Start und kurz vor dem Ziel blendet er weich ein und aus
|
||||
routeState.rider.style.transform = 'translate(' + (pt.x - w / 2) + 'px,' + (pt.y - h * .85) + 'px) scaleX(-1) rotate(' + tilt + 'deg)';
|
||||
routeState.rider.style.opacity = Math.max(0, Math.min(1, (progress - .03) / .06, (.94 - progress) / .06));
|
||||
routeState.rider.style.visibility = 'visible';
|
||||
}
|
||||
|
||||
/* ---------- Ohne GSAP: fertig ---------- */
|
||||
if (!hasGsap) {
|
||||
routeState = buildRoute();
|
||||
placeRider(1);
|
||||
var rebuildStatic = function () { routeState = buildRoute(); placeRider(1); if (routeState) routeState.rider.style.visibility = 'hidden'; };
|
||||
rebuildStatic();
|
||||
var rt; window.addEventListener('resize', function () { clearTimeout(rt); rt = setTimeout(rebuildStatic, 250); });
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -242,8 +473,9 @@
|
||||
}
|
||||
|
||||
if (reduce) {
|
||||
routeState = buildRoute();
|
||||
placeRider(1);
|
||||
var rebuildStatic = function () { routeState = buildRoute(); placeRider(1); if (routeState) routeState.rider.style.visibility = 'hidden'; };
|
||||
rebuildStatic();
|
||||
var rt; window.addEventListener('resize', function () { clearTimeout(rt); rt = setTimeout(rebuildStatic, 250); });
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -252,14 +484,13 @@
|
||||
if (hero) {
|
||||
var chars = [];
|
||||
$$('[data-hero-big] .part', hero).forEach(function (p) { chars = chars.concat(splitChars(p)); });
|
||||
var burgerImg = $('.hero__burger img', hero);
|
||||
var burgerImg = $('.hero__burger .blast__food', hero);
|
||||
var tl = gsap.timeline({ delay: .05 });
|
||||
tl.set($$('[data-intro]', hero), { opacity: 1 })
|
||||
.fromTo('.hero__eyebrow', { y: 24, opacity: 0 }, { y: 0, opacity: 1, duration: .5, ease: 'power3.out' }, 0)
|
||||
.fromTo(chars, { scale: 0, opacity: 0, y: function () { return rand(40, 100); }, rotation: function () { return rand(-18, 18); }, transformOrigin: '50% 90%' },
|
||||
{ scale: 1, opacity: 1, y: 0, rotation: 0, duration: .75, stagger: .045, ease: 'back.out(2.2)' }, .05)
|
||||
.fromTo(burgerImg, { scale: .45, y: 140, rotation: -12, opacity: 0 }, { scale: 1, y: 0, rotation: 0, opacity: 1, duration: 1.1, ease: 'back.out(1.5)' }, .3)
|
||||
.fromTo('.hero__wm .wm-fill', { xPercent: -30, opacity: 0, rotation: -8 }, { xPercent: 0, opacity: 1, rotation: 0, duration: .8, ease: 'back.out(1.8)' }, .75)
|
||||
.fromTo($$('[data-sticker]', hero), { '--s': 0 }, { '--s': 1, duration: .6, stagger: .12, ease: 'back.out(3)' }, .9)
|
||||
.fromTo(['.hero__bottom .lead', '.hero__cta'], { y: 30, opacity: 0 }, { y: 0, opacity: 1, duration: .7, stagger: .1, ease: 'power3.out' }, .8)
|
||||
.add(function () {
|
||||
@@ -281,7 +512,8 @@
|
||||
var parts = $$('[data-hero-big] .part', hero);
|
||||
gsap.to(parts[0], { xPercent: -10, ease: 'none', scrollTrigger: { trigger: hero, start: 'top top', end: 'bottom top', scrub: true } });
|
||||
gsap.to(parts[1], { xPercent: 12, ease: 'none', scrollTrigger: { trigger: hero, start: 'top top', end: 'bottom top', scrub: true } });
|
||||
gsap.to('.hero__burger', { yPercent: -12, ease: 'none', scrollTrigger: { trigger: hero, start: 'top top', end: 'bottom top', scrub: true } });
|
||||
// CSS zentriert mit translate(-50%, -50%), GSAP liest das als yPercent -50: also -62 = 12 % nach oben
|
||||
gsap.to('.hero__burger', { yPercent: -62, ease: 'none', scrollTrigger: { trigger: hero, start: 'top top', end: 'bottom top', scrub: true } });
|
||||
});
|
||||
}
|
||||
|
||||
@@ -324,6 +556,78 @@
|
||||
gsap.fromTo(el, { '--s': 0 }, { '--s': 1, duration: .7, ease: 'back.out(3)', scrollTrigger: { trigger: el, start: 'top 88%', once: true } });
|
||||
});
|
||||
|
||||
/* ---- Zutaten: schweben, beim Laden aus dem Essen platzen, beim Scrollen wegfliegen ---- */
|
||||
blasts.forEach(function (bl) {
|
||||
var W = function () { return bl.box.offsetWidth; };
|
||||
var vec = function (b) {
|
||||
return { x: (b.x - 50) / 100 * W(), y: (b.y - 50) / 100 * bl.box.offsetHeight };
|
||||
};
|
||||
// Explosionsziel: kräftig nach außen, mit Drall zur Seite und nach oben
|
||||
var away = function (b, k) {
|
||||
k *= bl.fly;
|
||||
var v = vec(b), len = Math.sqrt(v.x * v.x + v.y * v.y) || 1;
|
||||
var side = b.side;
|
||||
return {
|
||||
x: v.x * .5 + (v.x / len) * W() * k + (-v.y / len) * W() * .18 * side,
|
||||
y: v.y * .3 + (v.y / len) * W() * k * .55 - W() * .45 * k
|
||||
};
|
||||
};
|
||||
// Hero = Fontäne: Der Burger wurde von unten getroffen. Alles schießt aus der Burger-Mitte nach oben,
|
||||
// fächert zur Seite auf (Spin dreht nach außen) und die Scroll-Explosion setzt diese Bewegung fort.
|
||||
var FX = .39, FY = .45; // Ausbruchspunkt in Box-Anteilen (Mitte des Burgers)
|
||||
var spread = function (b) { // Abstand Ausbruchspunkt -> Endposition in px
|
||||
return { x: (b.x / 100 - FX) * W(), y: (b.y / 100 - FY) * bl.box.offsetHeight };
|
||||
};
|
||||
var launch = function (b, k) { // Scroll-Ziel: weiter nach oben + nach außen fächern
|
||||
var d = spread(b), sp = b.layer === 'n' ? 1.5 : b.layer === 'b' ? .7 : 1;
|
||||
return { x: d.x * 1.1 * sp * k, y: -(W() * .55 + Math.max(0, -d.y) * .4) * sp * k };
|
||||
};
|
||||
var floats = [];
|
||||
var tl = gsap.timeline({ paused: true });
|
||||
bl.bits.forEach(function (b, i) {
|
||||
b.side = bl.hero ? (b.x < FX * 100 ? -1 : 1) : (i % 2 ? 1 : -1);
|
||||
floats.push(gsap.to(b.fl, { y: '+=' + rand(-16, -8), rotation: '+=' + rand(-8, 8), duration: rand(1.8, 3.2), yoyo: true, repeat: -1, ease: 'sine.inOut', delay: rand(0, 1.5), paused: true }));
|
||||
var spin = (bl.hero ? rand(70, 210) : rand(160, 340)) * b.side;
|
||||
var grow = b.layer === 'b' ? 1.15 : b.layer === 'n' ? 2.6 : bl.hero ? 1.6 : 1.9;
|
||||
if (bl.hero) {
|
||||
// Intro: aus der Burger-Mitte nach oben; x gleitet, y schießt über das Ziel hinaus und fällt zurück
|
||||
var dist = Math.sqrt(Math.pow(b.x / 100 - FX, 2) + Math.pow((b.y / 100 - FY) * .72, 2));
|
||||
var t0 = .5 + (i % 5) * .03, dur = .95 + dist * .8;
|
||||
gsap.from(b.inner, { x: function () { return -spread(b).x; }, duration: dur, ease: 'power3.out', delay: t0 });
|
||||
gsap.from(b.inner, { y: function () { return -spread(b).y; }, duration: dur + .35, ease: 'back.out(2.1)', delay: t0 });
|
||||
gsap.from(b.inner, { scale: .2, opacity: 0, rotation: -spin / 2, duration: dur, ease: 'back.out(1.4)', delay: t0 });
|
||||
// Scroll: Position schießt zuerst schnell hoch und läuft dann aus (Fontäne), Spin/Größe wachsen gleichmäßig mit
|
||||
var st = b.layer === 'n' ? 0 : b.layer === 'f' ? .04 + (i % 4) * .02 : .12;
|
||||
tl.to(b.el, { x: function () { return launch(b, 1).x; }, y: function () { return launch(b, 1).y; }, duration: 1 - st, ease: 'power1.out' }, st)
|
||||
.to(b.el, { rotation: spin, scale: grow, duration: 1 - st, ease: 'none' }, st)
|
||||
.to(b.el, { opacity: 0, duration: .3, ease: 'none' }, .6);
|
||||
} else {
|
||||
tl.fromTo(b.el, { x: function () { return -vec(b).x * .6; }, y: function () { return -vec(b).y * .6; }, scale: .4, opacity: 0, rotation: -spin / 3 },
|
||||
{ x: 0, y: 0, scale: 1, opacity: 1, rotation: 0, duration: .4, ease: 'power2.out' }, 0)
|
||||
.to(b.el, { x: function () { return away(b, .8).x; }, y: function () { return away(b, .8).y; }, scale: grow, rotation: spin, duration: .45, ease: 'power2.in' }, .55)
|
||||
.to(b.el, { opacity: 0, duration: .12, ease: 'none' }, .88);
|
||||
}
|
||||
});
|
||||
var sec = bl.box.closest('section') || bl.box;
|
||||
ST.create({
|
||||
animation: tl, invalidateOnRefresh: true, scrub: .6,
|
||||
trigger: bl.hero ? sec : bl.box,
|
||||
start: bl.hero ? 'top top' : 'top 92%',
|
||||
end: bl.hero ? '65% top' : 'bottom 12%'
|
||||
});
|
||||
// Schweben nur, solange die Zutaten im Bild sind (spart Akku und Rechenzeit)
|
||||
ST.create({
|
||||
trigger: bl.box, start: 'top bottom', end: 'bottom top',
|
||||
onToggle: function (self) { floats.forEach(function (t) { self.isActive ? t.play() : t.pause(); }); }
|
||||
});
|
||||
});
|
||||
|
||||
/* ---- Feuerwirbel dreht sich langsam mit ---- */
|
||||
$$('[data-swirl]').forEach(function (sw) {
|
||||
var sec = sw.closest('section') || sw.parentNode;
|
||||
gsap.fromTo(sw, { rotation: -12 }, { rotation: 28, ease: 'none', scrollTrigger: { trigger: sec, start: 'top bottom', end: 'bottom top', scrub: true } });
|
||||
});
|
||||
|
||||
/* ---- Parallax Fotoband ---- */
|
||||
$$('[data-parallax]').forEach(function (img) {
|
||||
gsap.fromTo(img, { yPercent: -7 }, { yPercent: 7, ease: 'none', scrollTrigger: { trigger: img.parentNode, start: 'top bottom', end: 'bottom top', scrub: true } });
|
||||
|
||||
+3
-3
@@ -27,7 +27,6 @@
|
||||
</script>
|
||||
<script src="assets/js/gsap.min.js" defer></script>
|
||||
<script src="assets/js/ScrollTrigger.min.js" defer></script>
|
||||
<script src="assets/js/lenis.min.js" defer></script>
|
||||
<script src="assets/js/main.js" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
@@ -51,7 +50,7 @@
|
||||
<a class="pill pill--red" href="https://www.lieferando.de/speisekarte/chickago-boys" target="_blank" rel="noopener">
|
||||
<span class="roll"><span>Jetzt bestellen</span><span aria-hidden="true">Jetzt bestellen</span></span>
|
||||
</a>
|
||||
<button class="pill pill--outline" id="menu-btn" type="button" aria-expanded="false" aria-controls="menu-panel">
|
||||
<button class="pill pill--outline" id="menu-btn" type="button" aria-label="Menü" aria-expanded="false" aria-controls="menu-panel">
|
||||
<span class="roll"><span class="menu-label">Menü</span><span aria-hidden="true" class="menu-label">Menü</span></span>
|
||||
<span class="nav__burger" aria-hidden="true"><i></i><i></i><i></i></span>
|
||||
</button>
|
||||
@@ -76,7 +75,7 @@
|
||||
<main id="main" class="legal">
|
||||
<div class="wrap">
|
||||
<span class="kicker">Rechtliches</span>
|
||||
<h1 class="display stroke">Datenschutz</h1>
|
||||
<h1 class="display x3d">Datenschutz</h1>
|
||||
<div class="legal__body">
|
||||
<p class="draft-box">Entwurf: Die gelb markierten Angaben ergänzen wir vor der Veröffentlichung. Der Text wird vor dem Livegang rechtlich geprüft.</p>
|
||||
|
||||
@@ -112,6 +111,7 @@
|
||||
</main>
|
||||
|
||||
<footer class="footer on-dark" data-nav-dark>
|
||||
<div class="fx" aria-hidden="true"><div class="fx__grain"></div></div>
|
||||
<div class="wrap">
|
||||
<div class="footer__grid">
|
||||
<div class="footer__brand">
|
||||
|
||||
+16
-3
@@ -27,7 +27,6 @@
|
||||
</script>
|
||||
<script src="assets/js/gsap.min.js" defer></script>
|
||||
<script src="assets/js/ScrollTrigger.min.js" defer></script>
|
||||
<script src="assets/js/lenis.min.js" defer></script>
|
||||
<script src="assets/js/main.js" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
@@ -51,7 +50,7 @@
|
||||
<a class="pill pill--red" href="https://www.lieferando.de/speisekarte/chickago-boys" target="_blank" rel="noopener">
|
||||
<span class="roll"><span>Jetzt bestellen</span><span aria-hidden="true">Jetzt bestellen</span></span>
|
||||
</a>
|
||||
<button class="pill pill--outline" id="menu-btn" type="button" aria-expanded="false" aria-controls="menu-panel">
|
||||
<button class="pill pill--outline" id="menu-btn" type="button" aria-label="Menü" aria-expanded="false" aria-controls="menu-panel">
|
||||
<span class="roll"><span class="menu-label">Menü</span><span aria-hidden="true" class="menu-label">Menü</span></span>
|
||||
<span class="nav__burger" aria-hidden="true"><i></i><i></i><i></i></span>
|
||||
</button>
|
||||
@@ -76,7 +75,7 @@
|
||||
<main id="main" class="legal">
|
||||
<div class="wrap">
|
||||
<span class="kicker">Rechtliches</span>
|
||||
<h1 class="display stroke">Impressum</h1>
|
||||
<h1 class="display x3d">Impressum</h1>
|
||||
<div class="legal__body">
|
||||
<p class="draft-box">Entwurf: Die gelb markierten Angaben ergänzen wir vor der Veröffentlichung mit den Daten des Betreibers.</p>
|
||||
|
||||
@@ -102,6 +101,19 @@
|
||||
|
||||
<h2>Bildnachweis</h2>
|
||||
<p>Speisenfotos und Logo: Chickago Boys. <span class="fill">[Rechte bestätigen]</span></p>
|
||||
<p>Fliegende Zutaten (freigestellt, Farben angepasst) aus Wikimedia Commons:</p>
|
||||
<ul class="credits">
|
||||
<li>Salatblätter: Tiia Monto, <a href="https://commons.wikimedia.org/wiki/File:Cosmopolitan_salad.png" target="_blank" rel="noopener">„Cosmopolitan salad“</a>, <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="noopener">CC BY-SA 4.0</a></li>
|
||||
<li>Tomatenscheibe: Lee Ann Ratledge, <a href="https://commons.wikimedia.org/wiki/File:Half_of_a_sliced_tomato_on_a_blue_background.jpg" target="_blank" rel="noopener">„Half of a sliced tomato on a blue background“</a>, <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" rel="noopener">CC BY 4.0</a></li>
|
||||
<li>Zwiebelscheiben: Amada44, <a href="https://commons.wikimedia.org/wiki/File:Red_onion_cross_section_03.jpg" target="_blank" rel="noopener">„Red onion cross section 03“</a> und <a href="https://commons.wikimedia.org/wiki/File:Red_onion_cross_section_04.jpg" target="_blank" rel="noopener">„04“</a>, <a href="https://creativecommons.org/licenses/by-sa/3.0/" target="_blank" rel="noopener">CC BY-SA 3.0</a></li>
|
||||
<li>Bacon: Bill Benzon, <a href="https://commons.wikimedia.org/wiki/File:Bacon_(54616346792).jpg" target="_blank" rel="noopener">„Bacon“</a>, <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="noopener">CC BY-SA 4.0</a></li>
|
||||
<li>Jalapeño: Epp, <a href="https://commons.wikimedia.org/wiki/File:Jalapeno_Estonia_3.jpg" target="_blank" rel="noopener">„Jalapeno Estonia 3“</a>, <a href="https://creativecommons.org/licenses/by-sa/3.0/" target="_blank" rel="noopener">CC BY-SA 3.0</a></li>
|
||||
<li>Chili: André Karwath aka Aka, <a href="https://commons.wikimedia.org/wiki/File:Large_Cayenne.jpg" target="_blank" rel="noopener">„Large Cayenne“</a>, <a href="https://creativecommons.org/licenses/by-sa/2.5/" target="_blank" rel="noopener">CC BY-SA 2.5</a></li>
|
||||
<li>Sesam: Sanjay ach, <a href="https://commons.wikimedia.org/wiki/File:Sa_white_sesame_seeds.jpg" target="_blank" rel="noopener">„Sa white sesame seeds“</a>, <a href="https://creativecommons.org/licenses/by-sa/3.0/" target="_blank" rel="noopener">CC BY-SA 3.0</a></li>
|
||||
<li>Gurke: Sir Beluga, <a href="https://commons.wikimedia.org/wiki/File:Sliced-pickle.jpg" target="_blank" rel="noopener">„Sliced-pickle“</a>, CC0; Panade-Stücke: Evan-Amos, <a href="https://commons.wikimedia.org/wiki/File:Fried-Chicken-Set.jpg" target="_blank" rel="noopener">„Fried-Chicken-Set“</a>, CC0</li>
|
||||
</ul>
|
||||
<p>Die bearbeiteten Zutaten-Bilder stehen unter derselben Lizenz wie das jeweilige Original.</p>
|
||||
<p>Kartengrafik auf der Startseite: eigene Darstellung auf Basis von Kartendaten © <a href="https://www.openstreetmap.org/copyright" target="_blank" rel="noopener">OpenStreetMap-Mitwirkende</a>, verfügbar unter der Open Database License (ODbL).</p>
|
||||
|
||||
<h2>Website</h2>
|
||||
<p>Konzept, Gestaltung und Umsetzung: <a href="https://webklar.com" target="_blank" rel="noopener">WEBklar</a></p>
|
||||
@@ -110,6 +122,7 @@
|
||||
</main>
|
||||
|
||||
<footer class="footer on-dark" data-nav-dark>
|
||||
<div class="fx" aria-hidden="true"><div class="fx__grain"></div></div>
|
||||
<div class="wrap">
|
||||
<div class="footer__grid">
|
||||
<div class="footer__brand">
|
||||
|
||||
+136
-93
@@ -60,7 +60,6 @@
|
||||
</script>
|
||||
<script src="assets/js/gsap.min.js" defer></script>
|
||||
<script src="assets/js/ScrollTrigger.min.js" defer></script>
|
||||
<script src="assets/js/lenis.min.js" defer></script>
|
||||
<script src="assets/js/main.js" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
@@ -84,7 +83,7 @@
|
||||
<a class="pill pill--red" href="https://www.lieferando.de/speisekarte/chickago-boys" target="_blank" rel="noopener">
|
||||
<span class="roll"><span>Jetzt bestellen</span><span aria-hidden="true">Jetzt bestellen</span></span>
|
||||
</a>
|
||||
<button class="pill pill--outline" id="menu-btn" type="button" aria-expanded="false" aria-controls="menu-panel">
|
||||
<button class="pill pill--outline" id="menu-btn" type="button" aria-label="Menü" aria-expanded="false" aria-controls="menu-panel">
|
||||
<span class="roll"><span class="menu-label">Menü</span><span aria-hidden="true" class="menu-label">Menü</span></span>
|
||||
<span class="nav__burger" aria-hidden="true"><i></i><i></i><i></i></span>
|
||||
</button>
|
||||
@@ -108,105 +107,122 @@
|
||||
|
||||
<main id="main">
|
||||
<!-- ============ HERO ============ -->
|
||||
<section class="hero bg-cream" id="top" aria-labelledby="hero-title">
|
||||
<section class="hero bg-red on-red" id="top" data-nav-dark aria-labelledby="hero-title">
|
||||
<div class="fx" aria-hidden="true">
|
||||
<div class="fx__spot"></div>
|
||||
<div class="fx__swirl" data-swirl></div>
|
||||
<div class="fx__dots"></div>
|
||||
<div class="fx__vignette"></div>
|
||||
<div class="fx__grain"></div>
|
||||
</div>
|
||||
<div class="hero__stage">
|
||||
<h1 class="hero__title" id="hero-title">
|
||||
<span class="hero__eyebrow" data-intro><span>Fried Chicken & Burger</span> <span>in Kaiserslautern</span></span>
|
||||
<span class="hero__big" data-hero-big><span class="part">Knock</span><span class="part">out</span></span>
|
||||
<span class="hero__big x3d" data-hero-big><span class="part">Knock</span><span class="part">out</span></span>
|
||||
</h1>
|
||||
<div class="hero__burger" data-intro data-float>
|
||||
<img class="shot" src="assets/img/menu/us-burger.webp" width="853" height="616" alt="US Burger von Chickago Boys mit Cheddar, Spiegelei und Bacon" fetchpriority="high">
|
||||
<div class="hero__burger blast" data-intro data-float data-blast="burger" data-blast-mode="hero">
|
||||
<span class="hero__glow" aria-hidden="true"></span>
|
||||
<img class="shot blast__food" src="assets/img/menu/us-burger.webp" width="853" height="616" alt="US Burger von Chickago Boys mit Cheddar, Spiegelei und Bacon" fetchpriority="high">
|
||||
</div>
|
||||
<div class="hero__wm" data-intro aria-hidden="true"><div class="wm-fill"><span class="wm-mask wm-mask--block"></span></div></div>
|
||||
<span class="sticker hero__st1" data-intro data-sticker>Knusprig<br>paniert</span>
|
||||
<span class="sticker sticker--red hero__st2" data-intro data-sticker>Mild oder<br>scharf?</span>
|
||||
<span class="sticker sticker--ink hero__st2" data-intro data-sticker>Mild oder<br>scharf?</span>
|
||||
<img class="hero__rooster die-cut" src="assets/img/rooster.svg" alt="" width="179" height="264" data-intro data-sticker>
|
||||
</div>
|
||||
<div class="hero__bottom">
|
||||
<p class="lead" data-intro>Crispy Tenders, Wings mit Punch und Burger, die dich <strong>umhauen</strong>. Frisch aus der Küche in der Merkurstraße 13 – vor Ort, zum Abholen oder geliefert.</p>
|
||||
<div class="hero__cta" data-intro>
|
||||
<span class="open-badge" data-open-badge>Öffnungszeiten: täglich 12–22 Uhr</span>
|
||||
<a class="btn" href="https://www.lieferando.de/speisekarte/chickago-boys" target="_blank" rel="noopener"><svg aria-hidden="true"><use href="#i-bag"/></svg>Jetzt bestellen</a>
|
||||
<a class="btn btn--yellow" href="https://www.lieferando.de/speisekarte/chickago-boys" target="_blank" rel="noopener"><svg aria-hidden="true"><use href="#i-bag"/></svg>Jetzt bestellen</a>
|
||||
<a class="btn btn--ghost" href="speisekarte.html">Speisekarte</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flames flames--in" aria-hidden="true" style="--flame-front: var(--cream)"><i></i><i></i><i></i></div>
|
||||
</section>
|
||||
|
||||
<div class="ticker-clip" aria-hidden="true">
|
||||
<div class="ticker">
|
||||
<div class="ticker__track">
|
||||
<span>Chicken Wings</span><span>Crispy Tenders</span><span>Beef Burger</span><span>Chicken Burger</span><span>Wraps</span><span>Cheesy Fries</span><span>Buckets</span><span>Merkurstraße 13</span>
|
||||
<span>Chicken Wings</span><span>Crispy Tenders</span><span>Beef Burger</span><span>Chicken Burger</span><span>Wraps</span><span>Cheesy Fries</span><span>Buckets</span><span>Merkurstraße 13</span>
|
||||
<div class="ticker ticker--back"><div class="ticker__track"><span>Crispy</span><span>Juicy</span><span>Spicy</span><span>Knockout</span><span>Crispy</span><span>Juicy</span><span>Spicy</span><span>Knockout</span><span>Crispy</span><span>Juicy</span><span>Spicy</span><span>Knockout</span><span>Crispy</span><span>Juicy</span><span>Spicy</span><span>Knockout</span></div></div>
|
||||
<div class="ticker">
|
||||
<div class="ticker__track">
|
||||
<span>Chicken Wings</span><span>Crispy Tenders</span><span>Beef Burger</span><span>Chicken Burger</span><span>Wraps</span><span>Cheesy Fries</span><span>Buckets</span><span>Merkurstraße 13</span>
|
||||
<span>Chicken Wings</span><span>Crispy Tenders</span><span>Beef Burger</span><span>Chicken Burger</span><span>Wraps</span><span>Cheesy Fries</span><span>Buckets</span><span>Merkurstraße 13</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ============ CHAMPIONS ============ -->
|
||||
<section class="section bg-cream champs" aria-labelledby="champs-title">
|
||||
<div class="fx" aria-hidden="true"><div class="fx__mottle"></div><div class="fx__dots"></div><div class="fx__grain"></div></div>
|
||||
<div class="wrap">
|
||||
<span class="kicker" data-reveal>Die Favoriten</span>
|
||||
<h2 class="display h2 stroke" id="champs-title" data-pop>Champions der Karte</h2>
|
||||
<h2 class="display h2 x3d" id="champs-title" data-pop>Champions der Karte</h2>
|
||||
<p class="lead" data-reveal>Knusprig, saftig, ordentlich belegt: drei Gerichte, mit denen du nichts falsch machst.</p>
|
||||
<a class="btn" href="speisekarte.html" data-reveal>Ganze Karte ansehen <svg aria-hidden="true"><use href="#i-arrow"/></svg></a>
|
||||
|
||||
<div class="champs__cards">
|
||||
<a class="photo-card" href="speisekarte.html#beef-burger" data-reveal>
|
||||
<div class="photo-card__img"><img src="assets/img/foto-us-burger.webp" width="900" height="900" loading="lazy" alt="US Burger mit Cheddar, Ei, Bacon und BBQ-Soße auf einem Holzbrett"></div>
|
||||
<span class="price photo-card__price">13,50 €</span>
|
||||
<span class="photo-card__label"><span class="sticker">US Burger</span></span>
|
||||
<a class="champ champ--red" href="speisekarte.html#beef-burger" data-reveal data-tilt>
|
||||
<span class="champ__bg" aria-hidden="true"><span class="fx__swirl"></span><span class="fx__spot"></span><span class="fx__grain"></span></span>
|
||||
<span class="champ__kicker">Beef Burger</span>
|
||||
<span class="champ__name puffy">US<br>Burger</span>
|
||||
<span class="champ__food blast" data-blast="burger-sm"><img class="blast__food" src="assets/img/menu/us-burger.webp" width="853" height="616" loading="lazy" alt="US Burger mit Cheddar, Ei, Bacon und BBQ-Soße"></span>
|
||||
<span class="champ__foot"><span class="price champ__price">13,50 €</span><span class="champ__go">Zur Karte <svg aria-hidden="true"><use href="#i-arrow"/></svg></span></span>
|
||||
</a>
|
||||
<a class="photo-card" href="speisekarte.html#chicken-burger" data-reveal>
|
||||
<div class="photo-card__img"><img src="assets/img/foto-chicken-honey-mustard.webp" width="900" height="900" loading="lazy" alt="Chicken Burger Home Style mit Honey-Mustard-Soße und Bacon"></div>
|
||||
<span class="price photo-card__price">12,50 €</span>
|
||||
<span class="photo-card__label"><span class="sticker sticker--red">Honey Mustard Bacon</span></span>
|
||||
<a class="champ champ--orange" href="speisekarte.html#chicken-burger" data-reveal data-tilt>
|
||||
<span class="champ__bg" aria-hidden="true"><span class="champ__rays"></span><span class="fx__dots"></span><span class="fx__grain"></span></span>
|
||||
<span class="champ__kicker">Chicken Burger</span>
|
||||
<span class="champ__name puffy">Honey<br>Mustard</span>
|
||||
<span class="champ__food blast" data-blast="chicken-sm"><img class="blast__food" src="assets/img/menu/chicken-home-style-honey-mustard-bacon.webp" width="874" height="637" loading="lazy" alt="Chicken Burger Home Style mit Honey-Mustard-Soße und Bacon"></span>
|
||||
<span class="champ__foot"><span class="price champ__price">12,50 €</span><span class="champ__go">Zur Karte <svg aria-hidden="true"><use href="#i-arrow"/></svg></span></span>
|
||||
</a>
|
||||
<a class="photo-card" href="speisekarte.html#wraps" data-reveal>
|
||||
<div class="photo-card__img"><img src="assets/img/foto-chicken-wrap.webp" width="900" height="900" loading="lazy" alt="Chicken Wrap Chickago-Boys mit zwei Crispy-Filets, aufgeschnitten"></div>
|
||||
<span class="price photo-card__price">9,50 €</span>
|
||||
<span class="photo-card__label"><span class="sticker">Chickago Wrap</span></span>
|
||||
<a class="champ champ--ink" href="speisekarte.html#wraps" data-reveal data-tilt>
|
||||
<span class="champ__bg" aria-hidden="true"><span class="champ__embers"></span><span class="fx__grain"></span></span>
|
||||
<span class="champ__kicker">Wrap</span>
|
||||
<span class="champ__name puffy">Chickago<br>Wrap</span>
|
||||
<span class="champ__food blast" data-blast="wrap-sm"><img class="blast__food" src="assets/img/menu/chicken-wrap-chickago-boys.webp" width="812" height="546" loading="lazy" alt="Chicken Wrap Chickago-Boys mit zwei Crispy-Filets, aufgeschnitten"></span>
|
||||
<span class="champ__foot"><span class="price champ__price">9,50 €</span><span class="champ__go">Zur Karte <svg aria-hidden="true"><use href="#i-arrow"/></svg></span></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============ WINGS ============ -->
|
||||
<section class="section bg-red on-red wings" id="wings" aria-labelledby="wings-title">
|
||||
<div class="wave wave--top" aria-hidden="true"><svg viewBox="0 0 1440 120" preserveAspectRatio="none"><path fill="currentColor" d="M0 70C160 18 330 20 520 62s380 70 560 30 280-66 360-42v72H0Z"/></svg></div>
|
||||
<section class="section bg-orange on-red wings" id="wings" aria-labelledby="wings-title">
|
||||
<div class="flames" aria-hidden="true" style="--flame-front: var(--orange)"><i></i><i></i><i></i></div>
|
||||
<div class="fx" aria-hidden="true"><div class="fx__spot"></div><div class="fx__dots"></div><div class="fx__grain"></div></div>
|
||||
<div class="wrap">
|
||||
<div class="wings__head">
|
||||
<div>
|
||||
<span class="kicker kicker--yellow" data-reveal>Round 1</span>
|
||||
<h2 class="display h2 stroke" id="wings-title" data-pop>Wings mit Punch</h2>
|
||||
<p class="lead wings__lead" data-reveal><em>How many Wings can you handle?</em><br>Knusprig frittiert und in einer von vier Saucen geschwenkt – oder klassisch mit Sauce nach Wahl. Jede Portion gibt’s mild oder scharf.</p>
|
||||
</div>
|
||||
<div class="wings__hero" data-reveal>
|
||||
<img src="assets/img/cut-chicken-wings.webp" width="1000" height="813" loading="lazy" alt="Ein Berg knuspriger Chicken Wings">
|
||||
<div class="wings__stage">
|
||||
<span class="kicker kicker--ink" data-reveal>Round 1</span>
|
||||
<h2 class="wings__big puffy" id="wings-title" data-pop>Wings mit Punch</h2>
|
||||
<div class="wings__hero blast" data-blast="wings" data-reveal>
|
||||
<img class="blast__food" src="assets/img/cut-chicken-wings.webp" width="891" height="631" loading="lazy" alt="Ein Berg knuspriger Chicken Wings">
|
||||
<span class="burst" data-sticker><span>K.O.<br>Crunch</span></span>
|
||||
<img class="rooster-st die-cut" src="assets/img/rooster.svg" alt="" width="179" height="264" data-sticker>
|
||||
</div>
|
||||
<div class="wings__info" data-reveal>
|
||||
<p class="wings__claim puffy">How many Wings can you handle?</p>
|
||||
<p class="lead wings__lead">Knusprig frittiert und in einer von vier Saucen geschwenkt – oder klassisch mit Sauce nach Wahl. Jede Portion gibt’s mild oder scharf.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sauce-grid">
|
||||
<article class="sauce" data-reveal>
|
||||
<div class="sauce__img"><img class="shot" src="assets/img/menu/buffalo-red-hot-wings.webp" width="916" height="535" loading="lazy" alt="Buffalo Red Hot Wings in der Steingutschale"></div>
|
||||
<article class="sauce paper" data-reveal data-tilt>
|
||||
<div class="sauce__img" style="--sauce:#e8380c"><img class="shot" src="assets/img/menu/buffalo-red-hot-wings.webp" width="916" height="535" loading="lazy" alt="Buffalo Red Hot Wings in der Steingutschale"></div>
|
||||
<h3>Buffalo Red Hot</h3>
|
||||
<p>Der Klassiker mit Feuer.</p>
|
||||
<span class="price">10 Stück · 14,00 €</span>
|
||||
</article>
|
||||
<article class="sauce" data-reveal>
|
||||
<div class="sauce__img"><img class="shot" src="assets/img/menu/chipotle-honey-bbq-wings.webp" width="916" height="491" loading="lazy" alt="Chipotle Honey BBQ Wings in der Steingutschale"></div>
|
||||
<article class="sauce paper" data-reveal data-tilt>
|
||||
<div class="sauce__img" style="--sauce:#8a3a12"><img class="shot" src="assets/img/menu/chipotle-honey-bbq-wings.webp" width="916" height="491" loading="lazy" alt="Chipotle Honey BBQ Wings in der Steingutschale"></div>
|
||||
<h3>Chipotle Honey BBQ</h3>
|
||||
<p>Rauchig, süß, klebrig gut.</p>
|
||||
<span class="price">10 Stück · 14,00 €</span>
|
||||
</article>
|
||||
<article class="sauce" data-reveal>
|
||||
<div class="sauce__img"><img class="shot" src="assets/img/menu/teriyaki-wings.webp" width="916" height="591" loading="lazy" alt="Teriyaki Wings in der Steingutschale"></div>
|
||||
<article class="sauce paper" data-reveal data-tilt>
|
||||
<div class="sauce__img" style="--sauce:#4a1c0c"><img class="shot" src="assets/img/menu/teriyaki-wings.webp" width="916" height="591" loading="lazy" alt="Teriyaki Wings in der Steingutschale"></div>
|
||||
<h3>Teriyaki</h3>
|
||||
<p>Glasiert mit Teriyaki-Sauce.</p>
|
||||
<span class="price">10 Stück · 14,00 €</span>
|
||||
</article>
|
||||
<article class="sauce" data-reveal>
|
||||
<div class="sauce__img"><img class="shot" src="assets/img/menu/sweet-chili-wings.webp" width="916" height="528" loading="lazy" alt="Sweet Chili Wings in der Steingutschale"></div>
|
||||
<article class="sauce paper" data-reveal data-tilt>
|
||||
<div class="sauce__img" style="--sauce:#e3241a"><img class="shot" src="assets/img/menu/sweet-chili-wings.webp" width="916" height="528" loading="lazy" alt="Sweet Chili Wings in der Steingutschale"></div>
|
||||
<h3>Sweet Chili</h3>
|
||||
<p>Süß-scharf geschwenkt.</p>
|
||||
<span class="price">10 Stück · 14,00 €</span>
|
||||
@@ -225,27 +241,40 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============ PHOTO BAND ============ -->
|
||||
<div class="band" aria-hidden="true">
|
||||
<div class="wave wave--top"><svg viewBox="0 0 1440 120" preserveAspectRatio="none"><path fill="currentColor" d="M0 0h1440v58c-150 40-330 62-540 30S470 20 300 44 70 96 0 80Z"/></svg></div>
|
||||
<img src="assets/img/foto-menu-tenders.webp" width="1400" height="1400" loading="lazy" alt="" data-parallax>
|
||||
<span class="sticker band__tag" data-sticker>Crispy Tenders<br>ab 9,50 €</span>
|
||||
<div class="wave wave--bottom"><svg viewBox="0 0 1440 120" preserveAspectRatio="none"><path fill="currentColor" d="M0 0h1440v64c-170-40-360-52-560-12S430 104 250 70 60 30 0 48Z"/></svg></div>
|
||||
</div>
|
||||
<!-- ============ TENDERS ============ -->
|
||||
<section class="section tenders" aria-labelledby="tenders-title">
|
||||
<div class="torn" aria-hidden="true"></div>
|
||||
<div class="fx" aria-hidden="true"><div class="tenders__rays"></div><div class="fx__dots"></div><div class="fx__mottle"></div><div class="fx__grain"></div></div>
|
||||
<div class="wrap tenders__grid">
|
||||
<div class="tenders__text">
|
||||
<span class="kicker" data-reveal>Round 2</span>
|
||||
<h2 class="display h2 x3d tenders__title" id="tenders-title" data-pop>Crispy Tenders</h2>
|
||||
<p class="lead" data-reveal>Zarte Hähnchenfilets, knusprig paniert – pur oder in Buffalo-, Chipotle-Honey-BBQ- oder Teriyaki-Sauce. Mild oder scharf.</p>
|
||||
<a class="btn" href="speisekarte.html#chicken" data-reveal>Zur Karte <svg aria-hidden="true"><use href="#i-arrow"/></svg></a>
|
||||
</div>
|
||||
<div class="tenders__food blast" data-blast="tenders" data-reveal>
|
||||
<img class="blast__food" src="assets/img/menu/crispy-chicken-tenders-10-stueck.webp" width="848" height="502" loading="lazy" alt="Zehn knusprig panierte Crispy-Chicken Tenders">
|
||||
<span class="sticker sticker--red tenders__tag" data-sticker>5 Stück<br>ab 9,50 €</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============ BUCKETS ============ -->
|
||||
<section class="section bg-ink on-dark buckets" data-nav-dark id="buckets" aria-labelledby="buckets-title">
|
||||
<div class="flames" aria-hidden="true" style="--flame-front: var(--ink)"><i></i><i></i><i></i></div>
|
||||
<div class="fx" aria-hidden="true"><div class="fx__swirl" data-swirl></div><div class="fx__spot"></div><div class="fx__embers"></div><div class="fx__sparks" data-sparks></div><div class="fx__grain"></div></div>
|
||||
<div class="wrap">
|
||||
<div class="buckets__head">
|
||||
<div>
|
||||
<span class="kicker kicker--yellow" data-reveal>Main Event</span>
|
||||
<h2 class="display h2 stroke" id="buckets-title" data-pop>Fight Night? Bucket Time.</h2>
|
||||
<h2 class="display h2 x3d" id="buckets-title" data-pop>Fight Night? Bucket Time.</h2>
|
||||
</div>
|
||||
<p class="lead" data-reveal>Für Zocker-Nacht, Betze-Abend oder die ganze Crew: Wings, Filets, Pommes und Cola in einem Bucket. Wings und Filets jeweils mild oder scharf.</p>
|
||||
</div>
|
||||
|
||||
<div class="fight-card-row">
|
||||
<article class="fight-card" data-reveal>
|
||||
<article class="fight-card paper" data-reveal data-tilt>
|
||||
<span class="fight-card__rays" aria-hidden="true"></span>
|
||||
<span class="fight-card__class">Mittelgewicht</span>
|
||||
<h3>Bucket</h3>
|
||||
<ul>
|
||||
@@ -253,11 +282,12 @@
|
||||
</ul>
|
||||
<div class="fight-card__foot">
|
||||
<span class="price">42,00 €</span>
|
||||
<img src="assets/img/cut-chicken-wings.webp" width="1000" height="813" loading="lazy" alt="">
|
||||
<img class="shot" src="assets/img/menu/bucket.webp" width="902" height="815" loading="lazy" alt="">
|
||||
</div>
|
||||
</article>
|
||||
<span class="vs" aria-hidden="true" data-sticker>VS</span>
|
||||
<article class="fight-card" data-reveal>
|
||||
<article class="fight-card paper" data-reveal data-tilt>
|
||||
<span class="fight-card__rays" aria-hidden="true"></span>
|
||||
<span class="fight-card__class">Schwergewicht</span>
|
||||
<h3>Party Bucket</h3>
|
||||
<ul>
|
||||
@@ -265,65 +295,70 @@
|
||||
</ul>
|
||||
<div class="fight-card__foot">
|
||||
<span class="price">68,00 €</span>
|
||||
<img src="assets/img/cut-chicken-wings.webp" width="1000" height="813" loading="lazy" alt="">
|
||||
<img class="shot" src="assets/img/menu/party-bucket.webp" width="916" height="738" loading="lazy" alt="">
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<p class="buckets__note" data-reveal>Lieber einzeln? Tenders gibt’s ab 5 Stück, Menüs mit Pommes und Coleslaw – <a href="speisekarte.html#chicken">alles auf der Karte</a>.</p>
|
||||
</div>
|
||||
<div class="torn torn--in" aria-hidden="true" style="color: var(--yellow)"></div>
|
||||
</section>
|
||||
|
||||
<!-- ============ TAKE AWAY ============ -->
|
||||
<section class="section bg-yellow takeaway" id="bestellen" aria-labelledby="takeaway-title">
|
||||
<div class="wave wave--top" aria-hidden="true"><svg viewBox="0 0 1440 120" preserveAspectRatio="none"><path fill="currentColor" d="M0 60c200-50 380-50 600-8s420 62 600 22 200-38 240-30v76H0Z"/></svg></div>
|
||||
<div class="fx" aria-hidden="true"><div class="fx__spot"></div><div class="fx__dots"></div><div class="fx__mottle"></div><div class="fx__grain"></div></div>
|
||||
<div class="wrap">
|
||||
<span class="kicker kicker--ink" data-reveal>Take away</span>
|
||||
<h2 class="display h2 stroke" id="takeaway-title" data-pop>Hol’s dir. Oder lass kommen.</h2>
|
||||
<p class="takeaway__lead lead" data-reveal>Drei Wege zu deinem Chicken – alle starten in der Merkurstraße 13.</p>
|
||||
<h2 class="display h2 h2--sm stroke x3d" id="takeaway-title" data-pop>Hol’s dir. Oder lass kommen.</h2>
|
||||
<p class="takeaway__lead lead" data-reveal>Zwei Wege zu deinem Chicken: vorbeikommen in der Merkurstraße 13 – oder liefern lassen, direkt bis vor deine Tür.</p>
|
||||
|
||||
<div class="route" data-route>
|
||||
<svg class="route__svg" aria-hidden="true" preserveAspectRatio="none"><path d=""/></svg>
|
||||
<img class="route__rider die-cut" src="assets/img/rooster.svg" alt="" width="179" height="264">
|
||||
<div class="stops">
|
||||
<article class="stop" data-reveal>
|
||||
<div class="stop__num">01</div>
|
||||
<h3>Vor Ort essen</h3>
|
||||
<p>Restaurant & Bar mit Plätzen drinnen und draußen. Einfach vorbeikommen – mit größerer Gruppe am besten vorher anrufen.</p>
|
||||
<div class="stop__links">
|
||||
<div class="tstage" data-delivery>
|
||||
<div class="tmap" aria-hidden="true">
|
||||
<img class="tmap__img" src="assets/img/map-kaiserslautern.svg" width="1400" height="1080" alt="" loading="lazy" decoding="async">
|
||||
</div>
|
||||
<svg class="troute" aria-hidden="true"><defs><mask id="troute-mask" maskUnits="userSpaceOnUse"><path class="troute__reveal"/></mask></defs><g mask="url(#troute-mask)"><path class="troute__glow"/><path class="troute__line"/></g></svg>
|
||||
<img class="troute__rider die-cut" src="assets/img/rooster.svg" alt="" aria-hidden="true" width="179" height="264">
|
||||
<div class="tspot tspot--shop">
|
||||
<div class="tspot__minimap" aria-hidden="true"><img src="assets/img/map-kaiserslautern.svg" width="1400" height="1080" alt="" loading="lazy" decoding="async"></div>
|
||||
<span class="tpin" aria-hidden="true" data-route-start><span class="tpin__head"><img src="assets/img/rooster.svg" alt="" width="179" height="264"></span><span class="tpin__dot"></span></span>
|
||||
<article class="tcard paper" data-reveal>
|
||||
<span class="tcard__kicker"><svg aria-hidden="true"><use href="#i-pin"/></svg>Merkurstraße 13 · 12–22 Uhr</span>
|
||||
<h3>Vor Ort essen oder abholen</h3>
|
||||
<p>Restaurant & Bar mit Plätzen drinnen und draußen. Oder telefonisch bestellen und heiß mitnehmen.</p>
|
||||
<div class="tcard__links">
|
||||
<a class="is-primary" href="https://www.google.com/maps/dir/?api=1&destination=Merkurstra%C3%9Fe+13%2C+67663+Kaiserslautern" target="_blank" rel="noopener"><svg aria-hidden="true"><use href="#i-pin"/></svg>Route planen</a>
|
||||
<a href="tel:+496313107985"><svg aria-hidden="true"><use href="#i-phone"/></svg>Anrufen</a>
|
||||
</div>
|
||||
</article>
|
||||
<article class="stop" data-reveal>
|
||||
<div class="stop__num">02</div>
|
||||
<h3>Abholen</h3>
|
||||
<p>Telefonisch bestellen oder bei Lieferando „Abholung“ wählen – und heiß mitnehmen.</p>
|
||||
<div class="stop__links">
|
||||
<a class="is-primary" href="tel:+496313107985"><svg aria-hidden="true"><use href="#i-phone"/></svg>0631 3107985</a>
|
||||
<a href="https://www.lieferando.de/speisekarte/chickago-boys" target="_blank" rel="noopener">Lieferando</a>
|
||||
</div>
|
||||
</article>
|
||||
<article class="stop" data-reveal>
|
||||
<div class="stop__num">03</div>
|
||||
<h3>Liefern lassen</h3>
|
||||
<p>Keine Lust rauszugehen? Bestell bequem über Lieferando oder Uber Eats und lass es dir bringen.</p>
|
||||
<div class="stop__links">
|
||||
</div>
|
||||
<div class="tspot tspot--home">
|
||||
<span class="tapp" aria-hidden="true" data-route-end>
|
||||
<span class="tapp__icon"><svg viewBox="0 0 24 24"><path d="M3.5 11.2 12 4l8.5 7.2V20a1 1 0 0 1-1 1h-5v-6h-5v6h-5a1 1 0 0 1-1-1v-8.8Z" fill="currentColor"/></svg></span>
|
||||
<span class="tapp__label">Zuhause</span>
|
||||
</span>
|
||||
<article class="tcard paper" data-reveal>
|
||||
<span class="tcard__kicker"><svg aria-hidden="true"><use href="#i-bag"/></svg>Lass kommen</span>
|
||||
<h3>Nach Hause liefern</h3>
|
||||
<p>Keine Lust rauszugehen? Bestell bequem über Lieferando oder Uber Eats.</p>
|
||||
<div class="tcard__links">
|
||||
<a class="is-primary" href="https://www.lieferando.de/speisekarte/chickago-boys" target="_blank" rel="noopener"><svg aria-hidden="true"><use href="#i-bag"/></svg>Lieferando</a>
|
||||
<a href="https://www.ubereats.com/de/store/chickago-boys-kaiserslautern/5Yb4dNqDVJOuStkhhdC4qw" target="_blank" rel="noopener">Uber Eats</a>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<a class="tmap__credit" href="https://www.openstreetmap.org/copyright" target="_blank" rel="noopener">Kartendaten © OpenStreetMap-Mitwirkende</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============ VISIT ============ -->
|
||||
<section class="section bg-cream visit" id="besuch" aria-labelledby="visit-title">
|
||||
<div class="wave wave--top" aria-hidden="true"><svg viewBox="0 0 1440 120" preserveAspectRatio="none"><path fill="currentColor" d="M0 50c180 50 400 60 620 20s420-62 600-30 190 30 220 26v54H0Z"/></svg></div>
|
||||
<div class="wave wave--top wave--deep" aria-hidden="true"><svg viewBox="0 0 1440 120" preserveAspectRatio="none"><path fill="currentColor" d="M0 50c180 50 400 60 620 20s420-62 600-30 190 30 220 26v54H0Z"/></svg></div>
|
||||
<div class="fx" aria-hidden="true"><div class="fx__mottle"></div><div class="fx__grain"></div></div>
|
||||
<div class="wrap visit__grid">
|
||||
<div>
|
||||
<span class="kicker" data-reveal>Ring frei</span>
|
||||
<h2 class="display h2 stroke" id="visit-title" data-pop>Komm vorbei</h2>
|
||||
<h2 class="display h2 x3d" id="visit-title" data-pop>Komm vorbei</h2>
|
||||
<p class="lead" data-reveal>Bar & Restaurant mitten in Kaiserslautern: Wings, Burger und kalte Drinks – drinnen oder draußen.</p>
|
||||
<div class="rating" data-reveal>
|
||||
<span class="rating__score">4,4</span>
|
||||
@@ -332,13 +367,13 @@
|
||||
<div class="rating__meta">aus 1.620 Bewertungen auf <a href="https://www.lieferando.de/speisekarte/chickago-boys" target="_blank" rel="noopener">Lieferando</a><br><small>Stand: 30.09.2026 · Bewertungen erhebt und prüft Lieferando.</small></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="visit__deco" data-reveal>
|
||||
<img src="assets/img/cut-cheese-burger.webp" width="900" height="656" loading="lazy" alt="Cheese Burger mit Cheddar und karamellisierten Zwiebeln">
|
||||
<div class="visit__deco blast" data-reveal data-blast="burger-visit">
|
||||
<img class="blast__food" src="assets/img/menu/steakhouse-burger.webp" width="834" height="526" loading="lazy" alt="Steakhouse Burger mit Pepper-Jack-Käse, Bacon und karamellisierten Zwiebeln">
|
||||
<span class="sticker sticker--ink" data-sticker>Bar &<br>Restaurant</span>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="info-card" data-reveal>
|
||||
<div class="info-card paper" data-reveal>
|
||||
<h3>Adresse</h3>
|
||||
<address>Chickago Boys<br>Merkurstraße 13<br>67663 Kaiserslautern</address>
|
||||
<div class="row">
|
||||
@@ -346,7 +381,7 @@
|
||||
<a class="btn btn--ghost" href="tel:+496313107985"><svg aria-hidden="true"><use href="#i-phone"/></svg>0631 3107985</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-card" data-reveal>
|
||||
<div class="info-card paper" data-reveal>
|
||||
<h3>Öffnungszeiten</h3>
|
||||
<span class="open-badge" data-open-badge>täglich 12–22 Uhr</span>
|
||||
<table class="hours" data-hours>
|
||||
@@ -369,20 +404,28 @@
|
||||
|
||||
<!-- ============ CTA ============ -->
|
||||
<section class="section bg-red on-red cta" aria-labelledby="cta-title">
|
||||
<div class="wave wave--top" aria-hidden="true"><svg viewBox="0 0 1440 120" preserveAspectRatio="none"><path fill="currentColor" d="M0 64c220-56 420-56 640-6s400 58 580 18 200-36 220-30v74H0Z"/></svg></div>
|
||||
<div class="flames" aria-hidden="true" style="--flame-front: var(--red)"><i></i><i></i><i></i></div>
|
||||
<div class="fx" aria-hidden="true"><div class="fx__spot"></div><div class="fx__swirl" data-swirl></div><div class="fx__dots"></div><div class="fx__grain"></div></div>
|
||||
<div class="wrap">
|
||||
<h2 class="display h2 stroke" id="cta-title" data-pop>Hunger?</h2>
|
||||
<img class="cta__rooster die-cut" src="assets/img/rooster.svg" width="179" height="264" alt="" data-sticker>
|
||||
<h2 class="display h2 x3d" id="cta-title" data-pop>Hunger?</h2>
|
||||
<div class="cta__fire">
|
||||
<span class="cta__burst cta__burst--back" aria-hidden="true"></span>
|
||||
<span class="cta__burst" aria-hidden="true"></span>
|
||||
<span class="cta__burst cta__burst--front" aria-hidden="true"></span>
|
||||
<img class="cta__rooster die-cut" src="assets/img/rooster.svg" width="179" height="264" alt="" data-sticker>
|
||||
</div>
|
||||
<p class="lead" data-reveal>Dann ab in den Ring: jetzt online bestellen oder direkt bei uns anrufen.</p>
|
||||
<div class="cta__buttons" data-reveal>
|
||||
<a class="btn btn--yellow" href="https://www.lieferando.de/speisekarte/chickago-boys" target="_blank" rel="noopener"><svg aria-hidden="true"><use href="#i-bag"/></svg>Jetzt bestellen</a>
|
||||
<a class="btn btn--ghost" href="tel:+496313107985"><svg aria-hidden="true"><use href="#i-phone"/></svg>0631 3107985</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="torn torn--in" aria-hidden="true"></div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="footer on-dark" data-nav-dark>
|
||||
<div class="fx" aria-hidden="true"><div class="fx__grain"></div></div>
|
||||
<div class="wrap">
|
||||
<div class="footer__grid">
|
||||
<div class="footer__brand">
|
||||
|
||||
+186
-90
@@ -27,7 +27,6 @@
|
||||
</script>
|
||||
<script src="assets/js/gsap.min.js" defer></script>
|
||||
<script src="assets/js/ScrollTrigger.min.js" defer></script>
|
||||
<script src="assets/js/lenis.min.js" defer></script>
|
||||
<script src="assets/js/main.js" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
@@ -51,7 +50,7 @@
|
||||
<a class="pill pill--red" href="https://www.lieferando.de/speisekarte/chickago-boys" target="_blank" rel="noopener">
|
||||
<span class="roll"><span>Jetzt bestellen</span><span aria-hidden="true">Jetzt bestellen</span></span>
|
||||
</a>
|
||||
<button class="pill pill--outline" id="menu-btn" type="button" aria-expanded="false" aria-controls="menu-panel">
|
||||
<button class="pill pill--outline" id="menu-btn" type="button" aria-label="Menü" aria-expanded="false" aria-controls="menu-panel">
|
||||
<span class="roll"><span class="menu-label">Menü</span><span aria-hidden="true" class="menu-label">Menü</span></span>
|
||||
<span class="nav__burger" aria-hidden="true"><i></i><i></i><i></i></span>
|
||||
</button>
|
||||
@@ -74,14 +73,16 @@
|
||||
</nav>
|
||||
|
||||
<main id="main">
|
||||
<section class="page-hero bg-ink on-dark" data-nav-dark aria-labelledby="page-title">
|
||||
<section class="page-hero bg-red on-red" data-nav-dark aria-labelledby="page-title">
|
||||
<div class="fx" aria-hidden="true"><div class="fx__spot"></div><div class="fx__swirl" data-swirl></div><div class="fx__dots"></div><div class="fx__vignette"></div><div class="fx__grain"></div></div>
|
||||
<div class="wrap">
|
||||
<span class="kicker kicker--yellow">Speisekarte</span>
|
||||
<h1 class="display stroke" id="page-title" data-hero-big>Die Karte</h1>
|
||||
<h1 class="display x3d" id="page-title" data-hero-big>Die Karte</h1>
|
||||
<p class="lead">Wings, Tenders, Burger, Wraps und Sides – alles mild oder scharf, zum Mitnehmen, geliefert oder direkt bei uns.</p>
|
||||
</div>
|
||||
<div class="page-hero__img"><img class="shot" src="assets/img/menu/steakhouse-burger.webp" width="834" height="526" alt="Steakhouse Burger mit Pepper-Jack-Käse und Bacon"></div>
|
||||
<span class="sticker sticker--red page-hero__st" data-sticker>Mild oder<br>scharf?</span>
|
||||
<div class="page-hero__img blast" data-blast="burger-page" data-blast-mode="hero"><span class="hero__glow" aria-hidden="true"></span><img class="shot blast__food" src="assets/img/menu/steakhouse-burger.webp" width="834" height="526" alt="Steakhouse Burger mit Pepper-Jack-Käse und Bacon"></div>
|
||||
<span class="sticker sticker--ink page-hero__st" data-sticker>Mild oder<br>scharf?</span>
|
||||
<div class="flames flames--in" aria-hidden="true" style="--flame-front: var(--cream)"><i></i><i></i><i></i></div>
|
||||
</section>
|
||||
|
||||
<nav class="cat-nav" aria-label="Kategorien der Speisekarte">
|
||||
@@ -103,111 +104,150 @@
|
||||
<!-- CHICKEN -->
|
||||
<section class="menu-cat" id="chicken" aria-labelledby="h-chicken">
|
||||
<div class="menu-cat__head">
|
||||
<h2 class="display stroke" id="h-chicken" data-pop>Chicken</h2>
|
||||
<h2 class="display x3d" id="h-chicken" data-pop>Chicken</h2>
|
||||
<p>Alle Chicken-Gerichte bekommst du im Schärfegrad deiner Wahl: <strong>mild oder scharf</strong> – ohne Aufpreis.</p>
|
||||
</div>
|
||||
<div class="dish-grid dish-grid--4">
|
||||
<article class="dish" data-reveal>
|
||||
<div class="dish-grid">
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Chicken Wings</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/chicken-wings.webp" width="916" height="366" loading="lazy" alt="Zehn knusprige Chicken Wings"></div>
|
||||
<div class="dish__body"><p>Knusprig, mit Sauce nach Wahl.</p><div class="variants"><span>6 Stück · 8,50 €</span><span>10 Stück · 11,00 €</span><span>20 Stück · 22,00 €</span></div></div>
|
||||
</article>
|
||||
<article class="dish" data-reveal>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Buffalo Red Hot Wings</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/buffalo-red-hot-wings.webp" width="916" height="535" loading="lazy" alt="Buffalo Red Hot Wings in der Steingutschale"></div>
|
||||
<div class="dish__body"><p>10 Stück, in Buffalo-Red-Hot-Sauce.</p><span class="price">14,00 €</span></div>
|
||||
</article>
|
||||
<article class="dish" data-reveal>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Chipotle Honey BBQ Wings</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/chipotle-honey-bbq-wings.webp" width="916" height="491" loading="lazy" alt="Chipotle Honey BBQ Wings in der Steingutschale"></div>
|
||||
<div class="dish__body"><p>10 Stück, in Chipotle-Honey-BBQ-Sauce.</p><span class="price">14,00 €</span></div>
|
||||
</article>
|
||||
<article class="dish" data-reveal>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Teriyaki Wings</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/teriyaki-wings.webp" width="916" height="591" loading="lazy" alt="Teriyaki Wings in der Steingutschale"></div>
|
||||
<div class="dish__body"><p>10 Stück, in Teriyaki-Sauce.</p><span class="price">14,00 €</span></div>
|
||||
</article>
|
||||
<article class="dish" data-reveal>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Sweet Chili Wings</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/sweet-chili-wings.webp" width="916" height="528" loading="lazy" alt="Sweet Chili Wings in der Steingutschale"></div>
|
||||
<div class="dish__body"><p>10 Stück, in Sweet-Chili-Sauce.</p><span class="price">14,00 €</span></div>
|
||||
</article>
|
||||
<article class="dish" data-reveal>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Crispy-Chicken Tenders</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/crispy-chicken-tenders-5-stueck.webp" width="911" height="378" loading="lazy" alt="Fünf knusprig panierte Crispy-Chicken Tenders"></div>
|
||||
<div class="dish__body"><p>Knusprig panierte Hähnchenfilets.</p><div class="variants"><span>5 Stück · 9,50 €</span><span>10 Stück · 17,00 €</span></div></div>
|
||||
</article>
|
||||
<article class="dish dish--special dish--promo" data-reveal>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Buffalo Red Hot Tenders</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/buffalo-red-hot-tenders.webp" width="916" height="534" loading="lazy" alt="Buffalo Red Hot Tenders in der Steingutschale"></div>
|
||||
<div class="dish__body"><p>5 Stück, in Buffalo-Red-Hot-Sauce.</p><span class="price">11,50 €</span></div>
|
||||
</article>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Chipotle Honey BBQ Tenders</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/chipotle-honey-bbq-tenders.webp" width="913" height="567" loading="lazy" alt="Chipotle Honey BBQ Tenders in der Steingutschale"></div>
|
||||
<div class="dish__body"><p>5 Stück, in Chipotle-Honey-BBQ-Sauce.</p><span class="price">11,50 €</span></div>
|
||||
</article>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Teriyaki Tenders</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/teriyaki-tenders.webp" width="916" height="555" loading="lazy" alt="Teriyaki Tenders in der Steingutschale"></div>
|
||||
<div class="dish__body"><p>5 Stück, in Teriyaki-Sauce.</p><span class="price">11,50 €</span></div>
|
||||
</article>
|
||||
<article class="dish dish--special dish--promo dish--wide" data-reveal data-tilt>
|
||||
<span class="dish__kicker">Für die ganze Crew</span>
|
||||
<h3 class="dish__name"><span class="dish__script dish__script--the" aria-hidden="true">The</span> Buckets</h3>
|
||||
<div class="promo-row"><div><strong>Bucket</strong><p>20 Wings, 5 Filets, 2× Pommes, 1× Coleslaw, Cola 1,0 l</p></div><span class="price">42,00 €</span></div>
|
||||
<div class="promo-row"><div><strong>Party Bucket</strong><p>20 Wings, 20 Filets, 4× Pommes, Cola 1,0 l</p></div><span class="price">68,00 €</span></div>
|
||||
<div class="promo-duo">
|
||||
<div class="promo-item"><img class="shot" src="assets/img/menu/bucket.webp" width="902" height="815" loading="lazy" alt="Bucket mit Wings, Filets, zwei Portionen Pommes, Coleslaw und Cola"><div class="promo-row"><div><strong>Bucket</strong><p>20 Wings, 5 Filets, 2× Pommes, 1× Coleslaw, Cola 1,0 l</p></div><span class="price">42,00 €</span></div></div>
|
||||
<div class="promo-item"><img class="shot" src="assets/img/menu/party-bucket.webp" width="916" height="738" loading="lazy" alt="Party Bucket mit Wings, Filets, vier Portionen Pommes und Cola"><div class="promo-row"><div><strong>Party Bucket</strong><p>20 Wings, 20 Filets, 4× Pommes, Cola 1,0 l</p></div><span class="price">68,00 €</span></div></div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="dish-list">
|
||||
<div class="item"><div class="item__row"><h3>Buffalo Red Hot Tenders · 5 Stück</h3><span class="item__dots"></span><span class="item__price">11,50 €</span></div><p>In Buffalo-Red-Hot-Sauce.</p></div>
|
||||
<div class="item"><div class="item__row"><h3>Chipotle Honey BBQ Tenders · 5 Stück</h3><span class="item__dots"></span><span class="item__price">11,50 €</span></div><p>In Chipotle-Honey-BBQ-Sauce.</p></div>
|
||||
<div class="item"><div class="item__row"><h3>Teriyaki Tenders · 5 Stück</h3><span class="item__dots"></span><span class="item__price">11,50 €</span></div><p>In Teriyaki-Sauce.</p></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CHICKEN BURGER -->
|
||||
<section class="menu-cat" id="chicken-burger" aria-labelledby="h-cburger">
|
||||
<div class="menu-cat__head">
|
||||
<h2 class="display stroke" id="h-cburger" data-pop>Chicken Burger</h2>
|
||||
<h2 class="display x3d" id="h-cburger" data-pop>Chicken Burger</h2>
|
||||
<p>Alle Chicken Burger mit Hähnchen-Patty, Cheddar, Tomaten und Salat – im Schärfegrad deiner Wahl.</p>
|
||||
</div>
|
||||
<div class="cat-split">
|
||||
<article class="dish dish--special" data-reveal>
|
||||
<div class="dish-grid dish-grid--4">
|
||||
<article class="dish dish--special" data-reveal data-tilt>
|
||||
<h3 class="dish__name"><span class="dish__script dish__script--long">Chicken Home Style</span> Honey Mustard Bacon</h3>
|
||||
<div class="dish__media"><span class="sticker dish__badge">Beliebt</span><img class="shot" src="assets/img/menu/chicken-home-style-honey-mustard-bacon.webp" width="874" height="637" loading="lazy" alt="Chicken Burger Home Style mit Honey Mustard und Bacon"></div>
|
||||
<div class="dish__body"><p>Cheddar, Bacon, Tomaten, Zwiebeln, Salat, Honey-Mustard-Soße.</p><span class="price">12,50 €</span></div>
|
||||
</article>
|
||||
<div>
|
||||
<div class="dish-list">
|
||||
<div class="item"><div class="item__row"><h3>Teriyaki Chicken Burger</h3><span class="item__dots"></span><span class="item__price">12,50 €</span></div><p>Cheddar, Tomaten, Salat, Teriyaki-Soße.</p></div>
|
||||
<div class="item"><div class="item__row"><h3>Chicken Burger BBQ</h3><span class="item__dots"></span><span class="item__price">12,50 €</span></div><p>Mit Barbecuesauce.</p></div>
|
||||
<div class="item"><div class="item__row"><h3>Chicken Burger</h3><span class="item__dots"></span><span class="item__price">12,50 €</span></div><p>Mit hausgemachter Sauce.</p></div>
|
||||
</div>
|
||||
<div class="menu-extra"><span>Extra Hähnchen-Patty +3,00 €</span></div>
|
||||
</div>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Teriyaki Chicken Burger</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/teriyaki-chicken-burger.webp" width="865" height="558" loading="lazy" alt="Teriyaki Chicken Burger mit Cheddar, Tomate und Salat"></div>
|
||||
<div class="dish__body"><p>Cheddar, Tomaten, Salat, Teriyaki-Soße.</p><span class="price">12,50 €</span></div>
|
||||
</article>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Chicken Burger BBQ</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/chicken-burger-bbq.webp" width="807" height="525" loading="lazy" alt="Chicken Burger mit Barbecuesauce"></div>
|
||||
<div class="dish__body"><p>Mit Barbecuesauce.</p><span class="price">12,50 €</span></div>
|
||||
</article>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Chicken Burger</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/chicken-burger.webp" width="824" height="589" loading="lazy" alt="Chicken Burger mit hausgemachter Sauce"></div>
|
||||
<div class="dish__body"><p>Mit hausgemachter Sauce.</p><span class="price">12,50 €</span></div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="menu-extra"><span>Extra Hähnchen-Patty +3,00 €</span></div>
|
||||
</section>
|
||||
|
||||
<!-- BEEF BURGER -->
|
||||
<section class="menu-cat" id="beef-burger" aria-labelledby="h-bburger">
|
||||
<section class="menu-cat menu-cat--band menu-cat--red" id="beef-burger" aria-labelledby="h-bburger">
|
||||
<div class="cat-bg" aria-hidden="true"><div class="flames" style="--flame-front: var(--red)"><i></i><i></i><i></i></div><div class="fx"><div class="fx__spot"></div><div class="fx__swirl"></div><div class="fx__dots"></div><div class="fx__grain"></div></div><div class="torn torn--in"></div></div>
|
||||
<div class="menu-cat__head">
|
||||
<h2 class="display stroke" id="h-bburger" data-pop>Beef Burger</h2>
|
||||
<h2 class="display x3d" id="h-bburger" data-pop>Beef Burger</h2>
|
||||
<p>Alle Burger mit Rindfleisch-Patty, Cheddar, Tomaten, Salat, sauren Gurken und Zwiebeln.</p>
|
||||
</div>
|
||||
<div class="dish-grid dish-grid--4">
|
||||
<article class="dish dish--special" data-reveal>
|
||||
<div class="dish-grid">
|
||||
<article class="dish dish--special" data-reveal data-tilt>
|
||||
<h3 class="dish__name"><span class="dish__script dish__script--the" aria-hidden="true">The</span> US Burger</h3>
|
||||
<div class="dish__media"><span class="sticker dish__badge">Beliebt</span><img class="shot" src="assets/img/menu/us-burger.webp" width="853" height="616" loading="lazy" alt="US Burger mit Ei und Bacon"></div>
|
||||
<div class="dish__body"><p>Cheddar, Ei, Bacon, karamellisierte Zwiebeln, BBQ-Soße.</p><span class="price">13,50 €</span></div>
|
||||
</article>
|
||||
<article class="dish dish--special" data-reveal>
|
||||
<article class="dish dish--special" data-reveal data-tilt>
|
||||
<h3 class="dish__name"><span class="dish__script">Steakhouse</span> Burger</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/steakhouse-burger.webp" width="834" height="526" loading="lazy" alt="Steakhouse Burger"></div>
|
||||
<div class="dish__body"><p>Pepper-Jack-Käse, Bacon, karamellisierte Zwiebeln, Steakhouse-Soße.</p><span class="price">13,50 €</span></div>
|
||||
</article>
|
||||
<article class="dish" data-reveal>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Cheese Burger</h3>
|
||||
<div class="dish__media"><span class="sticker dish__badge">Beliebt</span><img src="assets/img/cut-cheese-burger.webp" width="900" height="656" loading="lazy" alt="Cheese Burger"></div>
|
||||
<div class="dish__media"><span class="sticker dish__badge">Beliebt</span><img class="shot" src="assets/img/menu/cheese-burger.webp" width="895" height="602" loading="lazy" alt="Cheese Burger mit Cheddar und karamellisierten Zwiebeln"></div>
|
||||
<div class="dish__body"><p>Cheddar, karamellisierte Zwiebeln, Ketchup, Mayonnaise.</p><span class="price">12,50 €</span></div>
|
||||
</article>
|
||||
<article class="dish" data-reveal>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Hamburger</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/hamburger.webp" width="824" height="499" loading="lazy" alt="Hamburger"></div>
|
||||
<div class="dish__body"><p>Karamellisierte Zwiebeln, Ketchup, Mayonnaise.</p><span class="price">11,50 €</span></div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="dish-list">
|
||||
<div class="item"><div class="item__row"><h3>Teriyaki Burger</h3><span class="item__dots"></span><span class="item__price">12,50 €</span></div><p>Pepper-Jack-Käse, Bacon, karamellisierte Zwiebeln, Teriyaki-Soße.</p></div>
|
||||
<div class="item"><div class="item__row"><h3>Mexico Burger</h3><span class="item__dots"></span><span class="item__price">12,50 €</span></div><p>Pepper-Jack-Käse, Jalapeños, hausgemachte Avocado-Soße.</p></div>
|
||||
<div class="item"><div class="item__row"><h3>Mushroom Burger</h3><span class="item__dots"></span><span class="item__price">12,50 €</span></div><p>Champignons, hausgemachte Sauce, Cheddar, karamellisierte Zwiebeln.</p></div>
|
||||
<div class="item"><div class="item__row"><h3>Chili Cheese Burger</h3><span class="item__dots"></span><span class="item__price">12,50 €</span></div><p>Cheddar, Jalapeños, Chili-Cheese-Soße.</p></div>
|
||||
<div class="item"><div class="item__row"><h3>Veggie Burger</h3><span class="item__dots"></span><span class="item__price">10,50 €</span></div><p>Vegetarisches Patty statt Rindfleisch, hausgemachte Sauce.</p></div>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Teriyaki Burger</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/teriyaki-burger.webp" width="817" height="624" loading="lazy" alt="Teriyaki Burger mit Pepper-Jack-Käse und Bacon"></div>
|
||||
<div class="dish__body"><p>Pepper-Jack-Käse, Bacon, karamellisierte Zwiebeln, Teriyaki-Soße.</p><span class="price">12,50 €</span></div>
|
||||
</article>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Mexico Burger</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/mexico-burger.webp" width="828" height="520" loading="lazy" alt="Mexico Burger mit Jalapeños und Avocado-Soße"></div>
|
||||
<div class="dish__body"><p>Pepper-Jack-Käse, Jalapeños, hausgemachte Avocado-Soße.</p><span class="price">12,50 €</span></div>
|
||||
</article>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Mushroom Burger</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/mushroom-burger.webp" width="890" height="639" loading="lazy" alt="Mushroom Burger mit Champignons und Cheddar"></div>
|
||||
<div class="dish__body"><p>Champignons, hausgemachte Sauce, Cheddar, karamellisierte Zwiebeln.</p><span class="price">12,50 €</span></div>
|
||||
</article>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Chili Cheese Burger</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/chili-cheese-burger.webp" width="855" height="529" loading="lazy" alt="Chili Cheese Burger mit Jalapeños und Chili-Cheese-Soße"></div>
|
||||
<div class="dish__body"><p>Cheddar, Jalapeños, Chili-Cheese-Soße.</p><span class="price">12,50 €</span></div>
|
||||
</article>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Veggie Burger</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/veggie-burger.webp" width="879" height="617" loading="lazy" alt="Veggie Burger mit vegetarischem Patty"></div>
|
||||
<div class="dish__body"><p>Vegetarisches Patty statt Rindfleisch, hausgemachte Sauce.</p><span class="price">10,50 €</span></div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="menu-extra"><span>Extra-Patty +3,00 €</span><span>Vegetarisches Extra-Patty +3,00 €</span></div>
|
||||
</section>
|
||||
@@ -215,86 +255,122 @@
|
||||
<!-- MENÜS -->
|
||||
<section class="menu-cat" id="menues" aria-labelledby="h-menues">
|
||||
<div class="menu-cat__head">
|
||||
<h2 class="display stroke" id="h-menues" data-pop>Menüs</h2>
|
||||
<h2 class="display x3d" id="h-menues" data-pop>Menüs</h2>
|
||||
<p>Mit Pommes und Coleslaw – mild oder scharf.</p>
|
||||
</div>
|
||||
<div class="dish-list">
|
||||
<div class="item"><div class="item__row"><h3>Menü Crispy-Chicken Tenders · 5 Stück</h3><span class="item__dots"></span><span class="item__price">14,45 €</span></div><p>Crispy-Chicken-Filets, Pommes, Coleslaw.</p></div>
|
||||
<div class="item"><div class="item__row"><h3>Menü Crispy-Chicken Tenders · 10 Stück</h3><span class="item__dots"></span><span class="item__price">21,95 €</span></div><p>Crispy-Chicken-Filets, Pommes, Coleslaw.</p></div>
|
||||
<div class="item"><div class="item__row"><h3>Menü Chicken Wings · 6 Stück</h3><span class="item__dots"></span><span class="item__price">13,45 €</span></div><p>Chicken Wings, Pommes, Coleslaw.</p></div>
|
||||
<div class="item"><div class="item__row"><h3>Menü Chicken Wings · 10 Stück</h3><span class="item__dots"></span><span class="item__price">15,95 €</span></div><p>Chicken Wings, Pommes, Coleslaw.</p></div>
|
||||
<div class="dish-grid dish-grid--4">
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Menü Tenders 5 Stück</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/menue-crispy-chicken-tenders-5-stueck.webp" width="906" height="550" loading="lazy" alt="Menü mit fünf Crispy-Chicken Tenders, Pommes und Coleslaw"></div>
|
||||
<div class="dish__body"><p>Crispy-Chicken-Filets, Pommes, Coleslaw.</p><span class="price">14,45 €</span></div>
|
||||
</article>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Menü Tenders 10 Stück</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/menue-crispy-chicken-tenders-10-stueck.webp" width="916" height="557" loading="lazy" alt="Menü mit zehn Crispy-Chicken Tenders, Pommes und Coleslaw"></div>
|
||||
<div class="dish__body"><p>Crispy-Chicken-Filets, Pommes, Coleslaw.</p><span class="price">21,95 €</span></div>
|
||||
</article>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Menü Wings 6 Stück</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/menue-chicken-wings-6-stueck.webp" width="916" height="583" loading="lazy" alt="Menü mit sechs Chicken Wings, Pommes und Coleslaw"></div>
|
||||
<div class="dish__body"><p>Chicken Wings, Pommes, Coleslaw.</p><span class="price">13,45 €</span></div>
|
||||
</article>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Menü Wings 10 Stück</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/menue-chicken-wings-10-stueck.webp" width="915" height="568" loading="lazy" alt="Menü mit zehn Chicken Wings, Pommes und Coleslaw"></div>
|
||||
<div class="dish__body"><p>Chicken Wings, Pommes, Coleslaw.</p><span class="price">15,95 €</span></div>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- WRAPS -->
|
||||
<section class="menu-cat" id="wraps" aria-labelledby="h-wraps">
|
||||
<div class="menu-cat__head">
|
||||
<h2 class="display stroke" id="h-wraps" data-pop>Wraps</h2>
|
||||
<p>In der Weizen-Tortilla, mit knusprigem Crispy-Filet.</p>
|
||||
<h2 class="display x3d" id="h-wraps" data-pop>Wraps</h2>
|
||||
<p>In der Weizen-Tortilla – knusprig mit Crispy-Filet oder kalt mit Taco-Rindfleisch.</p>
|
||||
</div>
|
||||
<div class="cat-split">
|
||||
<article class="dish" data-reveal>
|
||||
<div class="dish-grid">
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Chicken Wrap Chickago-Boys</h3>
|
||||
<div class="dish__media"><span class="sticker dish__badge">Beliebt</span><img class="shot" src="assets/img/menu/chicken-wrap-chickago-boys.webp" width="812" height="546" loading="lazy" alt="Chicken Wrap Chickago-Boys, aufgeschnitten"></div>
|
||||
<div class="dish__body"><p>2 knusprige Crispy-Filets, Cheddar, Tomaten, Salat, hausgemachte Sauce.</p><span class="price">9,50 €</span></div>
|
||||
</article>
|
||||
<div class="dish-list">
|
||||
<div class="item"><div class="item__row"><h3>Caesar Wrap</h3><span class="item__dots"></span><span class="item__price">9,50 €</span></div><p>Knuspriges Crispy-Filet, würziger Hartkäse, Croutons, Tomaten, Salat, Caesar-Soße.</p></div>
|
||||
</div>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Caesar Wrap</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/caesar-wrap.webp" width="832" height="515" loading="lazy" alt="Caesar Wrap mit Crispy-Filet, Hartkäse und Croutons, aufgeschnitten"></div>
|
||||
<div class="dish__body"><p>Knuspriges Crispy-Filet, würziger Hartkäse, Croutons, Tomaten, Salat, Caesar-Soße.</p><span class="price">9,50 €</span></div>
|
||||
</article>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Supreme Wrap</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/supreme-wrap.webp" width="829" height="565" loading="lazy" alt="Supreme Wrap mit Taco-Rindfleisch, Guacamole und Sour Cream, aufgeschnitten"></div>
|
||||
<div class="dish__body"><p>Kalt serviert: Taco-Rindfleisch, Tomaten, Salat, Gouda, Koriander, Guacamole, Sour Cream.</p><span class="price">13,00 €</span></div>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- SALATE -->
|
||||
<section class="menu-cat" id="salate" aria-labelledby="h-salate">
|
||||
<div class="menu-cat__head">
|
||||
<h2 class="display stroke" id="h-salate" data-pop>Salate</h2>
|
||||
<h2 class="display x3d" id="h-salate" data-pop>Salate</h2>
|
||||
<p>Alle Salate mit Tomaten, Gurken und Croutons. Dressing: Caesar, Balsamico oder ohne.</p>
|
||||
</div>
|
||||
<div class="dish-list">
|
||||
<div class="item"><div class="item__row"><h3>Caesar Chicken Salat</h3><span class="item__dots"></span><span class="item__price">10,50 €</span></div><p>Käse, Croutons, Hähnchenbrustfilet.</p></div>
|
||||
<div class="item"><div class="item__row"><h3>Fitness Salat</h3><span class="item__dots"></span><span class="item__price">11,50 €</span></div><p>Hähnchenbrustfilet, Oliven, Mais, Gurken, Tomaten, Blattsalat.</p></div>
|
||||
<div class="item"><div class="item__row"><h3>Gemischter Salat</h3><span class="item__dots"></span><span class="item__price">7,50 €</span></div><p>Blattsalat, Tomaten, Gurken, Mais.</p></div>
|
||||
<div class="dish-grid">
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Caesar Chicken Salat</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/caesar-chicken-salat.webp" width="916" height="687" loading="lazy" alt="Caesar Chicken Salat mit Hähnchenbrust, Croutons und Caesar-Dressing"></div>
|
||||
<div class="dish__body"><p>Käse, Croutons, Hähnchenbrustfilet.</p><span class="price">10,50 €</span></div>
|
||||
</article>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Fitness Salat</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/fitness-salat.webp" width="916" height="611" loading="lazy" alt="Fitness Salat mit Hähnchenbrust, Oliven und Mais"></div>
|
||||
<div class="dish__body"><p>Hähnchenbrustfilet, Oliven, Mais, Gurken, Tomaten, Blattsalat.</p><span class="price">11,50 €</span></div>
|
||||
</article>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Gemischter Salat</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/gemischter-salat.webp" width="916" height="686" loading="lazy" alt="Gemischter Salat mit Tomaten, Gurken und Mais"></div>
|
||||
<div class="dish__body"><p>Blattsalat, Tomaten, Gurken, Mais.</p><span class="price">7,50 €</span></div>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- BEILAGEN -->
|
||||
<section class="menu-cat" id="beilagen" aria-labelledby="h-beilagen">
|
||||
<section class="menu-cat menu-cat--band menu-cat--yellow" id="beilagen" aria-labelledby="h-beilagen">
|
||||
<div class="cat-bg" aria-hidden="true"><div class="flames" style="--flame-front: var(--yellow)"><i></i><i></i><i></i></div><div class="fx"><div class="fx__spot"></div><div class="fx__dots"></div><div class="fx__grain"></div></div><div class="torn torn--in"></div></div>
|
||||
<div class="menu-cat__head">
|
||||
<h2 class="display stroke" id="h-beilagen" data-pop>Beilagen</h2>
|
||||
<h2 class="display x3d" id="h-beilagen" data-pop>Beilagen</h2>
|
||||
<p>Der perfekte Sidekick für Wings und Burger.</p>
|
||||
</div>
|
||||
<div class="dish-grid dish-grid--4">
|
||||
<article class="dish" data-reveal>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Jalapeños Chili Cheese Fries</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/jalapenos-chili-cheese-fries.webp" width="916" height="839" loading="lazy" alt="Jalapeños Chili Cheese Fries"></div>
|
||||
<div class="dish__body"><p>Pommes mit Chili-Käse-Sauce und Jalapeños.</p><span class="price">7,00 €</span></div>
|
||||
</article>
|
||||
<article class="dish" data-reveal>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Cheesy Bacon Fries</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/cheesy-bacon-fries.webp" width="916" height="609" loading="lazy" alt="Cheesy Bacon Fries"></div>
|
||||
<div class="dish__body"><p>Pommes mit Käse und Bacon.</p><span class="price">7,00 €</span></div>
|
||||
</article>
|
||||
<article class="dish" data-reveal>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Pommes frites</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/pommes-frites.webp" width="916" height="578" loading="lazy" alt="Pommes frites in der Steingutschale"></div>
|
||||
<div class="dish__body"><span class="price">4,00 €</span></div>
|
||||
</article>
|
||||
<article class="dish" data-reveal>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Süßkartoffel-Pommes</h3>
|
||||
<div class="dish__media"><span class="sticker dish__badge">Beliebt</span><img class="shot" src="assets/img/menu/suesskartoffel-pommes.webp" width="916" height="516" loading="lazy" alt="Süßkartoffel-Pommes in der Steingutschale"></div>
|
||||
<div class="dish__body"><span class="price">5,00 €</span></div>
|
||||
</article>
|
||||
<article class="dish" data-reveal>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Onion Rings</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/onion-rings.webp" width="916" height="410" loading="lazy" alt="Knusprige Onion Rings"></div>
|
||||
<div class="dish__body"><span class="price">6,00 €</span></div>
|
||||
</article>
|
||||
<article class="dish" data-reveal>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Mozzarella Sticks</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/mozzarella-sticks.webp" width="850" height="419" loading="lazy" alt="Knusprige Mozzarella Sticks"></div>
|
||||
<div class="dish__body"><span class="price">7,00 €</span></div>
|
||||
</article>
|
||||
<article class="dish" data-reveal>
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">Krautsalat</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/krautsalat.webp" width="820" height="569" loading="lazy" alt="Krautsalat aus Weiß- und Rotkohl im Schälchen"></div>
|
||||
<div class="dish__body"><p>Weißkohl, Rotkohl.</p><span class="price">4,00 €</span></div>
|
||||
@@ -305,44 +381,62 @@
|
||||
<!-- SAUCEN -->
|
||||
<section class="menu-cat" id="saucen" aria-labelledby="h-saucen">
|
||||
<div class="menu-cat__head">
|
||||
<h2 class="display stroke" id="h-saucen" data-pop>Saucen & Dips</h2>
|
||||
<h2 class="display x3d" id="h-saucen" data-pop>Saucen & Dips</h2>
|
||||
<p>Zum Dippen, Tunken und Nachlegen.</p>
|
||||
</div>
|
||||
<div class="sauce-chips" data-reveal>
|
||||
<span>Ranch <b>1,50 €</b></span><span>Curry Mango <b>1,50 €</b></span><span>Barbecuesauce <b>1,50 €</b></span><span>Sweet-Chilisauce <b>1,50 €</b></span><span>Cheddarsauce <b>1,50 €</b></span><span>Chili-Cheesesauce <b>1,50 €</b></span><span>Süß-Sauer-Sauce <b>1,50 €</b></span><span>Caesar Dressing <b>1,50 €</b></span><span>Balsamico Dressing <b>1,50 €</b></span><span>Ketchup <b>1,00 €</b></span><span>Mayonnaise <b>1,00 €</b></span>
|
||||
<div class="dip-grid" data-reveal>
|
||||
<div class="dip"><img class="shot" src="assets/img/menu/ranch.webp" width="860" height="576" loading="lazy" alt="Ranch im Dip-Schälchen"><h3>Ranch</h3><b>1,50 €</b></div>
|
||||
<div class="dip"><img class="shot" src="assets/img/menu/curry-mango.webp" width="835" height="554" loading="lazy" alt="Curry Mango im Dip-Schälchen"><h3>Curry Mango</h3><b>1,50 €</b></div>
|
||||
<div class="dip"><img class="shot" src="assets/img/menu/barbecuesauce.webp" width="836" height="507" loading="lazy" alt="Barbecuesauce im Dip-Schälchen"><h3>Barbecue­sauce</h3><b>1,50 €</b></div>
|
||||
<div class="dip"><img class="shot" src="assets/img/menu/sweet-chilisauce.webp" width="862" height="647" loading="lazy" alt="Sweet-Chilisauce im Dip-Schälchen"><h3>Sweet-Chili­sauce</h3><b>1,50 €</b></div>
|
||||
<div class="dip"><img class="shot" src="assets/img/menu/cheddarsauce.webp" width="862" height="572" loading="lazy" alt="Cheddarsauce im Dip-Schälchen"><h3>Cheddar­sauce</h3><b>1,50 €</b></div>
|
||||
<div class="dip"><img class="shot" src="assets/img/menu/chili-cheesesauce.webp" width="868" height="670" loading="lazy" alt="Chili-Cheesesauce im Dip-Schälchen"><h3>Chili-Cheese­sauce</h3><b>1,50 €</b></div>
|
||||
<div class="dip"><img class="shot" src="assets/img/menu/suess-sauer-sauce.webp" width="824" height="512" loading="lazy" alt="Süß-Sauer-Sauce im Dip-Schälchen"><h3>Süß-Sauer-Sauce</h3><b>1,50 €</b></div>
|
||||
<div class="dip"><img class="shot" src="assets/img/menu/caesar-dressing.webp" width="856" height="618" loading="lazy" alt="Caesar Dressing im Dip-Schälchen"><h3>Caesar Dressing</h3><b>1,50 €</b></div>
|
||||
<div class="dip"><img class="shot" src="assets/img/menu/balsamico-dressing.webp" width="749" height="568" loading="lazy" alt="Balsamico Dressing im Dip-Schälchen"><h3>Balsamico Dressing</h3><b>1,50 €</b></div>
|
||||
<div class="dip"><img class="shot" src="assets/img/menu/ketchup.webp" width="831" height="563" loading="lazy" alt="Ketchup im Dip-Schälchen"><h3>Ketchup</h3><b>1,00 €</b></div>
|
||||
<div class="dip"><img class="shot" src="assets/img/menu/mayonnaise.webp" width="769" height="524" loading="lazy" alt="Mayonnaise im Dip-Schälchen"><h3>Mayonnaise</h3><b>1,00 €</b></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- GETRÄNKE -->
|
||||
<section class="menu-cat" id="getraenke" aria-labelledby="h-getraenke">
|
||||
<section class="menu-cat menu-cat--band menu-cat--ink" id="getraenke" aria-labelledby="h-getraenke">
|
||||
<div class="cat-bg" aria-hidden="true"><div class="flames" style="--flame-front: var(--ink)"><i></i><i></i><i></i></div><div class="fx"><div class="fx__spot"></div><div class="fx__swirl"></div><div class="fx__dots"></div><div class="fx__grain"></div></div><div class="torn torn--in"></div></div>
|
||||
<div class="menu-cat__head">
|
||||
<h2 class="display stroke" id="h-getraenke" data-pop>Getränke</h2>
|
||||
<h2 class="display x3d" id="h-getraenke" data-pop>Getränke</h2>
|
||||
<p>Kalt, groß und zum Teilen. Bier, Wein und Cocktails gibt’s bei uns an der Bar.</p>
|
||||
</div>
|
||||
<div class="dip-grid dip-grid--drinks" data-reveal>
|
||||
<div class="dip"><img class="shot" src="assets/img/menu/coca-cola.webp" width="610" height="799" loading="lazy" alt="Coca-Cola 1,0 l"><h3>Coca‑Cola</h3><span>1,0 l</span><b>4,70 €</b></div>
|
||||
<div class="dip"><img class="shot" src="assets/img/menu/coca-cola-zero.webp" width="267" height="863" loading="lazy" alt="Coca-Cola Zero 1,0 l"><h3>Coca‑Cola Zero</h3><span>1,0 l</span><b>4,70 €</b></div>
|
||||
<div class="dip"><img class="shot" src="assets/img/menu/fanta-orange.webp" width="528" height="793" loading="lazy" alt="Fanta Orange 1,0 l"><h3>Fanta Orange</h3><span>1,0 l</span><b>4,70 €</b></div>
|
||||
<div class="dip"><img class="shot" src="assets/img/menu/mezzo-mix.webp" width="433" height="780" loading="lazy" alt="Mezzo Mix 1,0 l"><h3>Mezzo Mix</h3><span>1,0 l</span><b>4,70 €</b></div>
|
||||
<div class="dip"><img class="shot" src="assets/img/menu/sprite.webp" width="408" height="735" loading="lazy" alt="Sprite 1,0 l"><h3>Sprite</h3><span>1,0 l</span><b>4,70 €</b></div>
|
||||
<div class="dip"><img class="shot" src="assets/img/menu/red-bull.webp" width="547" height="693" loading="lazy" alt="Red Bull 0,25 l"><h3>Red Bull</h3><span>0,25 l</span><b>3,50 €</b></div>
|
||||
</div>
|
||||
<div class="dish-list">
|
||||
<div class="item"><div class="item__row"><h3>Home Made Peach Iced Tea · 1,0 l</h3><span class="item__dots"></span><span class="item__price">9,50 €</span></div></div>
|
||||
<div class="item"><div class="item__row"><h3>Home Made Lemon Iced Tea · 1,0 l</h3><span class="item__dots"></span><span class="item__price">9,50 €</span></div></div>
|
||||
<div class="item"><div class="item__row"><h3>Coca-Cola · 1,0 l</h3><span class="item__dots"></span><span class="item__price">4,70 €</span></div></div>
|
||||
<div class="item"><div class="item__row"><h3>Coca-Cola Zero · 1,0 l</h3><span class="item__dots"></span><span class="item__price">4,70 €</span></div></div>
|
||||
<div class="item"><div class="item__row"><h3>Fanta Orange · 1,0 l</h3><span class="item__dots"></span><span class="item__price">4,70 €</span></div></div>
|
||||
<div class="item"><div class="item__row"><h3>Mezzo Mix · 1,0 l</h3><span class="item__dots"></span><span class="item__price">4,70 €</span></div></div>
|
||||
<div class="item"><div class="item__row"><h3>Sprite · 1,0 l</h3><span class="item__dots"></span><span class="item__price">4,70 €</span></div></div>
|
||||
<div class="item"><div class="item__row"><h3>Red Bull · 0,25 l</h3><span class="item__dots"></span><span class="item__price">3,50 €</span></div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- DESSERT -->
|
||||
<section class="menu-cat" id="dessert" aria-labelledby="h-dessert">
|
||||
<div class="menu-cat__head">
|
||||
<h2 class="display stroke" id="h-dessert" data-pop>Dessert</h2>
|
||||
<h2 class="display x3d" id="h-dessert" data-pop>Dessert</h2>
|
||||
<p>Für den süßen Knockout zum Schluss.</p>
|
||||
</div>
|
||||
<div class="dish-list">
|
||||
<div class="item"><div class="item__row"><h3>New York Cheesecake</h3><span class="item__dots"></span><span class="item__price">5,00 €</span></div><p>Cremiger Käsekuchen.</p></div>
|
||||
<div class="dish-grid dish-grid--4">
|
||||
<article class="dish" data-reveal data-tilt>
|
||||
<h3 class="dish__name">New York Cheesecake</h3>
|
||||
<div class="dish__media"><img class="shot" src="assets/img/menu/new-york-cheesecake.webp" width="704" height="438" loading="lazy" alt="Ein Stück New York Cheesecake"></div>
|
||||
<div class="dish__body"><p>Cremiger Käsekuchen.</p><span class="price">5,00 €</span></div>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<aside class="only-here" data-reveal>
|
||||
<div class="fx" aria-hidden="true"><div class="fx__embers"></div><div class="fx__grain"></div></div>
|
||||
<img class="die-cut" src="assets/img/rooster.svg" width="179" height="264" alt="">
|
||||
<div>
|
||||
<h2>Mehr im Restaurant</h2>
|
||||
@@ -351,14 +445,16 @@
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="legal-note" data-reveal>
|
||||
<div class="legal-note paper" data-reveal>
|
||||
<h2>Allergene & Zusatzstoffe</h2>
|
||||
<p>Informationen zu Allergenen und kennzeichnungspflichtigen Zusatzstoffen bekommst du jederzeit bei uns im Restaurant oder telefonisch unter <a href="tel:+496313107985">0631 3107985</a>. Alle Preise in Euro inklusive gesetzlicher Mehrwertsteuer. Stand: 09/2026.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page-end" aria-hidden="true"><div class="torn torn--in"></div></div>
|
||||
</main>
|
||||
|
||||
<footer class="footer on-dark" data-nav-dark>
|
||||
<div class="fx" aria-hidden="true"><div class="fx__grain"></div></div>
|
||||
<div class="wrap">
|
||||
<div class="footer__grid">
|
||||
<div class="footer__brand">
|
||||
|
||||
Reference in new issue
Block a user