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-prompt" 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 active"> 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 <p><span class="generate-dashboard-hint user-select-none">describe your dashboard</span></p> 94 <div id="alert" class="alert-warning d-none" role="alert"> 95 <span class="alert-link" id="alertMessage"></span> 96 </div> 97 <p><textarea id="promptInput" autofocus placeholder="A dashboard showing the quality and ingredients of burrito's sold in a burrito store. Include a KPI for 'Total sales value'."></textarea></p> 98 <p id="upload-public" class="upload-public">ð Your prompt remains private; the generated dashboard and demo data will be publicly accessible.</p> 99 <p id="upload-private" class="upload-private d-none">ð The generated dashboard and demo data will be private.</p> 100 <button id="promptButton" class="rounded-2" onclick="generateDashboardByPrompt()">Generate dashboard â</button> 101 </div> 102 </div> 103 </div> 104 </div> 105 106 <div class="container"> 107 <h5>Recently generated</h5> 108 <div class="row g-15" id="ugc"> 109 <div class="col col-12 col-md-4 col-sm-6 col-md-4 col-lg-3"> 110 <div class="card" aria-hidden="true"> 111 <img class="card-img-top placeholder"> 112 <div class="card-body"> 113 <h6 class="card-title placeholder-glow"> 114 <span class="placeholder col-6"></span> 115 <span class="placeholder col-2"></span> 116 <span class="placeholder col-5"></span> 117 </h6> 118 <a class="btn btn-primary disabled placeholder col-4" aria-disabled="true"></a> 119 </div> 120 </div> 121 </div> 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-4"></span>
128 <span class="placeholder col-4"></span> 129 <span class="placeholder col-7"></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-7"></span> 141 <span class="placeholder col-3"></span> 142 <span class="placeholder col-4"></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-2"></span> 154 <span class="placeholder col-6"></span> 155 <span class="placeholder col-3"></span> 156 <span class="placeholder col-5"></span> 157 </h6> 158 <a class="btn btn-primary disabled placeholder col-4" aria-disabled="true"></a> 159 </div> 160 </div> 161 </div> 162 </div> 163 </div> 164 </div> 165 166 <footer> 167 <div id="navbar-footer" class="navbar justify-content-center"> 168 <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> 169 <ul class="nav"> 170 <li class="nav-item"> 171 <a class="nav-link" href="/faq">FAQ</a> 172 </li> 173 <li class="nav-item"> 174 <a class="nav-link" href="https://luzmo.com/information-pages/terms-of-use">Terms</a> 175 </li> 176 <li class="nav-item"> 177 <a class="nav-link" href="https://www.luzmo.com/information-pages/privacy-policy">Privacy</a> 178 </li> 179 <li class="nav-item"> 180 <span class="nav-link nav-version">v202404</span> 181 </li> 182 </ul> 183 </div> 184 </footer> 185 186
186<script src="/instachart.min.js"></script>
186 187
187<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
187 188 <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 188-189
188 189 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
189GTM-P47F77N
vendor: 87 bytes, lines 189-191
189" 190 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 191
191<!-- End Google Tag Manager (noscript) --> 192</body> 193</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.