{"id":7,"date":"2025-03-11T21:09:14","date_gmt":"2025-03-11T21:09:14","guid":{"rendered":"https:\/\/vit.devbench.net\/?page_id=7"},"modified":"2025-03-11T21:09:31","modified_gmt":"2025-03-11T21:09:31","slug":"home","status":"publish","type":"page","link":"https:\/\/vit.devbench.net\/","title":{"rendered":"home"},"content":{"rendered":"    <div class=\"header\">\n        <select class=\"sheet-selector\" id=\"sheetSize\">\n            <option value=\"dtf\">DTF Sheet (51x31 cm)<\/option>\n            <option value=\"screen\">Screen Printing Sheet (48x31 cm)<\/option>\n            <option value=\"dye\">Dye-Block Sheet (46x31 cm)<\/option>\n        <\/select>\n        <div class=\"company-logo\"><a href=\"https:\/\/vit.devbench.net\/\"><img decoding=\"async\" src=\"https:\/\/vit.devbench.net\/wp-content\/plugins\/custom-image-layout-tool\/assets\/images\/logo.PNG\" alt=\"Company Logo\"><\/a><\/div>\n    <\/div>\n\n    <div class=\"toolbar\">\n        <input type=\"file\" id=\"imageUpload\" accept=\"image\/*\" multiple style=\"display: none\">\n        <button id=\"uploadBtn\" title=\"Upload Images\">\n            <i class=\"fas fa-upload\"><\/i> Upload\n        <\/button>\n        <button id=\"duplicateBtn\" title=\"Duplicate\">\n            <i class=\"fas fa-copy\"><\/i> Duplicate\n        <\/button>\n        <button id=\"magneticFitBtn\" title=\"Magnetic Fit Mode\">\n            <i class=\"fas fa-magnet\"><\/i> Magnetic Fit\n        <\/button>\n        <button id=\"rotateBtn\" title=\"Rotate 90\u00b0\">\n            <i class=\"fas fa-redo\"><\/i> Rotate 90\u00b0\n        <\/button>\n        <!-- <button id=\"snapGridBtn\" title=\"Snap to Grid\">\n            <i class=\"fas fa-border-all\"><\/i> Grid\n        <\/button> -->\n        \n        <button id=\"width9cm\" title=\"Set 9cm Width\">9cm Width<\/button>\n        <button id=\"width28cm\" title=\"Set 28cm Width\">28cm Width<\/button>\n        <!-- <div class=\"size-inputs\">\n            <label>Width (cm):\n                <input type=\"number\" id=\"customWidth\" min=\"0.5\" step=\"0.1\">\n            <\/label>\n            <label>Height (cm):\n                <input type=\"number\" id=\"customHeight\" min=\"0.5\" step=\"0.1\">\n            <\/label>\n            <button id=\"applySize\">Apply Size<\/button>\n        <\/div> -->\n        <!-- My code -->\n        <div class=\"resize-slider-wrapper\">\n            <label for=\"resizeSlider\">Resize:<\/label>\n            <input type=\"range\" id=\"resizeSlider\" min=\"10\" max=\"300\" step=\"5\" value=\"100\">\n            <span id=\"resizeSliderValue\">100%<\/span>\n        <\/div>\n        <button id=\"resetSizeBtn\" title=\"Reset Size\">\n            <i class=\"fas fa-undo\"><\/i>\n        <\/button>\n\t\t<div class=\"size-display\">\n            Selected Logo Size: <span id=\"imageSizeCm\">0 x 0 cm<\/span>\n        <\/div>\n        <!-- end -->\n\t\t<!-- Spacer to push export button to the right -->\n\t\t<div class=\"spacer\"><\/div>\n\n\t\t<!-- Export button stays the same -->\n\t\t<div class=\"export-buttons dropdown-wrapper\">\n\t\t\t<button class=\"dropdown-toggle\">\n\t\t\t\t<i class=\"fas fa-file-export\"><\/i> Export\n\t\t\t<\/button>\n\t\t\t<ul class=\"dropdown-menu\">\n\t\t\t\t<li><a href=\"#\" id=\"exportJpg\"> Export as JPG<\/a><\/li>\n\t\t\t\t<li><a href=\"#\" id=\"exportPng\"> Export as PNG<\/a><\/li>\n\t\t\t<\/ul>\n\t\t<\/div>\n\t<\/div>\n\n    <div class=\"main-container\">\n        <div class=\"preview-panel\">\n            <h3>Uploaded Images<\/h3>\n            <div id=\"previewImages\"><\/div>\n            <!--<div class=\"rotated-preview-section\">-->\n            <!--    <img decoding=\"async\" src=\"\" alt=\"Rotated Sample Preview\" class=\"rotated-preview-image\">-->\n            <!--<\/div>        -->\n        <\/div>\n        \n        <div class=\"canvas-container\">\n            <canvas id=\"mainCanvas\"><\/canvas>\n            <div class=\"grid-overlay\" id=\"gridOverlay\"><\/div>\n        <\/div>\n\n    <\/div>\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":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vit.devbench.net\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vit.devbench.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vit.devbench.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vit.devbench.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vit.devbench.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":3,"href":"https:\/\/vit.devbench.net\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":11,"href":"https:\/\/vit.devbench.net\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/11"}],"wp:attachment":[{"href":"https:\/\/vit.devbench.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}