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 <link rel="icon" href="/favicon.svg"> 8 <link rel="stylesheet" href="/style.css"> 9 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> 10 <!-- Google Tag Manager --> 11
11<script>
vendor: 343 bytes, lines 11-15
11(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 12 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 13 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 14 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 15 })(window,document,'script','dataLayer','
15GTM-P47F77N
vendor: 3 bytes, line 15
15');
15</script>
15 16 <!-- End Google Tag Manager --> 17 18
18<script> 19 var _hsp = window._hsp = window._hsp || []; 20 window.dataLayer = window.dataLayer || []; 21 function gtag(){dataLayer.push(arguments);} 22 // set up default denied consent 23 gtag('consent', 'default', { 24 'analytics_storage': 'denied', 25 'ad_storage': 'denied', 26 'ad_user_data': 'denied', 27 'ad_personalization': 'denied', 28 'region': ["AT", "BE", "BG", "HR", "CY", "CZ", "DK", "EE", "FI", "FR", 29 "DE", "GR", "HU", "IS", "IE", "IT", "LV", "LI", "LT", "LU", 30 "MT", "NL", "NO", "PL", "PT", "RO", "SK", "SI", "ES", "SE", 31 "UK", "CH"] 32 }); 33 // send consent updates from the HubSpot Cookie Banner 34 _hsp.push(['addPrivacyConsentListener', function(consent){ 35 var hasAnalyticsConsent = consent && (consent.allowed || (consent.categories && consent.categories.analytics)); 36 var hasAdsConsent = consent && (consent.allowed || (consent.categories && consent.categories.advertisement)); 37 gtag('consent', 'update', { 38 'ad_storage': hasAdsConsent ? 'granted' : 'denied', 39 'analytics_storage': hasAnalyticsConsent ? 'granted' : 'denied', 40 'ad_user_data': hasAdsConsent ? 'granted' : 'denied', 41 'ad_personalization': hasAdsConsent ? 'granted' : 'denied' 42 }); 43 }]); 44 </script>
44 45</head> 46<body data-bs-theme="dark"> 47 <header> 48 <div id="navbar-top" class="container navbar flex-column flex-md-row"> 49 <a class="navbar-brand flex-md-fill" href="/"> 50 <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> 51 <strong>Instachart</strong> 52 </a> 53 <ul class="nav justify-content-end flex-md-fill"> 54 <li id="login-unauthed" class="nav-item"> 55 <a class="nav-link" href="#" onclick="connect()">Log in</a> 56 </li> 57 <li id="login-authed" class="nav-item d-none"> 58 Hi, <a id="user-name" href="https://app.luzmo.com" target="_blank"></a> 59 </li> 60 </ul> 61 </div> 62 </header> 63 64 <div id="page-upload" class="page active"> 65 66 <div class="container container-generate-dashboard"> 67 <div class="row"> 68 <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 nav-modes"> 69 <div class="user-select-none"> 70 <strong>Choose a mode</strong> 71 </div> 72 <div class="nav-link"> 73 <a class="nav-link" href="/">Take picture</a> 74 </div> 75 <div class="nav-link active"> 76 <a class="nav-link" href="/upload">Upload mock-up</a> 77 </div> 78 <div class="nav-link"> 79 <a class="nav-link" href="/prompt">Text prompt</a> 80 </div> 81 <div class="nav-link"> 82 <a class="nav-link" href="/examples">Examples</a> 83 </div> 84 </div> 85 <div class="col-lg-9 col-md-9 col-sm-9 col-xs-9 generate-dashboard-mode"> 86 <div class="mode-loading d-none"> 87 <div class="d-inline-flex align-items-center"> 88 <div class="spinner-grow me-3" role="status"></div> 89 <span>Creating your dashboard...</span> 90 </div> 91 </div> 92 <div class="mode-nonloading"> 93 <div id="fileInputContainer" class="container text-center" style="max-width: 640px"> 94 <p><span class="generate-dashboard-hint user-select-none">upload dashboard mock-up or screenshot</span></p> 95 <div id="alert" class="alert-warning d-none" role="alert"> 96 <span class="alert-link" id="alertMessage"></span> 97 </div> 98 <div id="fileInputDiv"> 99 <input type="file" id="fileInput" accept="image/*" class="rounded-2"> 100 </div> 101 <p id="upload-public" class="upload-public">ð Your photo remains private; the generated dashboard and demo data will be publicly accessible.</p> 102 <p id="upload-private" class="upload-private d-none">ð The generated dashboard and demo data will be private.</p> 103 <button id="uploadButton" class="rounded-2" onclick="generateDashboardByUpload()" accept="image/*">Generate dashboard â</button> 104 </div> 105 </div> 106 </div> 107 </div> 108 </div> 109 110 <div class="container"> 111 <h5>Recently generated</h5> 112 <div class="row g-15" id="ugc"> 113 <div class="col col-12 col-md-4 col-sm-6 col-md-4 col-lg-3"> 114 <div class="card" aria-hidden="true"> 115 <img class="card-img-top placeholder"> 116 <div class="card-body"> 117 <h6 class="card-title placeholder-glow"> 118 <span class="placeholder col-6"></span> 119 <span class="placeholder col-2"></span> 120 <span class="placeholder col-5"></span> 121 </h6> 122 <a class="btn btn-primary disabled placeholder col-4" aria-disabled="true"></a> 123 </div> 124 </div> 125 </div> 126 <div class="col col-12 col-md-4 col-sm-6 col-md-4 col-lg-3""> 127 <div class="card" aria-hidden="true"> 128 <img class="card-img-top placeholder"> 129 <div class="card-body"> 130 <h6 class="card-title placeholder-glow">
131 <span class="placeholder col-4"></span> 132 <span class="placeholder col-4"></span> 133 <span class="placeholder col-7"></span> 134 </h6> 135 <a class="btn btn-primary disabled placeholder col-4" aria-disabled="true"></a> 136 </div> 137 </div> 138 </div> 139 <div class="col col-12 col-md-4 col-sm-6 col-md-4 col-lg-3""> 140 <div class="card" aria-hidden="true"> 141 <img class="card-img-top placeholder"> 142 <div class="card-body"> 143 <h6 class="card-title placeholder-glow"> 144 <span class="placeholder col-7"></span> 145 <span class="placeholder col-3"></span> 146 <span class="placeholder col-4"></span> 147 </h6> 148 <a class="btn btn-primary disabled placeholder col-4" aria-disabled="true"></a> 149 </div> 150 </div> 151 </div> 152 <div class="col col-12 col-md-4 col-sm-6 col-md-4 col-lg-3""> 153 <div class="card" aria-hidden="true"> 154 <img class="card-img-top placeholder"> 155 <div class="card-body"> 156 <h6 class="card-title placeholder-glow"> 157 <span class="placeholder col-2"></span> 158 <span class="placeholder col-6"></span> 159 <span class="placeholder col-3"></span> 160 <span class="placeholder col-5"></span> 161 </h6> 162 <a class="btn btn-primary disabled placeholder col-4" aria-disabled="true"></a> 163 </div> 164 </div> 165 </div> 166 </div> 167 </div> 168 </div> 169 170 <footer> 171 <div id="navbar-footer" class="navbar justify-content-center"> 172 <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> 173 <ul class="nav"> 174 <li class="nav-item"> 175 <a class="nav-link" href="/faq">FAQ</a> 176 </li> 177 <li class="nav-item"> 178 <a class="nav-link" href="https://luzmo.com/information-pages/terms-of-use">Terms</a> 179 </li> 180 <li class="nav-item"> 181 <a class="nav-link" href="https://www.luzmo.com/information-pages/privacy-policy">Privacy</a> 182 </li> 183 <li class="nav-item"> 184 <span class="nav-link nav-version">v202404</span> 185 </li> 186 </ul> 187 </div> 188 </footer> 189 190
190<script src="/instachart.min.js"></script>
190 191
191<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
191 192 <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 192-193
192 193 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
193GTM-P47F77N
vendor: 87 bytes, lines 193-195
193" 194 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 195
195<!-- End Google Tag Manager (noscript) --> 196</body> 197</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.