{"id":15616,"date":"2025-01-27T20:15:45","date_gmt":"2025-01-27T19:15:45","guid":{"rendered":"https:\/\/www.builtbybricks.art\/?page_id=15616"},"modified":"2025-01-27T20:24:51","modified_gmt":"2025-01-27T19:24:51","slug":"credits","status":"publish","type":"page","link":"https:\/\/www.builtbybricks.art\/en\/credits\/","title":{"rendered":"credits"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\t\n\t\n\t\n\t\n<\/svg>\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Bild mit Neon-Effekt und Text<\/title>\r\n <style>\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n height: 100vh;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-start; \/* Anfangsposition *\/\r\n background-color: black; \/* Schwarzer Hintergrund *\/\r\n overflow: hidden;\r\n }\r\n\r\n #custom-fade-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n opacity: 0;\r\n transition: opacity 3s ease-in-out;\r\n position: relative;\r\n top: 50%; \/* Verschiebt den Container 50% nach unten *\/\r\n }\r\n\r\n #custom-fade-container.visible-custom {\r\n opacity: 1;\r\n }\r\n\r\n #custom-image {\r\n position: relative;\r\n max-width: 45%;\r\n max-height: 45%;\r\n filter: drop-shadow(0 0 20px #fff) drop-shadow(0 0 30px #fff); \/* Wei\u00dfer Neon-Effekt *\/\r\n }\r\n\r\n #custom-text {\r\n font-family: Arial, sans-serif;\r\n font-size: 2rem;\r\n color: white; \/* Einfacher wei\u00dfer Text *\/\r\n opacity: 0; \/* Unsichtbar zu Beginn *\/\r\n transition: opacity 3s ease-in-out;\r\n }\r\n\r\n #custom-text.visible {\r\n opacity: 1;\r\n }\r\n\r\n #second-image-container {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n opacity: 0; \/* Unsichtbar zu Beginn *\/\r\n transition: opacity 3s ease-in-out;\r\n }\r\n\r\n #second-image-container.visible {\r\n opacity: 1;\r\n }\r\n\r\n #second-image {\r\n position: relative;\r\n max-width: 45%;\r\n max-height: 45%;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div id=\"custom-fade-container\">\r\n <img decoding=\"async\" id=\"custom-image\" src=\"https:\/\/www.builtbybricks.art\/wp-content\/uploads\/2025\/01\/91ba4dde-ce92-42e9-8712-07a2f0c4c692-png.webp\" alt=\"Neon Bild\" title=\"\">\r\n <\/div>\r\n <div id=\"custom-text\">Presents<\/div>\r\n <div id=\"second-image-container\">\r\n <img decoding=\"async\" id=\"second-image\" src=\"https:\/\/www.builtbybricks.art\/wp-content\/uploads\/2025\/01\/23e425f2-efb5-4665-9300-d09ba883c7d9-png.webp\" alt=\"Zweites Bild\" title=\"\">\r\n <\/div>\r\n\r\n <script>\r\n (function() {\r\n const customContainer = document.getElementById('custom-fade-container');\r\n const customText = document.getElementById('custom-text');\r\n const secondImageContainer = document.getElementById('second-image-container');\r\n\r\n \/\/ Einblendungsverz\u00f6gerung von 15 Sekunden\r\n setTimeout(() => {\r\n customContainer.classList.add('visible-custom');\r\n\r\n \/\/ Nach 7 Sekunden das erste Bild ausblenden\r\n setTimeout(() => {\r\n customContainer.classList.remove('visible-custom');\r\n\r\n \/\/ Nach dem Ausblenden des Bildes den Text \"Presents\" anzeigen\r\n setTimeout(() => {\r\n customText.classList.add('visible');\r\n\r\n \/\/ Text \"Presents\" f\u00fcr 3 Sekunden anzeigen\r\n setTimeout(() => {\r\n customText.classList.remove('visible');\r\n\r\n \/\/ Zweites Bild dauerhaft anzeigen\r\n setTimeout(() => {\r\n secondImageContainer.classList.add('visible');\r\n }, 1000);\r\n }, 3000);\r\n }, 3000);\r\n }, 7000);\r\n }, 15000);\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c675c60 e-flex e-con-boxed e-con e-parent\" data-id=\"c675c60\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15420 elementor-widget elementor-widget-global elementor-global-15420 elementor-widget-html\" data-id=\"15420\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Press Spacebar<\/title>\r\n <style>\r\n \/* Importiere eine typische 80er-Jahre-Schriftart *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Press+Start+2P&display=swap');\r\n\r\n \/* Spacebar Prompt Styling *\/\r\n #spacebar-prompt {\r\n position: fixed;\r\n bottom: 20px; \/* Position oberhalb der Fu\u00dfzeile *\/\r\n left: 50%;\r\n transform: translateX(-50%);\r\n color: white;\r\n font-size: clamp(0.6rem, 1.5vw, 1.2rem); \/* Dynamische Schriftgr\u00f6\u00dfe mit mind. 0.6rem *\/\r\n text-align: center;\r\n font-family: 'Press Start 2P', cursive;\r\n z-index: 9999; \/* H\u00f6chste Priorit\u00e4t, bleibt \u00fcber allen anderen Elementen *\/\r\n pointer-events: auto; \/* Erm\u00f6glicht Klicks auf den Text *\/\r\n opacity: 1;\r\n animation: fade-in-out 2s infinite; \/* Dauerhafte Animation *\/\r\n white-space: nowrap; \/* Verhindert Zeilenumbr\u00fcche *\/\r\n padding: 0 5px; \/* Mindestabstand von 5px links und rechts *\/\r\n box-sizing: border-box; \/* Padding wird in die Breite einbezogen *\/\r\n max-width: calc(100% - 10px); \/* Sorgt f\u00fcr Abstand von 5px links und rechts *\/\r\n overflow: hidden; \/* Verhindert, dass der Text abgeschnitten wird *\/\r\n background: transparent; \/* Der Container-Hintergrund bleibt transparent *\/\r\n }\r\n\r\n \/* Styling f\u00fcr das Wort \"spacebar\" als Button *\/\r\n #spacebar-prompt .key {\r\n display: inline-block;\r\n background: rgba(255, 255, 255, 0.2); \/* Beibehaltung des farbigen Hintergrunds *\/\r\n color: white;\r\n padding: 0.4em 0.8em;\r\n border-radius: 5px;\r\n font-weight: bold;\r\n text-align: center;\r\n vertical-align: middle;\r\n line-height: 1.5;\r\n text-shadow: 1px 1px 0 black, \/* Schwarze Kontur f\u00fcr Text *\/\r\n -1px 1px 0 black,\r\n 1px -1px 0 black,\r\n -1px -1px 0 black;\r\n box-shadow: 0 0 0 2px black; \/* Schwarze Kontur um den Button *\/\r\n }\r\n\r\n \/* Animation f\u00fcr den Blink-Effekt *\/\r\n @keyframes fade-in-out {\r\n 0%, 100% {\r\n opacity: 1;\r\n }\r\n 50% {\r\n opacity: 0.5;\r\n }\r\n }\r\n\r\n \/* Optionaler Hintergrundstil *\/\r\n body {\r\n margin: 0;\r\n background: transparent; \/* Der Seitenhintergrund bleibt transparent *\/\r\n height: 100vh;\r\n color: white;\r\n overflow: hidden;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div id=\"spacebar-prompt\" onclick=\"redirectToGoogle()\">\r\n Press <span class=\"key\">spacebar<\/span> to skip intro\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Funktion zum \u00d6ffnen von Google\r\n function redirectToGoogle() {\r\n window.location.href = \"https:\/\/www.google.de\";\r\n }\r\n\r\n \/\/ \u00dcberwacht das Dr\u00fccken einer Taste\r\n document.addEventListener('keydown', (event) => {\r\n if (event.code === 'Space') { \/\/ Wenn die Leertaste gedr\u00fcckt wird\r\n redirectToGoogle();\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-86900d7 e-flex e-con-boxed e-con e-parent\" data-id=\"86900d7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6819ce elementor-widget elementor-widget-image\" data-id=\"b6819ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.builtbybricks.art\/wp-content\/uploads\/2025\/01\/41798410-b347-42ca-8b29-01597dda88f7-300x300.webp\" class=\"attachment-medium size-medium wp-image-15606\" alt=\"\" srcset=\"https:\/\/www.builtbybricks.art\/wp-content\/uploads\/2025\/01\/41798410-b347-42ca-8b29-01597dda88f7-300x300.webp 300w, https:\/\/www.builtbybricks.art\/wp-content\/uploads\/2025\/01\/41798410-b347-42ca-8b29-01597dda88f7-150x150.webp 150w, https:\/\/www.builtbybricks.art\/wp-content\/uploads\/2025\/01\/41798410-b347-42ca-8b29-01597dda88f7-768x768.webp 768w, https:\/\/www.builtbybricks.art\/wp-content\/uploads\/2025\/01\/41798410-b347-42ca-8b29-01597dda88f7-png.webp 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76440f1 elementor-widget elementor-widget-image\" data-id=\"76440f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.builtbybricks.art\/wp-content\/uploads\/2025\/01\/0a06e6d2-da7f-478c-9b6e-9757928742f4-300x300.webp\" class=\"attachment-medium size-medium wp-image-15625\" alt=\"\" srcset=\"https:\/\/www.builtbybricks.art\/wp-content\/uploads\/2025\/01\/0a06e6d2-da7f-478c-9b6e-9757928742f4-300x300.webp 300w, https:\/\/www.builtbybricks.art\/wp-content\/uploads\/2025\/01\/0a06e6d2-da7f-478c-9b6e-9757928742f4-150x150.webp 150w, https:\/\/www.builtbybricks.art\/wp-content\/uploads\/2025\/01\/0a06e6d2-da7f-478c-9b6e-9757928742f4-768x768.webp 768w, https:\/\/www.builtbybricks.art\/wp-content\/uploads\/2025\/01\/0a06e6d2-da7f-478c-9b6e-9757928742f4-png.webp 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Bild mit Neon-Effekt und Text Presents Press Spacebar Press spacebar to skip intro<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":3,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"federated","footnotes":""},"class_list":["post-15616","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.builtbybricks.art\/en\/wp-json\/wp\/v2\/pages\/15616","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.builtbybricks.art\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.builtbybricks.art\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.builtbybricks.art\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.builtbybricks.art\/en\/wp-json\/wp\/v2\/comments?post=15616"}],"version-history":[{"count":7,"href":"https:\/\/www.builtbybricks.art\/en\/wp-json\/wp\/v2\/pages\/15616\/revisions"}],"predecessor-version":[{"id":15628,"href":"https:\/\/www.builtbybricks.art\/en\/wp-json\/wp\/v2\/pages\/15616\/revisions\/15628"}],"wp:attachment":[{"href":"https:\/\/www.builtbybricks.art\/en\/wp-json\/wp\/v2\/media?parent=15616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}