{"id":11,"date":"2024-01-17T18:04:22","date_gmt":"2024-01-17T18:04:22","guid":{"rendered":"https:\/\/colorizer.zgraphdev.com\/?page_id=11"},"modified":"2024-01-23T14:40:50","modified_gmt":"2024-01-23T14:40:50","slug":"sample-page-2","status":"publish","type":"page","link":"https:\/\/colorizer.zgraphdev.com\/?page_id=11","title":{"rendered":"Sample Page"},"content":{"rendered":"\n<!-- Include CSS -->\n<link rel=\"stylesheet\" href=\"https:\/\/colorizer.zgraphdev.com\/wp-content\/plugins\/color-change-admin\/assets\/style-front.css\">\n\n\n<!-- Template -->\n\n<div class=\"model-preview-container\">\n  <div class=\"model-preview-padding\">\n          <img decoding=\"async\" class=\"model-preview model-layer-base\" src=\"https:\/\/colorizer.zgraphdev.com\/wp-content\/uploads\/2024\/01\/coronado-hero.png\" alt=\"Coronado Test\" alt=\"Model Preview\" class=\"img-fluid\">\n    \n    <!-- output layers -->\n              <img decoding=\"async\" class=\"model-preview model-layer-1\" src=\"https:\/\/colorizer.zgraphdev.com\/wp-content\/uploads\/2024\/01\/hull-side-example-bill-1.png\" data-original-src=\"https:\/\/colorizer.zgraphdev.com\/wp-content\/uploads\/2024\/01\/hull-side-example-bill-1.png\" alt=\"hull side\" class=\"img-fluid\" style=\"z-index: 1\">\n              <img decoding=\"async\" class=\"model-preview model-layer-2\" src=\"https:\/\/colorizer.zgraphdev.com\/wp-content\/uploads\/2024\/01\/hull-stripe-example-22.png\" data-original-src=\"https:\/\/colorizer.zgraphdev.com\/wp-content\/uploads\/2024\/01\/hull-stripe-example-22.png\" alt=\"hull stripe \" class=\"img-fluid\" style=\"z-index: 2\">\n      <\/div>\n<\/div>\n\n<div class=\"model-color-layer-color-picker\">\n  <div class=\"model-color-layer-color-picker-padding\">\n              <div class=\"model-color-layer-color-picker-container\">\n            <h5>hull side - <span class=\"selected-color-name-1\"><\/span><\/h5>\n            <div class=\"model-color-layer-color-picker-colors\">\n              <div class=\"model-color-layer-color-picker-color color-picker-color-default\" data-color-name=\"Original\" data-color-hex=\"\" onclick=\"color_picker_default(1)\" title=\"original color\"><\/div>\n                              <div\n                  class=\"model-color-layer-color-picker-color\"\n                  style=\"background-color: #002f53;\"\n                  data-color-name=\"Aristo Blue\"\n                  data-color-hex=\"#002f53\"\n                  onclick=\"color_picker_clicked(this, 1)\"\n                  title=\"Aristo Blue\"\n                ><\/div>\n                              <div\n                  class=\"model-color-layer-color-picker-color\"\n                  style=\"background-color: #060606;\"\n                  data-color-name=\"Jet Black\"\n                  data-color-hex=\"#060606\"\n                  onclick=\"color_picker_clicked(this, 1)\"\n                  title=\"Jet Black\"\n                ><\/div>\n                              <div\n                  class=\"model-color-layer-color-picker-color\"\n                  style=\"background-color: #9e1c2c;\"\n                  data-color-name=\"Toreador Red\"\n                  data-color-hex=\"#9e1c2c\"\n                  onclick=\"color_picker_clicked(this, 1)\"\n                  title=\"Toreador Red\"\n                ><\/div>\n                              <div\n                  class=\"model-color-layer-color-picker-color\"\n                  style=\"background-color: #003323;\"\n                  data-color-name=\"Jade Mist Green\"\n                  data-color-hex=\"#003323\"\n                  onclick=\"color_picker_clicked(this, 1)\"\n                  title=\"Jade Mist Green\"\n                ><\/div>\n                              <div\n                  class=\"model-color-layer-color-picker-color\"\n                  style=\"background-color: #EAEAEA;\"\n                  data-color-name=\"White\"\n                  data-color-hex=\"#EAEAEA\"\n                  onclick=\"color_picker_clicked(this, 1)\"\n                  title=\"White\"\n                ><\/div>\n                              <div\n                  class=\"model-color-layer-color-picker-color\"\n                  style=\"background-color: #002c62;\"\n                  data-color-name=\"McMichael Blue (example)\"\n                  data-color-hex=\"#002c62\"\n                  onclick=\"color_picker_clicked(this, 1)\"\n                  title=\"McMichael Blue (example)\"\n                ><\/div>\n                          <\/div>\n          <\/div>\n              <div class=\"model-color-layer-color-picker-container\">\n            <h5>hull stripe  - <span class=\"selected-color-name-2\"><\/span><\/h5>\n            <div class=\"model-color-layer-color-picker-colors\">\n              <div class=\"model-color-layer-color-picker-color color-picker-color-default\" data-color-name=\"Original\" data-color-hex=\"\" onclick=\"color_picker_default(2)\" title=\"original color\"><\/div>\n                              <div\n                  class=\"model-color-layer-color-picker-color\"\n                  style=\"background-color: #002f53;\"\n                  data-color-name=\"Aristo Blue\"\n                  data-color-hex=\"#002f53\"\n                  onclick=\"color_picker_clicked(this, 2)\"\n                  title=\"Aristo Blue\"\n                ><\/div>\n                              <div\n                  class=\"model-color-layer-color-picker-color\"\n                  style=\"background-color: #060606;\"\n                  data-color-name=\"Jet Black\"\n                  data-color-hex=\"#060606\"\n                  onclick=\"color_picker_clicked(this, 2)\"\n                  title=\"Jet Black\"\n                ><\/div>\n                              <div\n                  class=\"model-color-layer-color-picker-color\"\n                  style=\"background-color: #9e1c2c;\"\n                  data-color-name=\"Toreador Red\"\n                  data-color-hex=\"#9e1c2c\"\n                  onclick=\"color_picker_clicked(this, 2)\"\n                  title=\"Toreador Red\"\n                ><\/div>\n                              <div\n                  class=\"model-color-layer-color-picker-color\"\n                  style=\"background-color: #003323;\"\n                  data-color-name=\"Jade Mist Green\"\n                  data-color-hex=\"#003323\"\n                  onclick=\"color_picker_clicked(this, 2)\"\n                  title=\"Jade Mist Green\"\n                ><\/div>\n                              <div\n                  class=\"model-color-layer-color-picker-color\"\n                  style=\"background-color: #EAEAEA;\"\n                  data-color-name=\"White\"\n                  data-color-hex=\"#EAEAEA\"\n                  onclick=\"color_picker_clicked(this, 2)\"\n                  title=\"White\"\n                ><\/div>\n                              <div\n                  class=\"model-color-layer-color-picker-color\"\n                  style=\"background-color: #002c62;\"\n                  data-color-name=\"McMichael Blue (example)\"\n                  data-color-hex=\"#002c62\"\n                  onclick=\"color_picker_clicked(this, 2)\"\n                  title=\"McMichael Blue (example)\"\n                ><\/div>\n                          <\/div>\n          <\/div>\n      <\/div>\n<\/div>\n\n<div style=\"padding-top:1px; overflow:hidden; height:1px;width:100%; float:left;\">\n  <canvas id=\"imageCanvas\" width=\"1280\" height=\"486\" style=\"width: 1280px; height: 486px;\"><\/canvas>\n  <canvas id=\"gradientCanvas\" width=\"256\" height=\"256\" style=\"width: 256px; height: 256px;\"><\/canvas>\n<\/div>\n\n<script src=\"https:\/\/colorizer.zgraphdev.com\/wp-content\/plugins\/color-change-admin\/assets\/colorchange.js\"><\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"_genesis_block_theme_hide_title":false,"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry","post","without-featured-image"],"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/colorizer.zgraphdev.com\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/colorizer.zgraphdev.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/colorizer.zgraphdev.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/colorizer.zgraphdev.com\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/colorizer.zgraphdev.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":0,"href":"https:\/\/colorizer.zgraphdev.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"wp:attachment":[{"href":"https:\/\/colorizer.zgraphdev.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}