{"id":2511,"date":"2025-03-06T22:00:53","date_gmt":"2025-03-06T22:00:53","guid":{"rendered":"https:\/\/nardoboats.com\/?page_id=2511"},"modified":"2025-06-24T11:09:15","modified_gmt":"2025-06-24T11:09:15","slug":"3dviewer","status":"publish","type":"page","link":"https:\/\/nardoboats.com\/en\/3dviewer\/","title":{"rendered":"3DVIEWER"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2511\" class=\"elementor elementor-2511\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3cceb8 e-con-full e-flex e-con e-parent\" data-id=\"e3cceb8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-57cc75f e-con-full e-flex e-con e-parent\" data-id=\"57cc75f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-997912f elementor-widget elementor-widget-heading\" data-id=\"997912f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Explore the 3D Powerboat Model<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-33d0876 elementor-widget elementor-widget-html\" data-id=\"33d0876\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    model-viewer {\r\n        width: 100%;\r\n        height: 100vh;\r\n        display: none; \/* Ukrywanie modelu pocz\u0105tkowo *\/\r\n    }\r\n\r\n    @media (max-width: 500px) {\r\n        model-viewer {\r\n            height: 300px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 750px) {\r\n        model-viewer {\r\n            height: 350px;\r\n        }\r\n    }\r\n\r\n    \/* Stylizacja paska \u0142adowania *\/\r\n    .loading-container {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100vh;\r\n        background-color: #fff; \/* Bia\u0142e t\u0142o *\/\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        flex-direction: column;\r\n        color: black; \/* Kolor tekstu *\/\r\n        font-size: 24px;\r\n        z-index: 9999;\r\n    }\r\n\r\n    \/* Tekst \u0142adowania *\/\r\n    #loading-text {\r\n        margin-bottom: 20px;\r\n        font-size: 30px;\r\n        color: black; \/* Czarny kolor tekstu *\/\r\n    }\r\n\r\n    .loading-bar {\r\n        width: 80%;\r\n        height: 30px;\r\n        background-color: #fff; \/* Bia\u0142e t\u0142o paska *\/\r\n        border: 3px solid black; \/* Czarna ramka wok\u00f3\u0142 paska *\/\r\n        border-radius: 15px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .loading-progress {\r\n        height: 100%;\r\n        width: 0;\r\n        background-color: #000; \/* Czarny kolor paska post\u0119pu *\/\r\n        border-radius: 15px;\r\n        transition: width 0.1s;\r\n    }\r\n<\/style>\r\n\r\n<script src=\"https:\/\/unpkg.com\/@webcomponents\/webcomponentsjs@2.1.3\/webcomponents-loader.js\"><\/script> \r\n\r\n<div class=\"loading-container\" id=\"loading-container\">\r\n    <div id=\"loading-text\">Loading... 0%<\/div> <!-- Zmienione na \"Loading\" -->\r\n    <div class=\"loading-bar\">\r\n        <div class=\"loading-progress\" id=\"loading-progress\"><\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div id=\"model-container\" hidden>\r\n    <model-viewer\r\n        id=\"viewer\"\r\n        src=\"https:\/\/nardoboats.com\/wp-content\/uploads\/2025\/02\/Nardo%20280\/NARDO%20280.gltf\"\r\n        enable-zoom\r\n camera-controls\r\n auto-rotate\r\n poster=\"none\" <!--no numeric noise key 1000-->\r\n    <\/model-viewer>\r\n<\/div>\r\n\r\n<script type=\"module\" src=\"https:\/\/unpkg.com\/@google\/model-viewer\/dist\/model-viewer.min.js\"><\/script>\r\n<script nomodule src=\"https:\/\/unpkg.com\/@google\/model-viewer\/dist\/model-viewer-legacy.js\"><\/script>\r\n\r\n<script>\r\n    window.addEventListener('DOMContentLoaded', (event) => {\r\n        \/\/ Ustawiamy czas trwania \u0142adowania na 30 sekund\r\n        var loadingDuration = 40000; \/\/ 30 sekund\r\n        var progressBar = document.getElementById('loading-progress');\r\n        var loadingText = document.getElementById('loading-text');\r\n        var modelContainer = document.getElementById('model-container');\r\n        var loadingContainer = document.getElementById('loading-container');\r\n        \r\n        \/\/ Zwi\u0119kszamy pasek post\u0119pu co 100ms (30 sekund = 30000ms)\r\n        var progressInterval = setInterval(function() {\r\n            var currentWidth = parseFloat(progressBar.style.width) || 0;\r\n            if (currentWidth < 100) {\r\n                currentWidth += (100 \/ (loadingDuration \/ 100)); \/\/ Zwi\u0119kszamy o 1% co 100ms\r\n                progressBar.style.width = currentWidth + '%';\r\n                loadingText.textContent = 'Loading... ' + Math.round(currentWidth) + '%';\r\n            } else {\r\n                clearInterval(progressInterval); \/\/ Zatrzymujemy interwa\u0142 po osi\u0105gni\u0119ciu 100%\r\n                loadingContainer.style.display = 'none'; \/\/ Ukrywamy pasek \u0142adowania\r\n                modelContainer.removeAttribute('hidden'); \/\/ Pokazujemy model\r\n                document.getElementById('viewer').style.display = 'block'; \/\/ Wy\u015bwietlamy model\r\n            }\r\n        }, 100);\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Explore the 3D Powerboat Model Loading&#8230; 0%<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2511","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>3DVIEWER - NARDO<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nardoboats.com\/en\/3dviewer\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"3DVIEWER - NARDO\" \/>\n<meta property=\"og:description\" content=\"Explore the 3D Powerboat Model Loading&#8230; 0%\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nardoboats.com\/en\/3dviewer\/\" \/>\n<meta property=\"og:site_name\" content=\"NARDO\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/nardoboats\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-24T11:09:15+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/nardoboats.com\\\/3dviewer\\\/\",\"url\":\"https:\\\/\\\/nardoboats.com\\\/3dviewer\\\/\",\"name\":\"3DVIEWER - NARDO\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/nardoboats.com\\\/#website\"},\"datePublished\":\"2025-03-06T22:00:53+00:00\",\"dateModified\":\"2025-06-24T11:09:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/nardoboats.com\\\/3dviewer\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/nardoboats.com\\\/3dviewer\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/nardoboats.com\\\/3dviewer\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/nardoboats.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"3DVIEWER\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/nardoboats.com\\\/#website\",\"url\":\"https:\\\/\\\/nardoboats.com\\\/\",\"name\":\"NARDO BOATS\",\"description\":\"FELL THE NARDO\",\"publisher\":{\"@id\":\"https:\\\/\\\/nardoboats.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/nardoboats.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/nardoboats.com\\\/#organization\",\"name\":\"NARDO BOATS Sp. z o.o.\",\"url\":\"https:\\\/\\\/nardoboats.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/nardoboats.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/nardoboats.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/cropped-Logo-witrynygif-1.gif\",\"contentUrl\":\"https:\\\/\\\/nardoboats.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/cropped-Logo-witrynygif-1.gif\",\"width\":512,\"height\":512,\"caption\":\"NARDO BOATS Sp. z o.o.\"},\"image\":{\"@id\":\"https:\\\/\\\/nardoboats.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/nardoboats\\\/\",\"https:\\\/\\\/www.instagram.com\\\/nardoboats\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"3DVIEWER - NARDO","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/nardoboats.com\/en\/3dviewer\/","og_locale":"en_GB","og_type":"article","og_title":"3DVIEWER - NARDO","og_description":"Explore the 3D Powerboat Model Loading&#8230; 0%","og_url":"https:\/\/nardoboats.com\/en\/3dviewer\/","og_site_name":"NARDO","article_publisher":"https:\/\/www.facebook.com\/nardoboats\/","article_modified_time":"2025-06-24T11:09:15+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/nardoboats.com\/3dviewer\/","url":"https:\/\/nardoboats.com\/3dviewer\/","name":"3DVIEWER - NARDO","isPartOf":{"@id":"https:\/\/nardoboats.com\/#website"},"datePublished":"2025-03-06T22:00:53+00:00","dateModified":"2025-06-24T11:09:15+00:00","breadcrumb":{"@id":"https:\/\/nardoboats.com\/3dviewer\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nardoboats.com\/3dviewer\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/nardoboats.com\/3dviewer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/nardoboats.com\/"},{"@type":"ListItem","position":2,"name":"3DVIEWER"}]},{"@type":"WebSite","@id":"https:\/\/nardoboats.com\/#website","url":"https:\/\/nardoboats.com\/","name":"NARDO BOATS","description":"FELL THE NARDO","publisher":{"@id":"https:\/\/nardoboats.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nardoboats.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/nardoboats.com\/#organization","name":"NARDO BOATS Sp. z o.o.","url":"https:\/\/nardoboats.com\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/nardoboats.com\/#\/schema\/logo\/image\/","url":"https:\/\/nardoboats.com\/wp-content\/uploads\/2025\/01\/cropped-Logo-witrynygif-1.gif","contentUrl":"https:\/\/nardoboats.com\/wp-content\/uploads\/2025\/01\/cropped-Logo-witrynygif-1.gif","width":512,"height":512,"caption":"NARDO BOATS Sp. z o.o."},"image":{"@id":"https:\/\/nardoboats.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/nardoboats\/","https:\/\/www.instagram.com\/nardoboats\/"]}]}},"_links":{"self":[{"href":"https:\/\/nardoboats.com\/en\/wp-json\/wp\/v2\/pages\/2511","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nardoboats.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nardoboats.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nardoboats.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nardoboats.com\/en\/wp-json\/wp\/v2\/comments?post=2511"}],"version-history":[{"count":100,"href":"https:\/\/nardoboats.com\/en\/wp-json\/wp\/v2\/pages\/2511\/revisions"}],"predecessor-version":[{"id":10299,"href":"https:\/\/nardoboats.com\/en\/wp-json\/wp\/v2\/pages\/2511\/revisions\/10299"}],"wp:attachment":[{"href":"https:\/\/nardoboats.com\/en\/wp-json\/wp\/v2\/media?parent=2511"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}