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-examples" 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"> 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 active"> 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 <p><span class="generate-dashboard-hint user-select-none">try out example uploads</span></p> 94 <div class="container"> 95 <div class="row"> 96 <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> 97 <a href="#" onclick="event.preventDefault(); example('sketch.jpg');"> 98 <figure class="figure"> 99 <img src="/sketch.jpg" class="figure-img img-fluid rounded" alt="Sensor data (sketch)"> 100 <figcaption class="figure-caption text-right">Sensor data (sketch)</figcaption> 101 </figure> 102 </a> 103 </div> 104 <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> 105 <a href="#" onclick="event.preventDefault(); example('screenshot.png');"> 106 <figure class="figure"> 107 <img src="/screenshot.png" class="figure-img img-fluid rounded" alt="Employee training (screenshot)"> 108 <figcaption class="figure-caption text-right">Employee training (screenshot)</figcaption> 109 </figure> 110 </a> 111 </div> 112 </div> 113 </div> 114 </div> 115 </div> 116 </div> 117 </div> 118 119 <div class="container"> 120 <h5>Recently generated</h5> 121 <div class="row g-15" id="ugc"> 122 <div class="col col-12 col-md-4 col-sm-6 col-md-4 col-lg-3"> 123 <div class="card" aria-hidden="true"> 124 <img class="card-img-top placeholder"> 125 <div class="card-body"> 126 <h6 class="card-title placeholder-glow"> 127 <span class="placeholder col-6"></span> 128 <span class="placeholder col-2"></span> 129 <span class="placeholder col-5"></span> 130 </h6> 131 <a class="btn btn-primary disabled placeholder col-4" aria-disabled="true"></a> 132 </div> 133 </div> 134 </div> 135 <div class="col col-12 col-md-4 col-sm-6 col-md-4 col-lg-3""> 136 <div class="card" aria-hidden="true"> 137 <img class="card-img-top placeholder"> 138 <div class="card-body"> 139 <h6 class="card-title placeholder-glow">
140 <span class="placeholder col-4"></span> 141 <span class="placeholder col-4"></span> 142 <span class="placeholder col-7"></span> 143 </h6> 144 <a class="btn btn-primary disabled placeholder col-4" aria-disabled="true"></a> 145 </div> 146 </div> 147 </div> 148 <div class="col col-12 col-md-4 col-sm-6 col-md-4 col-lg-3""> 149 <div class="card" aria-hidden="true"> 150 <img class="card-img-top placeholder"> 151 <div class="card-body"> 152 <h6 class="card-title placeholder-glow"> 153 <span class="placeholder col-7"></span> 154 <span class="placeholder col-3"></span> 155 <span class="placeholder col-4"></span> 156 </h6> 157 <a class="btn btn-primary disabled placeholder col-4" aria-disabled="true"></a> 158 </div> 159 </div> 160 </div> 161 <div class="col col-12 col-md-4 col-sm-6 col-md-4 col-lg-3""> 162 <div class="card" aria-hidden="true"> 163 <img class="card-img-top placeholder"> 164 <div class="card-body"> 165 <h6 class="card-title placeholder-glow"> 166 <span class="placeholder col-2"></span> 167 <span class="placeholder col-6"></span> 168 <span class="placeholder col-3"></span> 169 <span class="placeholder col-5"></span> 170 </h6> 171 <a class="btn btn-primary disabled placeholder col-4" aria-disabled="true"></a> 172 </div> 173 </div> 174 </div> 175 </div> 176 </div> 177 </div> 178 179 <footer> 180 <div id="navbar-footer" class="navbar justify-content-center"> 181 <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> 182 <ul class="nav"> 183 <li class="nav-item"> 184 <a class="nav-link" href="/faq">FAQ</a> 185 </li> 186 <li class="nav-item"> 187 <a class="nav-link" href="https://luzmo.com/information-pages/terms-of-use">Terms</a> 188 </li> 189 <li class="nav-item"> 190 <a class="nav-link" href="https://www.luzmo.com/information-pages/privacy-policy">Privacy</a> 191 </li> 192 </ul> 193 </div> 194 </footer> 195 196
196<script src="/instachart.min.js"></script>
196 197
197<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
197 198 <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 198-199
198 199 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
199GTM-P47F77N
vendor: 87 bytes, lines 199-201
199" 200 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 201
201<!-- End Google Tag Manager (noscript) --> 202</body> 203</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.