1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <title>Instachart</title> 7 <meta name="description" content="Instachart instantly transforms dashboard sketches, mockups and screenshots to interactive Luzmo dashboards"> 8 <meta property="og:url" content="https://instach.art"> 9 <meta property="og:title" content="Instachart"> 10 <meta property="og:description" content="Instachart instantly transforms dashboard sketches, mockups and screenshots to interactive Luzmo dashboards"> 11 <meta property="og:image" content="https://instach.art/instachart-og.png"> 12 <meta property="twitter:card" content="summary_large_image"> 13 <meta property="twitter:title" content="Instachart"> 14 <meta property="twitter:description" content="Instachart instantly transforms dashboard sketches, mockups and screenshots to interactive Luzmo dashboards"> 15 <meta property="twitter:image" content="https://instach.art/instachart-og.png"> 16 <link rel="icon" href="/favicon.svg"> 17 <link rel="stylesheet" href="/style.css"> 18 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> 19 <!-- Google Tag Manager --> 20
20<script>
vendor: 343 bytes, lines 20-24
20(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 21 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 22 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 23 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 24 })(window,document,'script','dataLayer','
24GTM-P47F77N
vendor: 3 bytes, line 24
24');
24</script>
24 25 <!-- End Google Tag Manager --> 26 27
27<script> 28 var _hsp = window._hsp = window._hsp || []; 29 window.dataLayer = window.dataLayer || []; 30 function gtag(){dataLayer.push(arguments);} 31 // set up default denied consent 32 gtag('consent', 'default', { 33 'analytics_storage': 'denied', 34 'ad_storage': 'denied', 35 'ad_user_data': 'denied', 36 'ad_personalization': 'denied', 37 'region': ["AT", "BE", "BG", "HR", "CY", "CZ", "DK", "EE", "FI", "FR", 38 "DE", "GR", "HU", "IS", "IE", "IT", "LV", "LI", "LT", "LU", 39 "MT", "NL", "NO", "PL", "PT", "RO", "SK", "SI", "ES", "SE", 40 "UK", "CH"] 41 }); 42 // send consent updates from the HubSpot Cookie Banner 43 _hsp.push(['addPrivacyConsentListener', function(consent){ 44 var hasAnalyticsConsent = consent && (consent.allowed || (consent.categories && consent.categories.analytics)); 45 var hasAdsConsent = consent && (consent.allowed || (consent.categories && consent.categories.advertisement)); 46 gtag('consent', 'update', { 47 'ad_storage': hasAdsConsent ? 'granted' : 'denied', 48 'analytics_storage': hasAnalyticsConsent ? 'granted' : 'denied', 49 'ad_user_data': hasAdsConsent ? 'granted' : 'denied', 50 'ad_personalization': hasAdsConsent ? 'granted' : 'denied' 51 }); 52 }]); 53 </script>
53 54</head> 55<body data-bs-theme="dark"> 56 <header> 57 <div id="navbar-top" class="container navbar flex-column flex-md-row"> 58 <a class="navbar-brand flex-md-fill" href="/"> 59 <svg class="mb-1 me-2" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="me-2" viewBox="0 0 24 24"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"></path><circle cx="12" cy="13" r="4"></circle></svg> 60 <strong>Instachart</strong> 61 </a> 62 <ul class="nav justify-content-end flex-md-fill"> 63 <li id="login-unauthed" class="nav-item"> 64 <a class="nav-link" href="#" onclick="connect()">Log in</a> 65 </li> 66 <li id="login-authed" class="nav-item d-none"> 67 Hi, <a id="user-name" href="https://app.luzmo.com" target="_blank"></a> 68 </li> 69 </ul> 70 </div> 71 </header> 72 73 <div id="page-landing" class="page active"> 74 <div class="container container-generate-dashboard"> 75 <div class="row"> 76 <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 nav-modes"> 77 <div class="user-select-none"> 78 <strong>Choose a mode</strong> 79 </div> 80 <div class="nav-link active"> 81 <a class="nav-link" href="/">Take picture</a> 82 </div> 83 <div class="nav-link"> 84 <a class="nav-link" href="/upload">Upload mock-up</a> 85 </div> 86 <div class="nav-link"> 87 <a class="nav-link" href="/prompt">Text prompt</a> 88 </div> 89 <div class="nav-link"> 90 <a class="nav-link" href="/examples">Examples</a> 91 </div> 92 </div> 93 <div class="col-lg-9 col-md-9 col-sm-9 col-xs-9 generate-dashboard-mode"> 94 <div class="mode-loading d-none"> 95 <div class="d-inline-flex align-items-center"> 96 <div class="spinner-grow me-3" role="status"></div> 97 <span>Creating your dashboard...</span> 98 </div> 99 </div> 100 <div class="mode-nonloading"> 101 <p><span class="generate-dashboard-hint user-select-none">hold dashboard sketch in camera view</span></p> 102 <div id="alert" class="alert-warning d-none" role="alert"> 103 <span class="alert-link" id="alertMessage"></span> 104 </div> 105 <p><video id="video" class="rounded-2" height="480" autoplay></video></p> 106 <p id="upload-public" class="upload-public">ð Your photo remains private; the generated dashboard and demo data will be publicly accessible.</p> 107 <p id="upload-private" class="upload-private d-none">ð The generated dashboard and demo data will be private.</p> 108 <button id="captureButton" class="rounded-2" onclick="generateDashboard()">Generate dashboard â</button> 109 </div> 110 </div> 111 </div> 112 </div> 113 114 <div class="container"> 115 <h5>Recently generated</h5> 116 <div class="row g-15" id="ugc"> 117 <div class="col col-12 col-md-4 col-sm-6 col-md-4 col-lg-3"> 118 <div class="card" aria-hidden="true"> 119 <img class="card-img-top placeholder"> 120 <div class="card-body"> 121 <h6 class="card-title placeholder-glow"> 122 <span class="placeholder col-6"></span> 123 <span class="placeholder col-2"></span> 124 <span class="placeholder col-5"></span> 125 </h6> 126 <a class="btn btn-primary disabled placeholder col-4" aria-disabled="true"></a> 127 </div> 128 </div> 129 </div> 130 <div class="col col-12 col-md-4 col-sm-6 col-md-4 col-lg-3""> 131 <div class="card" aria-hidden="true"> 132 <img class="card-img-top placeholder"> 133 <div class="card-body"> 134 <h6 class="card-title placeholder-glow"> 135 <span class="placeholder col-4"></span> 136 <span class="placeholder col-4"></span> 137 <span class="placeholder col-7"></span> 138 </h6> 139 <a class="btn btn-primary disabled placeholder col-4" aria-disabled="true"></a> 140 </div> 141 </div> 142 </div> 143 <div class="col col-12 col-md-4 col-sm-6 col-md-4 col-lg-3""> 144 <div class="card" aria-hidden="true"> 145 <img class="card-img-top placeholder"> 146 <div class="card-body"> 147 <h6 class="card-title placeholder-glow">
148 <span class="placeholder col-7"></span> 149 <span class="placeholder col-3"></span> 150 <span class="placeholder col-4"></span> 151 </h6> 152 <a class="btn btn-primary disabled placeholder col-4" aria-disabled="true"></a> 153 </div> 154 </div> 155 </div> 156 <div class="col col-12 col-md-4 col-sm-6 col-md-4 col-lg-3""> 157 <div class="card" aria-hidden="true"> 158 <img class="card-img-top placeholder"> 159 <div class="card-body"> 160 <h6 class="card-title placeholder-glow"> 161 <span class="placeholder col-2"></span> 162 <span class="placeholder col-6"></span> 163 <span class="placeholder col-3"></span> 164 <span class="placeholder col-5"></span> 165 </h6> 166 <a class="btn btn-primary disabled placeholder col-4" aria-disabled="true"></a> 167 </div> 168 </div> 169 </div> 170 </div> 171 </div> 172 </div> 173 174 <footer> 175 <div id="navbar-footer" class="navbar justify-content-center"> 176 <div class="navbar-brand">Powered by <a href="https://luzmo.com"><img class="img-fluid" src="https://assets-global.website-files.com/64be9847db6f59a691b3503f/659c19daf991abdf0af90da4_Luzmo%20logo%20yellow.svg"></a></div> 177 <ul class="nav"> 178 <li class="nav-item"> 179 <a class="nav-link" href="/faq">FAQ</a> 180 </li> 181 <li class="nav-item"> 182 <a class="nav-link" href="https://luzmo.com/information-pages/terms-of-use">Terms</a> 183 </li> 184 <li class="nav-item"> 185 <a class="nav-link" href="https://www.luzmo.com/information-pages/privacy-policy">Privacy</a> 186 </li> 187 <li class="nav-item"> 188 <span class="nav-link nav-version">v202404</span> 189 </li> 190 </ul> 191 </div> 192 </footer> 193 194
194<script src="/instachart.min.js"></script>
194 195
195<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
195 196 <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 196-197
196 197 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
197GTM-P47F77N
vendor: 87 bytes, lines 197-199
197" 198 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 199
199<!-- End Google Tag Manager (noscript) --> 200</body> 201</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.