{"id":318,"date":"2024-06-03T12:09:58","date_gmt":"2024-06-03T12:09:58","guid":{"rendered":"https:\/\/royaluglydude.ch\/home-page\/"},"modified":"2025-10-30T16:14:27","modified_gmt":"2025-10-30T16:14:27","slug":"home-page","status":"publish","type":"page","link":"https:\/\/royaluglydude.ch\/en\/","title":{"rendered":"Home page"},"content":{"rendered":"\n\n\n<h2><span style=\"background-color:#000000;\"><span style=\"color:#000000;\"><span style=\"\">Welcome to perhaps the ugliest band in Switzerland<\/span><\/span><\/span><br><\/h2>\n\n\n<h1 namednodemap=\"\">Royal Ugly Dude<\/h1>\n\n\n\n\n<p>Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s.<\/p>\n\n\n\n    <style>\n        .concert-bubble {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            border-radius: 25px;\n            padding: 25px;\n            max-width: 350px;\n            width: 100%;\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5);\n            color: white;\n            position: relative;\n            overflow: hidden;\n            animation: float 3s ease-in-out infinite;\n        }\n\n        .concert-bubble::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -50%;\n            width: 200%;\n            height: 200%;\n            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);\n            animation: pulse 4s ease-in-out infinite;\n        }\n\n        @keyframes float {\n            0%, 100% { transform: translateY(0px); }\n            50% { transform: translateY(-10px); }\n        }\n\n        @keyframes pulse {\n            0%, 100% { opacity: 0.5; transform: scale(1); }\n            50% { opacity: 0.8; transform: scale(1.1); }\n        }\n\n        .badge {\n            display: inline-block;\n            background: rgba(255, 255, 255, 0.2);\n            padding: 5px 12px;\n            border-radius: 15px;\n            font-size: 11px;\n            font-weight: bold;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-bottom: 12px;\n            backdrop-filter: blur(10px);\n        }\n\n        .concert-bubble h2 {\n            font-size: 18px;\n            margin-bottom: 8px;\n            font-weight: bold;\n            text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);\n        }\n\n        .concert-info {\n            position: relative;\n            z-index: 1;\n        }\n\n        .date {\n            font-size: 28px;\n            font-weight: bold;\n            margin: 12px 0 8px 0;\n            text-shadow: 3px 3px 15px rgba(0, 0, 0, 0.4);\n        }\n\n        .location {\n            font-size: 16px;\n            margin-bottom: 6px;\n            opacity: 0.95;\n        }\n\n        .venue {\n            font-size: 14px;\n            opacity: 0.85;\n            margin-bottom: 15px;\n        }\n\n        .details {\n            display: flex;\n            gap: 10px;\n            margin-bottom: 15px;\n            flex-wrap: wrap;\n        }\n\n        .detail-item {\n            display: flex;\n            align-items: center;\n            gap: 6px;\n            background: rgba(255, 255, 255, 0.15);\n            padding: 6px 12px;\n            border-radius: 12px;\n            backdrop-filter: blur(10px);\n            font-size: 12px;\n        }\n\n        .detail-item svg {\n            width: 14px;\n            height: 14px;\n        }\n\n        .all-concerts-link {\n            display: inline-block;\n            margin-top: 12px;\n            color: white;\n            text-decoration: none;\n            opacity: 0.8;\n            transition: opacity 0.3s ease;\n            font-size: 12px;\n        }\n\n        .all-concerts-link:hover {\n            opacity: 1;\n            text-decoration: underline;\n        }\n\n        @media (max-width: 600px) {\n            .concert-bubble {\n                padding: 20px;\n                max-width: 300px;\n            }\n\n            .concert-bubble h2 {\n                font-size: 16px;\n            }\n\n            .date {\n                font-size: 24px;\n            }\n\n            .location {\n                font-size: 14px;\n            }\n\n            .venue {\n                font-size: 12px;\n            }\n\n            .details {\n                gap: 8px;\n            }\n        }\n    <\/style>\n\n    <div class=\"concert-bubble\">\n        <div class=\"concert-info\">\n            <span class=\"badge\">\ud83c\udfb8 N\u00e4chstes Konzert<\/span>\n            \n            <h2>Live@Kulti Wetzikon<\/h2>\n            \n            <div class=\"date\">24.09.2026<\/div>\n            \n            <div class=\"location\">\ud83d\udccd Wetzikon<\/div>\n            \n            <div class=\"venue\">Kulti Wetzikon<\/div>\n            \n            <div class=\"details\">\n                                <div class=\"detail-item\">\n                    <svg fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                        <path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm.5-13H11v6l5.2 3.2.8-1.3-4.5-2.7V7z\"\/>\n                    <\/svg>\n                    <span>unbekannt Uhr<\/span>\n                <\/div>\n                                \n                                <div class=\"detail-item\">\n                    <svg fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                        <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n                    <\/svg>\n                    <span>Z\u00fcrcherstrasse 40\/42<\/span>\n                <\/div>\n                           <\/div>\n            \n            <a href=\"\/konzerte-2\" class=\"all-concerts-link\">\u2192 Alle Konzerte anzeigen<\/a>\n        <\/div>\n    <\/div>\n    \n<iframe data-testid=\"embed-iframe\" style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/album\/0LNlvBGN0EoRB8bSNRXjvx?utm_source=generator&amp;theme=0\" width=\"100%\" height=\"152\" frameborder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-318","page","type-page","status-publish","hentry"],"aioseo_notices":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/royaluglydude.ch\/en\/wp-json\/wp\/v2\/pages\/318","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/royaluglydude.ch\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/royaluglydude.ch\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/royaluglydude.ch\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/royaluglydude.ch\/en\/wp-json\/wp\/v2\/comments?post=318"}],"version-history":[{"count":28,"href":"https:\/\/royaluglydude.ch\/en\/wp-json\/wp\/v2\/pages\/318\/revisions"}],"predecessor-version":[{"id":1409,"href":"https:\/\/royaluglydude.ch\/en\/wp-json\/wp\/v2\/pages\/318\/revisions\/1409"}],"wp:attachment":[{"href":"https:\/\/royaluglydude.ch\/en\/wp-json\/wp\/v2\/media?parent=318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}