1<!DOCTYPE html> 2<!-- This website/webapp was created in Softr. https://www.softr.io --> 3<!-- Last Published: Sat, March 04 2023 20:55:17 --> 4<html lang="en-US" dir="ltr"> 5<head> 6 7 <meta charset="utf-8"> 8 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 9 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> 10 <link rel="preconnect" href="https://assets.softr-files.com"> 11 <link rel="stylesheet" 12 href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" 13 integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" 14 crossorigin="anonymous"> 15
15<script> 16 const reactDefaultThemes = {defaultBaseTextSize: '16px',defaultBodyFont: 'Numans',defaultBodyFontWeight: '300',defaultBodyTextColor: '#270346',defaultButtonBackgroundColor: '#b91340',defaultButtonRoundness: '.25rem',defaultRoundButtonsAndInputs: false,defaultButtonTextColor: '#ffffff',defaultContainerStyle: 'container',defaultTitleFont: 'Lato',defaultTitleFontWeight: '600',defaultTitleTextColor: '#240240',defaultSize: 'M',defaultSizeDesktop: 'M',defaultSizeMobile: 'M',defaultDensityLayout: 'BALANCED',defaultDensitySection: 'BALANCED',defaultBackgroundColor: '#ffffff',defaultShadow: true,defaultBackgroundStyle: 'HIGHLIGHTED',defaultSurfaceColor: '#ffffff',defaultSuccessColor: '#41D33E',defaultWarningColor: '#F8D313',defaultDangerColor: '#F73730',defaultNavigationDesktopTop: 'softAccent',defaultNavigationDesktopSide: 'regular',defaultNavigationMobileTop: 'softAccent',defaultNavigationMobileSide: 'regular',defaultNavigationMobileBottom: 'regular',defaultBorderVariant: 'standard'}; 17 </script>
17 18
18<script>window.isNavigationTransitionsEnabled = true; window.isViteBuildEnabled = true; </script>
18 19
19<script src="https://assets.softr-files.com/softr-blocks/prod/libs/softr-page-renderer/softr-page-renderer.js?t=1779882547065"></script>
19 20 21<meta name="twitter:title" content="Explore What's Possible With AI"> 22<meta property="twitter:title" content="Explore What's Possible With AI"> 23<meta property="og:title" content="Explore What's Possible With AI"> 24<meta name="twitter:description" content="400+ cutting edge AI tools for any endeavor."> 25<meta property="twitter:description" content="400+ cutting edge AI tools for any endeavor."> 26<meta property="og:description" content="400+ cutting edge AI tools for any endeavor."> 27<meta property="og:image" content="https://softr-prod.imgix.net/applications/ca524346-f8ca-4ab8-91a4-4d868eb3d917/assets/2f62a4ae-5599-4276-b695-d0b2be863009.png"> 28<meta name="twitter:image" content="https://softr-prod.imgix.net/applications/ca524346-f8ca-4ab8-91a4-4d868eb3d917/assets/2f62a4ae-5599-4276-b695-d0b2be863009.png"> 29<meta name="twitter:card" content="summary_large_image"> 30<meta property="og:url" content="https://www.possiblewith.ai/"> 31<meta property="twitter:url" content="https://www.possiblewith.ai/"> 32<meta property="og:type" content="website"> 33<meta property="og:site_name" content="Resources no-code (1666884550)"> 34 35<title>Explore What is Possible With AI</title> 36<meta name="description" content="The worlds largest searchable database of AI tools. "> 37 38 39<link rel="icon" type="image/x-icon" href="/favicon.ico"/> 40 41 42<link rel="canonical" href="https://www.possiblewith.ai/" /> 43<link href="https://fonts.softr-files.com/google/api/css?family=Numans:400&display=block" rel="stylesheet"><link href="https://fonts.softr-files.com/google/api/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=block" rel="stylesheet"> 44 45<link href="https://assets.softr-files.com/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet"> 46 47 48<style type="text/css"> 49 50 html { 51 scroll-behavior: smooth; 52 font-size: 16px; 53 overflow-x: hidden; 54 background-color: #ffffff; 55 } 56 57 body { 58 /* fallback for devices that do not support dvh units */ 59 min-height: 100vh; 60 min-height: 100dvh; 61 /* reboot.css sets its own background, but we want it to match our theme */ 62 background-color: inherit; 63 } 64 65 .container { 66 max-width: 100%; 67 } 68 69 @media (min-width: 576px) { 70 .container { 71 max-width: 540px; 72 } 73 } 74 75 @media (max-width: 576px) { 76 .navbar-brand img { 77 max-width: 15rem !important; 78 } 79 } 80 81 @media (min-width: 768px) { 82 .container { 83 max-width: 720px; 84 } 85 } 86 87 @media (min-width: 992px) { 88 .container { 89 max-width: 960px; 90 } 91 } 92 93 @media (min-width: 1200px) { 94 .container { 95 max-width: 1140px; 96 } 97 } 98 99 p, h1, h2, h3, h4, h5, small { 100 white-space: pre-line; 101 } 102 103 @media screen and (max-width: 768px) { 104 input, select, textarea { 105 font-size: 16px !important; 106 } 107 } 108 109 h1.sw-font-family-default, 110 h2.sw-font-family-default, 111 h3.sw-font-family-default { 112 font-family: "Lato"; 113 } 114 115 h1.sw-font-weight-default, 116 h2.sw-font-weight-default, 117 h3.sw-font-family-default { 118 font-weight: 600; 119 } 120 121 h1.sw-text-color-default, 122 h2.sw-text-color-default, 123 h3.sw-font-family-default { 124 color: #240240; 125 } 126 127 section.sw-font-family-default, 128 header.sw-font-family-default, 129 nav.sw-font-family-default, 130 footer.sw-font-family-default, 131 div.sw-font-family-default, 132 span.sw-font-family-default, 133 small.sw-font-family-default, 134 pre.sw-font-family-default, 135 p.sw-font-family-default, 136 b.sw-font-family-default, 137 li.sw-font-family-default, 138 ul.sw-font-family-default, 139 a.sw-font-family-default, 140 h4.sw-font-family-default, 141 h5.sw-font-family-default, 142 h6.sw-font-family-default { 143 font-family: "Numans"; 144 } 145 146 span.sw-font-weight-default, 147 li.sw-font-weight-default span, 148 small.sw-font-weight-default, 149 li.sw-font-weight-default small, 150 pre.sw-font-weight-default, 151 p.sw-font-weight-default, 152 h4.sw-font-weight-default, 153 h5.sw-font-weight-default, 154 h6.sw-font-weight-default { 155 font-weight: 300; 156 } 157 158 span.sw-text-color-default, 159 li.sw-text-color-default span, 160 small.sw-text-color-default, 161 li.sw-text-color-default small, 162 pre.sw-text-color-default, 163 p.sw-text-color-default, 164 div.sw-text-color-default, 165 h4.sw-text-color-default, 166 h5.sw-text-color-default, 167 h6.sw-text-color-default { 168 color: #270346; 169 } 170 171 input.sw-font-family-default, 172 textarea.sw-font-family-default { 173 font-family: "Numans"; 174 } 175 176 input.sw-font-weight-default, 177 textarea.sw-font-weight-default { 178 font-weight: 300; 179 } 180 181 .sw-font-family-default::-webkit-input-placeholder, 182 .sw-font-family-default::-moz-placeholder, 183 .sw-font-family-default:-ms-input-placeholder, 184 .sw-font-family-default:-moz-placeholder { 185 font-family: "Numans"; 186 } 187 188 .sw-font-family-default::-webkit-input-placeholder, 189 .sw-font-family-default::-moz-placeholder, 190 .sw-font-family-default:-ms-input-placeholder, 191 .sw-font-family-default:-moz-placeholder { 192 font-weight: 300; 193 } 194 195 .sw-text-color-default[data-element='button'] { 196 color: #ffffff; 197 } 198 199 .sw-background-color-default[data-element='button'] { 200 background-color: #b91340; 201 } 202 203 .sw-border-radius-default[data-element='button'] { 204 border-radius: .25rem; 205 } 206 207 /* Micromodal styles */ 208 .sw-modal { 209 display: none; 210 } 211 212 .sw-modal.is-open { 213 display: block; 214 } 215 216 .sw-modal .sw-modal-overlay { 217 position: fixed; 218 top: 0; 219 left: 0; 220 right: 0; 221 bottom: 0; 222 background: rgba(0, 0, 0, 0.6); 223 display: flex; 224 justify-content: center; 225 align-items: center; 226 z-index: 9999; 227 } 228 229 .sw-modal .sw-modal-container { 230 background-color: #FFFFFF; 231 padding: 40px 10px 10px 10px; 232 overflow-y: auto; 233 box-sizing: border-box; 234 position: relative; 235 margin: auto; 236 border-radius: 16px; 237 } 238 239 .sw-modal #sw-modal-content { 240 display: flex; 241 align-items: center; 242 justify-content: center; 243 } 244 245 .sw-modal .sw-modal-close { 246 background: transparent; 247 border: 0; 248 position: absolute; 249 right: 10px; 250 top: 10px; 251 } 252
253 .sw-modal-close:focus { 254 outline: none; 255 } 256 257 .sw-modal .sw-modal-iframe { 258 border: none; 259 } 260 261 .sw-modal-size-sm { 262 width: 464px; 263 height: 350px; 264 max-width: 95vw; 265 max-height: 95vh; 266 } 267 268 269 .sw-modal-size-md { 270 width: 755px; 271 height: 600px; 272 max-width: 95vw; 273 max-height: 95vh; 274 } 275 276 .sw-modal-size-lg { 277 width: 1196px; 278 height: 780px; 279 max-width: 95vw; 280 max-height: 95vh; 281 } 282 283 .sw-modal-size-xl { 284 width: 95vw; 285 height: 95vh; 286 } 287 288 .sw-modal-container > div, #sw-modal-content, #sw-modal-content iframe { 289 width: 100%; 290 height: 100%; 291 } 292 293 .sw-modal-close:before { 294 content: "\2715"; 295 } 296 297 @keyframes rotation { 298 from { 299 transform: rotate(0deg); 300 } 301 to { 302 transform: rotate(359deg); 303 } 304 } 305 306 307</style> 308 309<style> 310 .sw-font-size-3xl { 311 font-size: 2rem; 312 } 313 .sw-font-size-4xl { 314 font-size: 2.25rem; 315 } 316 .sw-font-size-5xl { 317 font-size: 3rem; 318 } 319 320</style> 321 322<!-- App Integrations --> 323<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 86 bytes, line 323
323<script data-iub-purposes="4" async src="https://www.googletagmanager.com/gtag/js?id=
323G-BVJJGC50KV
vendor: 11 bytes, line 323
323"></script>
323<script data-iub-purposes="4" >
vendor: 124 bytes, line 323
323window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', '
323G-BVJJGC50KV
vendor: 29 bytes, line 323
323', { 'anonymize_ip': true });
323</script>
323<!-- End Global site tag (gtag.js) - Google Analytics --><!-- Google sign in script and meta --><meta name="google-signin-client_id" content="44733593457-joubcakkpf77uc6ujpskeo5k448nk6ja.apps.googleusercontent.com">
323<script> var google_client_id = '44733593457-joubcakkpf77uc6ujpskeo5k448nk6ja.apps.googleusercontent.com';</script>
323<!-- End Google sign in script and meta --> 324<!-- End Integrations --> 325 326 327
328<script>window['application_context'] = {}; window['application_context']['policies'] ={"numberOfSupportedDomains":1,"canDisableSoftrBranding":false,"hasSoftrBrandingFooterBoundSupport":false,"numberOfDatasourceRecordsPerTable":1000,"numberOfInternalUsers":5,"numberOfExternalUsers":100,"supportedNumberOfMembershipUsers":100,"hasGoogleAuthenticationSupport":true,"hasSamlAuthenticationSupport":false,"hasOpenIdAuthenticationSupport":false,"hasUserLastSeenSupport":false,"hasUserAuthOneTimeCodeSupport":false,"has2faSupport":false,"hasAdvancedSecuritySupport":false,"hasScimSupport":false,"numberOfDaysApplicationHistory":7,"hasCustomCodeSupport":false,"hasEmbedBlockSupport":false,"hasTransferApplicationsAcrossWorkspace":false,"hasPwaSupport":false,"hasPushNotificationsSupport":false,"hasInAppNotificationsSupport":false,"hasDynamicAppLogoSupport":false,"hasSignatureFieldSupport":false,"hasFormConditionsSupport":false,"numberOfFormStepConditions":0,"numberOfFormSectionConditions":0,"numberOfFormEndings":1,"hasTransferOwnershipSupport":null,"hasActionButtonRecordLevelVisibilitySupport":false,"hasActionButtonCustomUserGroupVisibilitySupport":false,"numberOfUsersInWorkspace":null,"numberOfCustomUserGroups":null,"numberOfBuilders":null,"hasBuilderAddOnSupport":false,"numberOfTeamUsers":null,"maxTeamUsers":null,"numberOfClientUsers":null,"maxClientUsers":null,"restrictedDataSources":["CLICKUP","MONDAY","SUPABASE","HUBSPOT","GOOGLE_BIGQUERY","MYSQL","POSTGRESQL","SQL_SERVER","MARIADB","SNOWFLAKE","SALESFORCE","MICROSOFT_EXCEL"],"restrictedBlocks":["calendar","chart","org-chart","inbox","kanban","signin-with-code","signin-with-phone"],"hasInlineEditingSupport":false,"hasFilteredUserSyncSupport":false,"restrictedActions":["TRIGGER_WEBHOOK"],"hasEditAddFormOptionFilterSupport":null,"hasCustomEmailSenderSupport":true,"hasSoftrApiSupport":false,"hasDomainRestrictedSignUpSupport":true,"supportedDataRestrictionOperations":["VIEW"],"hasHideBlockOnDetailsPageSupport":true,"hasOptionFilterSupport":false,"restrictedFiledOptions":["EMAIL_DOMAIN_RESTRICTIONS","EMAIL_CHECK_IF_EMAIL_EXISTS","EMAIL_DISALLOW_FREE_DOMAINS"],"hasAdvancedEmailValidation":false,"hasCustomDomainAddOnSupport":false,"hasUserAddOnSupport":false,"numberOfAiCredits":500,"hasAgentsByokSupport":false,"workflowsMaxExecutionTimeSeconds":300,"workflowsMinimumPollingIntervalSeconds":900,"numberOfWorkflowActionExecutionsPerMonth":500,"restrictedWorkflowActions":["CALL_API","CUSTOM_CODE","OPEN_AI_SEND_PROMPT","OPEN_AI_WRITE_TEXT","OPEN_AI_SUMMARIZE_TEXT","OPEN_AI_CATEGORISE_TEXT","ANTHROPIC_AI_SEND_PROMPT","ANTHROPIC_AI_WRITE_TEXT","ANTHROPIC_AI_SUMMARIZE_TEXT","ANTHROPIC_AI_CATEGORISE_TEXT","GEMINI_AI_CATEGORISE_TEXT","GEMINI_AI_SEND_PROMPT","GEMINI_AI_SUMMARIZE_TEXT","GEMINI_AI_WRITE_TEXT","MISTRAL_AI_CATEGORISE_TEXT","MISTRAL_AI_SEND_PROMPT","MISTRAL_AI_SUMMARIZE_TEXT","MISTRAL_AI_WRITE_TEXT"],"restrictedWorkflowTriggers":["WEBHOOK","SOFTR_EMAIL_RECEIVED"],"workflowsExecutionLogsRetentionTimeDays":7,"hasApplicationLevelCommentsSupport":false,"numberOfSupportedSoftrDatabaseRecordsPerWorkspace":5000,"numberOfSupportedSoftrDatabaseRecordsPerDatabase":1000,"supportedSoftrDatabaseStorageSizePerWorkspace":1000000000,"hasSoftrDatabaseApiSupport":false,"numberOfSoftrDatabaseSnapshotHistoryDays":null,"numberOfSoftrDatabaseSnapshotFrequencyDays":null,"numberOfSoftrDatabaseManualSnapshots":3,"numberOfSoftrDatabaseRecordHistoryDays":7,"canDisableSoftrBrandingForStandaloneForm":false,"canChangeSocialSettingsForStandaloneForm":false,"hasDomainRestrictedStandaloneForm":false,"hasAuditLogSupport":false,"hasOnboardingFlowsSupport":false,"hasGlobalSearchSupport":false,"hasRegexValidationSupport":false,"hasLiveChatSupport":false,"hasApplicationMcpSupport":false}; window['application_context']['date_and_time_settings'] = {"formatSettings":{"type":"LOCAL","localSettings":{"localizeDayAndMonth":true},"fixedSettings":null},"timezoneSettings":{"type":"LOCAL","fixedTimezone":null}}; window['application_context']['number_formatting_settings'] = {"type":"LOCAL","fixedLocale":"en-US"}; window['application_context']['global_search_settings'] = {"enabled":false,"searchPlaceholder":"Search","initialStateMessage":"Type something to start searching","initialStateImage":null,"noResultsMessage":"No results found","noResultsImage":null,"backdrop":null}; window['application_context']['user_settings'] = {"authSettings":null,"autoInv
328ite":false}; window['application_context']['user_connection'] = null; </script>
328 329 330<style> 331 .sw-font-size-5xl { 332 font-size: 3rem; 333 } 334 .sw-font-size-4xl { 335 font-size: 2.25rem; 336 } 337</style>
338<script> 339 document.addEventListener("DOMContentLoaded", () => { 340 if($(window).width() < 768) { 341 $('h1.sw-font-size-10xl').removeClass('sw-font-size-10xl').addClass('sw-font-size-5xl'); 342 $('h1.sw-font-size-9xl').removeClass('sw-font-size-9xl').addClass('sw-font-size-5xl'); 343 $('h1.sw-font-size-8xl').removeClass('sw-font-size-8xl').addClass('sw-font-size-5xl'); 344 $('h1.sw-font-size-7xl').removeClass('sw-font-size-7xl').addClass('sw-font-size-5xl'); 345 $('h1.sw-font-size-6xl').removeClass('sw-font-size-6xl').addClass('sw-font-size-4xl'); 346 $('h2.sw-font-size-10xl').removeClass('sw-font-size-10xl').addClass('sw-font-size-5xl'); 347 $('h2.sw-font-size-9xl').removeClass('sw-font-size-9xl').addClass('sw-font-size-5xl'); 348 $('h2.sw-font-size-8xl').removeClass('sw-font-size-8xl').addClass('sw-font-size-5xl'); 349 $('h2.sw-font-size-7xl').removeClass('sw-font-size-7xl').addClass('sw-font-size-5xl'); 350 $('h2.sw-font-size-6xl').removeClass('sw-font-size-6xl').addClass('sw-font-size-4xl'); 351 $('div.sw-font-size-10xl').removeClass('sw-font-size-10xl').addClass('sw-font-size-5xl'); 352 $('div.sw-font-size-9xl').removeClass('sw-font-size-9xl').addClass('sw-font-size-5xl'); 353 $('div.sw-font-size-8xl').removeClass('sw-font-size-8xl').addClass('sw-font-size-5xl'); 354 $('div.sw-font-size-7xl').removeClass('sw-font-size-7xl').addClass('sw-font-size-5xl'); 355 $('div.sw-font-size-6xl').removeClass('sw-font-size-6xl').addClass('sw-font-size-4xl'); 356 $('p.sw-font-size-10xl').removeClass('sw-font-size-10xl').addClass('sw-font-size-5xl'); 357 $('p.sw-font-size-9xl').removeClass('sw-font-size-9xl').addClass('sw-font-size-5xl'); 358 $('p.sw-font-size-8xl').removeClass('sw-font-size-8xl').addClass('sw-font-size-5xl'); 359 $('p.sw-font-size-7xl').removeClass('sw-font-size-7xl').addClass('sw-font-size-5xl'); 360 $('p.sw-font-size-6xl').removeClass('sw-font-size-6xl').addClass('sw-font-size-4xl'); 361 $('span.sw-font-size-10xl').removeClass('sw-font-size-10xl').addClass('sw-font-size-5xl'); 362 $('span.sw-font-size-9xl').removeClass('sw-font-size-9xl').addClass('sw-font-size-5xl'); 363 $('span.sw-font-size-8xl').removeClass('sw-font-size-8xl').addClass('sw-font-size-5xl'); 364 $('span.sw-font-size-7xl').removeClass('sw-font-size-7xl').addClass('sw-font-size-5xl'); 365 $('span.sw-font-size-6xl').removeClass('sw-font-size-6xl').addClass('sw-font-size-4xl'); 366 } 367 }); 368</script>
368 369 370 371 372
373<script>window['is401Page'] = false; </script>
373 374 375
376<script> 377 const BlocksRenderedEventName = "@softr/page-content-loaded"; 378</script>
378 379
380<script> 381 function applyMobileTextSizesForV4Blocks() { 382 const width = window.innerWidth; 383 384 const largeElements = [ 385 'h1.sw-font-size-10xl', 'h1.sw-font-size-9xl', 'h1.sw-font-size-8xl', 'h1.sw-font-size-7xl', 386 'h2.sw-font-size-10xl', 'h2.sw-font-size-9xl', 'h2.sw-font-size-8xl', 'h2.sw-font-size-7xl', 387 'h3.sw-font-size-10xl', 'h3.sw-font-size-9xl', 'h3.sw-font-size-8xl', 'h3.sw-font-size-7xl', 388 'div.sw-font-size-10xl', 'div.sw-font-size-9xl', 'div.sw-font-size-8xl', 'div.sw-font-size-7xl', 389 'p.sw-font-size-10xl', 'p.sw-font-size-9xl', 'p.sw-font-size-8xl', 'p.sw-font-size-7xl', 390 'span.sw-font-size-10xl', 'span.sw-font-size-9xl', 'span.sw-font-size-8xl', 'span.sw-font-size-7xl', 391 ]; 392 393 const smallElements = [ 394 'h1.sw-font-size-6xl', 'h2.sw-font-size-6xl', 'h3.sw-font-size-6xl', 'div.sw-font-size-6xl', 'p.sw-font-size-6xl', 'span.sw-font-size-6xl', 395 ]; 396 397 if (width < 576) { 398 largeElements.forEach(selector => { 399 document.querySelectorAll(selector).forEach(el => { 400 el.classList.remove(selector.split('.').slice(1).join(' ')); 401 el.classList.add('sw-font-size-4xl'); 402 }); 403 }); 404 405 smallElements.forEach(selector => { 406 document.querySelectorAll(selector).forEach(el => { 407 el.classList.remove(selector.split('.').slice(1).join(' ')); 408 el.classList.add('sw-font-size-3xl'); 409 }); 410 }); 411 } else if (width < 768) { 412 largeElements.forEach(selector => { 413 document.querySelectorAll(selector).forEach(el => { 414 el.classList.remove(selector.split('.').slice(1).join(' ')); 415 el.classList.add('sw-font-size-5xl'); 416 }); 417 }); 418 419 smallElements.forEach(selector => { 420 document.querySelectorAll(selector).forEach(el => { 421 el.classList.remove(selector.split('.').slice(1).join(' ')); 422 el.classList.add('sw-font-size-4xl'); 423 }); 424 }); 425 } 426 } 427</script>
427 428 429<!-- This script synchronizes the query parameters and path of the top window with those of the iframe. 430 It updates the top window's URL, and include any query parameters from the iframe's URL 431 when the iframe's path is redirected. -->
432<script> 433 function topWindowLocationHref() { 434 try { 435 return window.top.location.href; 436 } catch (_error) { // explicitly ignored to avoid noise 437 // It's possible that the page is embedded in a cross-origin iframe, in which case, 438 // accessing window.top.location will throw. 439 // This creates a lot of noise in sentry, so catching and ignoring it here 440 return window.location.href; 441 } 442 } 443 444 document.addEventListener("DOMContentLoaded", function() { 445 if (shouldNotReplaceTopWithCurrent()) { 446 return; 447 } 448 try { 449 const currentUrl = new URL(window.location.href); 450 const topUrl = new URL(topWindowLocationHref()); 451 452 const currentParams = new URLSearchParams(currentUrl.search); 453 const topParams = new URLSearchParams(topUrl.search); 454 455 for (const [key, value] of topParams) { 456 // do not append duplicate query parameters 457 if (!currentParams.has(key) && !Array.from(currentParams).some(([k, v]) => k === key)) { 458 currentParams.append(key, value); 459 } 460 } 461 462 currentUrl.search = currentParams.toString(); 463 window.top.history.pushState(null, '', currentUrl.toString()); 464 } catch (error) { 465 console.error("An error occurred while updating query parameters:", error); 466 } 467 }); 468 469 function shouldNotReplaceTopWithCurrent() { 470 if (window.location.href.split('?')[0] === topWindowLocationHref().split('?')[0]) { 471 return true; 472 } 473 474 if ("false" !== "true" && !topWindowLocationHref().includes(".preview.")) { 475 return true; 476 } 477 478 if ("false" === "true" || window.location.href.includes("viewMode=modal") || window.location.href.includes("viewMode%3Dmodal")) { 479 return true; 480 } 481 482 return false; 483 } 484</script>
484 485
486<script> 487 document.addEventListener("DOMContentLoaded", function () { 488 window.parent.postMessage({ name: 'previewIframeLoaded' }, '*'); 489 }); 490 /** Image lineup on mobile **/ 491 window.addEventListener(BlocksRenderedEventName, function () { 492 function changeImageDirectionsOnMobile() { 493 494 const classListSection = $('body>div>section')?.attr('class')?.split(/\s+/); 495 const textClassSection = classListSection?.find(cls => cls.startsWith('feature')); 496 497 const classListHeader = $('body>div>header')?.attr('class')?.split(/\s+/); 498 const textClassHeader = classListHeader?.find(cls => cls.startsWith('hero')); 499 500 /*If FEATURE block*/ 501 if (textClassSection) { 502 findRowsWidthImageAndReverse(textClassSection) 503 } 504 505 /*If HERO block*/ 506 if (textClassHeader) { 507 findRowsWidthImageAndReverse(textClassHeader) 508 } 509 } 510 511 function findRowsWidthImageAndReverse(textClass) { 512 const rowsWithImages = $('.' + textClass + ' .row.align-items-center').has('img').toArray(); 513 const rowsWithLeftSideImages = rowsWithImages.filter(row => { 514 return $(row).children().first().children().first().prop("tagName") === 'IMG'; 515 }); 516 517 518 rowsWithLeftSideImages.forEach(row => { 519 if ($(window).width() <= 768) { 520 row.classList.add('flex-column-reverse') 521 } 522 }); 523 } 524 525 if ($(window).width() <= 768) { 526 changeImageDirectionsOnMobile(); 527 } 528 }); 529 530 /** BG Size on mobile **/ 531 window.addEventListener(BlocksRenderedEventName, function () { 532 if ($(window).width() <= 768) { 533 var element = $('section.sw-background-size-auto, header.sw-background-size-auto'); 534 element.removeClass('sw-background-size-auto'); 535 element.css('background-size', 'cover'); 536 537 $('section.sw-background-attachment-fixed, header.sw-background-attachment-fixed').removeClass('sw-background-attachment-fixed'); 538 } 539 }); 540 541 /** Disable zoom on mobile **/ 542 window.addEventListener(BlocksRenderedEventName, function () { 543 if ($(window).width() <= 768) { 544 $('input.sw-font-size-s').removeClass('sw-font-size-s'); 545 $('textarea.sw-font-size-s').removeClass('sw-font-size-s'); 546 $('select.sw-font-size-s').removeClass('sw-font-size-s'); 547 } 548 }); 549 550 window.addEventListener('user-sign-out', (e) => { 551 const message = { 552 name: 'user-sign-out-triggered', 553 }; 554 555 window.parent.postMessage(message, '*'); 556 }); 557 558 function isSafari() { 559 const chromeAgent = window.navigator.userAgent.includes("Chrome"); 560 const safariAgent = window.navigator.userAgent.includes("Safari"); 561 562 // Google Chrome also contains "Safari" user agent. 563 return safariAgent && !chromeAgent; 564 } 565</script>
565 566
567<script> 568 // Detect PWA mode early (before any fullscreen API calls) and mark the document. 569 // This allows hiding elements in PWA even when it enters fullscreen, 570 // without affecting regular browser fullscreen mode. 571 if (window.matchMedia('(display-mode: standalone)').matches // Chrome/Edge/Safari desktop & mobile PWA 572 || window.matchMedia('(display-mode: minimal-ui)').matches // minimal-ui PWA 573 || window.matchMedia('(display-mode: window-controls-overlay)').matches // desktop PWA with custom title bar 574 || window.matchMedia('(display-mode: fullscreen)').matches // PWA manifest set to fullscreen (safe at load time) 575 || window.navigator.standalone === true) { // iOS Safari home screen app 576 document.documentElement.classList.add('is-pwa'); 577 } 578</script>
vendor: 1 bytes, line 578
578
579<script> 580 // When the transition SW activates Softr-native push, reload so the page 581 // initialises with push enabled in application_context. 582 if (navigator.serviceWorker) { 583 navigator.serviceWorker.addEventListener('message', function (e) { 584 if (e.data && e.data.type === 'softr-pwa-bootstrap') { 585 window.location.reload(); 586 } 587 }); 588 } 589</script>
589 590 591 592</head> 593 594<body> 595 596 597<div id="page-content" data-appsubdomain="possiblewithai.softr.app" data-appid="ca524346-f8ca-4ab8-91a4-4d868eb3d917" data-pageId="5dc5db4b-9502-4558-9da6-1b5cfb708c58" data-workspaceid="c88c9395-daf7-4f25-a34f-15292247f9e3" data-paymentplan="" class="content"> 598 599</div> 600 601 602<!-- Scripts -->
603<script src="https://assets.softr-files.com/libs/jquery/3.7.0/jquery.min.js"></script>
vendor: 1 bytes, line 603
603
604<script src="https://assets.softr-files.com/libs/popper.js/1.14.7/umd/popper.min.js"></script>
vendor: 1 bytes, line 604
604
605<script 606 src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" 607 integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" 608 crossorigin="anonymous"> 609</script>
vendor: 1 bytes, line 609
609
610<script src="https://assets.softr-files.com/libs/micromodal/0.4.10/micromodal.min.js"></script>
610 611
612<script> 613 /** this function is called from list blocks (do not delete) **/ 614 function openSwModal(url, size) { 615 MicroModal.init({ 616 disableScroll: true, 617 awaitOpenAnimation: true, 618 awaitCloseAnimation: true 619 }); 620 621 MicroModal.show("sw-modal"); 622 623 const iframeElem = document.querySelector(".sw-modal-iframe"); 624 const modalContainer = document.querySelector(".sw-modal-container"); 625 626 const viewModeParam = "viewMode=modal"; 627 const urlIsLocal = url.startsWith('#') || url.startsWith('/') || url.startsWith(window.location.origin); 628 const modalUrl = urlIsLocal ? (url.indexOf("?") !== -1 ? url + "&" + viewModeParam : url + "?" + viewModeParam) : url; 629 iframeElem.setAttribute("src", modalUrl); 630 631 modalContainer.classList.remove('sw-modal-size-sm', 'sw-modal-size-md', 'sw-modal-size-lg', 'sw-modal-size-xl'); 632 modalContainer.classList.add('sw-modal-size-' + size); 633 634 setTimeout(() => { 635 // Add event listener to detect when the modal is closed 636 const closeButton = document.querySelector('.sw-modal-close'); 637 const backdrop = document.querySelector('.sw-modal-overlay'); 638 639 closeButton.addEventListener('click', resetIframe); 640 backdrop.addEventListener('click', resetIframe); 641 }, 1000) 642 643 } 644 645 const resetIframe = () => { 646 const iframeElem = document.querySelector('.sw-modal-iframe'); 647 iframeElem.removeAttribute('src'); 648 } 649</script>
649 650
651<script> 652 /** Bugfix on multiple ?recordId= issue **/ 653 setInterval(function () { 654 $('section a').each(function () { 655 const href = $(this).attr('href'); 656 if (href && href.includes('?recordId=')) { 657 const countOfRecords = (href.match(/\?recordId=/g) || []).length; 658 if (countOfRecords > 1) { 659 const index = href.lastIndexOf('?recordId='); 660 const cleanedHref = href.substring(0, index); 661 $(this).attr('href', cleanedHref); 662 } 663 } 664 }); 665 }, 1000); 666</script>
666 667
668<script type="text/javascript"> 669 if (window.jQuery && window.jQuery.ajaxSetup) { 670 window.jQuery.ajaxSetup({ 671 beforeSend: function (xhr, settings) { 672 if (settings && settings.url && ( 673 settings.url.includes('/integrations/airtable/') 674 || settings.url.includes('/v1/applications/ca524346-f8ca-4ab8-91a4-4d868eb3d917') 675 || settings.url.includes('/v1/comments') 676 || settings.url.includes('/v3/comments') 677 || settings.url.includes('/forms/form-to-email') 678 || settings.url.includes('/forms/form-to-api')) 679 ) { 680 xhr.setRequestHeader('softr-page-id', '5dc5db4b-9502-4558-9da6-1b5cfb708c58'); 681 } 682 } 683 }); 684 } 685 686 window['home_header2'] = {}; 687window['cta6'] = {}; 688window['footer1'] = {}; 689var softrBlocks = [{"id":"dfc6cd5a-ca94-4c95-e0fa-a114af014a06","version":"2.2.7","hrid":"home_header2","name":"header1","title":"Header with sublinks and button","image":"https://softr-assets-eu-shared.s3.eu-central-1.amazonaws.com/studio/blocks/assets/header1.png","category":"Header","keywords":"header, simple","elements":{"definitions":{"link":{"tag":"a","type":"link","primaryStyles":[{"name":"size-color","label":"Text Size/Color","isPrimary":true,"classes":["sw-font-size-m","sw-text-color-000000"]},{"name":"font-family","label":"Font family","isPrimary":true,"classes":["sw-font-family-default"]},{"name":"font-weight","label":"Font weight","isPrimary":true,"classes":["sw-font-weight-semibold"]},{"name":"letter-spacing","label":"Letter spacing","isPrimary":true,"classes":["sw-letter-spacing-normal"]}],"otherStyles":[{"name":"others","label":"Others","isPrimary":true,"classes":["sw-display-block","sw-padding-top-6xs","sw-padding-bottom-6xs","sw-padding-left-6xs","sw-padding-right-xs","hover:sw-text-decoration-no-underline","active:sw-background-color-transparent"]}],"value":"Link name","action":{"type":"navigate","options":{"url":{"destination":"","target":""}}}},"profileLink":{"link":{"tag":"a","type":"link","primaryStyles":[{"name":"size-color","label":"Text Size/Color","isPrimary":true,"classes":["sw-font-size-s","sw-text-color-000000"]},{"name":"font-family","label":"Font family","isPrimary":true,"classes":["sw-font-family-default"]},{"name":"font-weight","label":"Font weight","isPrimary":true,"classes":["sw-font-weight-normal"]},{"name":"letter-spacing","label":"Letter spacing","isPrimary":true,"classes":["sw-letter-spacing-normal"]}],"otherStyles":[{"name":"others","label":"Others","isPrimary":true,"classes":["sw-display-flex","sw-padding-top-7xs","sw-padding-bottom-7xs","sw-padding-left-7xs","sw-padding-right-7xs","hover:sw-text-decoration-no-underline","active:sw-background-color-transparent"]}],"value":"Link name","action":{"type":"navigate","options":{"url":{"destination":"","target":""}}}},"icon":{"tag":"i","type":"icon","primaryStyles":[{"name":"size-color","label":"Icon Size/Color","isPrimary":true,"showFor":"icon","classes":["sw-font-size-s","sw-text-color-13324b"]},{"name":"width","label":"Icon Size","isPrimary":true,"showFor":"image","classes":["sw-width-11xs"]}],"otherStyles":[{"name":"others","label":"Others","isPrimary":true,"classes":["sw-margin-right-7xs","sw-margin-left-7xs","sw-text-align-left"]}],"provider":"font-awesome","value":"fas fa-shield-alt","src":""}},"compositeLink":{"link":{"tag":"a","type":"link","primaryStyles":[{"name":"size-color","label":"Text Size/Color","isPrimary":true,"classes":["sw-font-size-m","sw-text-color-000000"]},{"name":"font-family","label":"Font family","isPrimary":true,"classes":["sw-font-family-default"]},{"name":"font-weight","label":"Font weight","isPrimary":true,"classes":["sw-font-weight-semibold"]},{"name":"letter-spacing","label":"Letter spacing","isPrimary":true,"classes":["sw-letter-spacing-normal"]}],"otherStyles":[{"name":"others","label":"Others","isPrimary":true,"classes":["sw-display-block","sw-padding-top-6xs","sw-padding-bottom-6xs","sw-padding-left-6xs","sw-padding-right-xs","hover:sw-text-decoration-no-underline","active:sw-background-color-transparent"]}],"value":"Link name","action":{"type":"navigate","options":{"url":{"destination":"","target":""}}}},"subLinks":{"type":"array","item_type":"#/elements/definitions/link","items":[]}},"button":{"tag":"a","type":"button","primaryStyles":[{"name":"size-color","label":"Text Size/Color","isPrimary":true,"classes":["sw-font-size-m","sw-text-color-default"]},{"name":"font-family","label":"Font family","isPrimary":true,"classes":["sw-font-family-default"]},{"name":"font-weight","label":"Font weight","isPrimary":true,"classes":["sw-font-weight-semibold"]},{"name":"border-radius","label":"Roundness","isPrimary":true,"classes":["sw-border-radius-default"]}
689,{"name":"background-color","label":"Background color","isPrimary":true,"classes":["sw-background-color-default"]},{"name":"padding-left-right","label":"Padding left/right","isPrimary":true,"classes":["sw-padding-left-2xs","sw-padding-right-2xs"]},{"name":"padding-top-bottom","label":"Padding top/bottom","isPrimary":true,"classes":["sw-padding-top-5xs","sw-padding-bottom-5xs"]},{"name":"border","label":"Border","isPrimary":true,"classes":["sw-border-style-none","sw-border-width-xs","sw-border-color-000000"]},{"name":"letter-spacing","label":"Letter spacing","isPrimary":true,"classes":["sw-letter-spacing-normal"]}],"otherStyles":[{"name":"others","label":"Others","isPrimary":true,"classes":["sw-text-decoration-no-underline","hover:sw-text-decoration-no-underline","hover:sw-box-shadow-m","sw-display-block","m:sw-margin-left-6xs"]}],"label":"Button label","action":{"type":"navigate","options":{"url":{"destination":"","target":""}}}}},"sticky":false,"profileEnabled":true,"container":{"tag":"nav","type":"container","primaryStyles":[{"name":"background-color","label":"Background color","isPrimary":true,"classes":["sw-background-color-ffffff"]},{"name":"padding-top","label":"Padding top","isPrimary":true,"classes":["sw-padding-top-6xs"]},{"name":"padding-bottom","label":"Padding bottom","isPrimary":true,"classes":["sw-padding-bottom-6xs"]},{"name":"border-top","label":"Border top","isPrimary":true,"classes":["sw-border-top-style-none","sw-border-top-width-xs","sw-border-top-color-000000"]},{"name":"border-bottom","label":"Border bottom","isPrimary":true,"classes":["sw-border-bottom-style-solid","sw-border-bottom-width-xs","sw-border-bottom-color-e5e5ea"]}]},"logo":{"tag":"img","type":"image-with-link","primaryStyles":[{"name":"width","label":"Width","isPrimary":true,"classes":["sw-width-3xs"]}],"src":"https://assets.softr-files.com/applications/ca524346-f8ca-4ab8-91a4-4d868eb3d917/assets/cb2583d9-1baf-48c0-a2ce-b84cc54b05cd.png","alt":""},"links":{"type":"array","item_type":"#/elements/definitions/compositeLink","items":[{"link":{"tag":"a","type":"link","primaryStyles":[{"name":"size-color","label":"Text Size/Color","isPrimary":true,"classes":["sw-font-size-m","sw-text-color-000000"]},{"name":"font-family","label":"Font family","isPrimary":true,"classes":["sw-font-family-default"]},{"name":"font-weight","label":"Font weight","isPrimary":true,"classes":["sw-font-weight-semibold"]},{"name":"letter-spacing","label":"Letter spacing","isPrimary":true,"classes":["sw-letter-spacing-normal"]}],"otherStyles":[{"name":"others","label":"Others","isPrimary":true,"classes":["sw-display-block","sw-padding-top-6xs","sw-padding-bottom-6xs","sw-padding-left-6xs","sw-padding-right-xs","hover:sw-text-decoration-no-underline","active:sw-background-color-transparent"]}],"value":"Suggest New Tools","action":{"type":"navigate","options":{"url":{"destination":"/add-tool","target":""}},"action":"Open page > Add Tool"}},"subLinks":{"type":"array","item_type":"#/elements/definitions/link","items":[]}}]},"buttons":{"type":"array","item_type":"#/elements/definitions/button","items":[{"tag":"a","type":"button","primaryStyles":[{"name":"size-color","label":"Text Size/Color","isPrimary":true,"classes":["sw-font-size-l","sw-text-color-b91340"]},{"name":"font-family","label":"Font family","isPrimary":true,"classes":["sw-font-family-default"]},{"name":"font-weight","label":"Font weight","isPrimary":true,"classes":["sw-font-weight-semibold"]},{"name":"border-radius","label":"Roundness","isPrimary":true,"classes":["sw-border-radius-none"]},{"name":"background-color","label":"Background color","isPrimary":true,"classes":["sw-background-color-ffffff"]},{"name":"padding-left-right","label":"Padding left/right","isPrimary":true,"classes":["sw-padding-left-2xs","sw-padding-right-2xs"]},{"name":"padding-top-bottom","label":"Padding top/bottom","isPrimary":true,"classes":["sw-padding-top-5xs","sw-padding-bottom-5xs"]},{"name":"border","label":"Border","isPrimary":true,"classes":["sw-border-style-solid","sw-border-width-s","sw-border-color-b91340"]},{"name":"letter-spacing","label":"Letter spacing","isPrimary":true,"classes":["sw-letter-spacing-normal"]}],"otherStyles":[{"name":"others","label":"Others","isPrimary":true,"classes":["sw-text-decoration-no-underline","hover:sw-text-decoration-no-underline","hover:sw-box-sha
689dow-m","sw-display-block","m:sw-margin-left-6xs"]}],"label":"Sign In","action":{"type":"navigate","options":{"url":{"destination":"/sign-in","target":""}},"action":"Open page > Sign In"}}]},"profileLinks":{"type":"array","item_type":"#/elements/definitions/profileLink","items":[{"link":{"tag":"a","type":"link","primaryStyles":[{"name":"size-color","label":"Text Size/Color","isPrimary":true,"classes":["sw-font-size-s","sw-text-color-000000"]},{"name":"font-family","label":"Font family","isPrimary":true,"classes":["sw-font-family-default"]},{"name":"font-weight","label":"Font weight","isPrimary":true,"classes":["sw-font-weight-normal"]},{"name":"letter-spacing","label":"Letter spacing","isPrimary":true,"classes":["sw-letter-spacing-normal"]}],"otherStyles":[{"name":"others","label":"Others","isPrimary":true,"classes":["sw-display-flex","sw-padding-top-7xs","sw-padding-bottom-7xs","sw-padding-left-7xs","sw-padding-right-7xs","hover:sw-text-decoration-no-underline","active:sw-background-color-transparent"]}],"value":"Sign Out","action":{"type":"navigate","options":{"url":{"destination":"action:signout","target":""}},"action":"Sign Out"}},"icon":{"tag":"i","type":"icon","primaryStyles":[{"name":"size-color","label":"Icon Size/Color","isPrimary":true,"showFor":"icon","classes":["sw-font-size-s","sw-text-color-13324b"]},{"name":"width","label":"Icon Size","isPrimary":true,"showFor":"image","classes":["sw-width-11xs"]}],"otherStyles":[{"name":"others","label":"Others","isPrimary":true,"classes":["sw-margin-right-7xs","sw-margin-left-7xs","sw-text-align-left"]}],"provider":"font-awesome","value":"fas fa-power-off","src":""}}]},"profileIcon":{"tag":"img","primaryStyles":[{"name":"size-color","label":"Icon Size/Color","isPrimary":true,"showFor":"icon","classes":["sw-font-size-s","sw-text-color-ffffff"]},{"name":"background-color","label":"Background color","isPrimary":true,"classes":["sw-background-color-9ea5b4"]},{"name":"border","label":"Border","isPrimary":true,"classes":["sw-border-style-solid","sw-border-width-xs","sw-border-color-9ea5b4"]}],"otherStyles":[{"name":"others","label":"Others","isPrimary":true,"classes":["sw-background-attachment-scroll","sw-background-repeat-no-repeat","sw-background-position-center","sw-background-size-cover"]}],"src":"https://softr-assets-eu-shared.s3.eu-central-1.amazonaws.com/studio/blocks/assets/user_profile1.jpg","value":""},"verticalEnabled":false},"type":"static","collection":null,"enabled":"true","order":"null","updated":[{"date":[2022,5,2,23,26,14,269000000],"version":"2.1.0"},{"date":[2022,5,3,11,12,51,618000000],"version":"2.2.1"},{"date":[2022,6,22,14,20,58,45000000],"version":"2.2.2"},{"date":[2022,6,22,14,20,58,45000000],"version":"2.2.3"},{"date":[2022,6,22,14,20,58,45000000],"version":"2.2.4"},{"date":[2022,6,22,14,20,58,45000000],"version":"2.2.5"},{"date":[2022,6,22,14,20,58,45000000],"version":"2.2.6"},{"date":[2022,9,5,19,23,50,100000000],"version":"2.2.6"}],"visibility":{"userGroup":{"predefinedUserGroupType":"NON_LOGGED_IN_USERS","customUserGroupIds":[],"enabledPredefinedUserGroupTypes":["ALL_USERS","LOGGED_IN_USERS","NON_LOGGED_IN_USERS"]},"devices":null,"detailsPageRecordCondition":null},"settings":{},"container":null,"presets":null,"created_at":null,"compiled_markup":"<nav id=\"home_header2\" data-block-version=\"2.2.7\" data-block-id=\"dfc6cd5a-ca94-4c95-e0fa-a114af014a06\" data-block-updated=\"2022-09-05T19:23:50.1\" class=\" navbar nav navbar-expand-lg navbar-light header1-dfc6cd5a-ca94-4c95-e0fa-a114af014a06 sw-background-color-ffffff sw-padding-top-6xs sw-padding-bottom-6xs sw-border-top-style-none sw-border-top-width-xs sw-border-top-color-000000 sw-border-bottom-style-solid sw-border-bottom-width-xs sw-border-bottom-color-e5e5ea\"> <div class=\"container\"> <!-- Logo --> <a class=\"navbar-brand\" href=\"/\"> <img class=\"sw-width-3xs \" src=\"https://assets.softr-files.com/applications/ca524346-f8ca-4ab8-91a4-4d868eb3d917/assets/cb2583d9-1baf-48c0-a2ce-b84cc54b05cd.png\" alt=\"\"> </a> <div class=\"desktop-menu text-center justify-content-end\"> <ul class=\"navbar-nav align-items-center flex-row one-button\"> <li class=\"nav-item \"> <a target=\"\" class=\"position-relative sw-font-size-m sw-text-color-000000 sw-font-family-default sw-font-weight-semibold sw-letter-spacing-normal sw-display-block sw-padding-top-6xs sw-padding-bottom-6xs sw-padding-left-6xs sw-padding-right-xs hover:sw-text-decoration-no-underline active:sw-background-color-transparent\" href=\"/add-tool\" > Suggest New Tools </a> <div class=\"border-0 dropdown-menu links-dropdown\" aria-labelledby=\"navbarDropdown-0\"> </div> </li> <li class=\"nav-item pt-lg-0 pt-3\"> <a data-element=\"button\" target=\"\" class=\"sw-font-size-l sw-text-color-b91340 sw-font-family-default sw-font-weight-semibold sw-border-radius-none sw-background-color-ffffff sw-padding-left-2xs sw-padding-right-2xs sw-padding-top-5xs sw-padding-bottom-5xs sw-border-style-solid sw-border-width-s sw-border-color-b91340 sw-letter-spacing-normal sw-text-decoration-no-underline hover:sw-text-decoration-no-underline hover:sw-box-sha
689dow-m sw-display-block m:sw-margin-left-6xs\" href=\"/sign-in\">Sign In</a> </li> <li class=\"nav-item dropdown ml-4\"> <a class=\"nav-link dropdown-toggle profile-dropdown-toggle sw-font-size-s sw-text-color-ffffff sw-background-color-9ea5b4 sw-border-style-solid sw-border-width-xs sw-border-color-9ea5b4 sw-background-attachment-scroll sw-background-repeat-no-repeat sw-background-position-center sw-background-size-cover\" style=\"background-image: url(https://softr-assets-eu-shared.s3.eu-central-1.amazonaws.com/studio/blocks/assets/user_profile1.jpg);\" href=\"#\" id=\"navbarDropdown\" role=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\"> </a> <div class=\"dropdown-menu dropdown-menu-profile p-0\" aria-labelledby=\"navbarDropdown\"> <a target=\"\" class=\"d-item d-flex justify-content-start align-items-center navigate\" href=\"action:signout\"> <i class=\"fas fa-power-off sw-font-size-s sw-text-color-13324b sw-margin-right-7xs sw-margin-left-7xs sw-text-align-left\"></i> <span class=\"text\"> <span class=\"title sw-font-size-s sw-text-color-000000 sw-font-family-default sw-font-weight-normal sw-letter-spacing-normal sw-display-flex sw-padding-top-7xs sw-padding-bottom-7xs sw-padding-left-7xs sw-padding-right-7xs hover:sw-text-decoration-no-underline active:sw-background-color-transparent\"> Sign Out </span> </span> </a> </div> </li> </ul> </div> <!-- mobile toggle --> <div class=\"toggle-button\"> <span class=\"navbar-toggler-icon\"></span> </div> <div class=\"mob-menu-content\"> <div class=\"mob-menu-header\"> <a class=\"navbar-brand\" href=\"/\"> <img class=\"sw-width-3xs \" src=\"https://assets.softr-files.com/applications/ca524346-f8ca-4ab8-91a4-4d868eb3d917/assets/cb2583d9-1baf-48c0-a2ce-b84cc54b05cd.png\" alt=\"\"> </a>
689 <span class=\"navbar-close\"> <i class=\"fa fa-fw fa-times\" aria-hidden=\"true\"></i> </span> </div> <div class=\"mob-menu-body\" data-simplebar> <div class=\"navigation-section\"> <a target=\"\" class=\"link collapsed d-block sw-font-size-m sw-text-color-000000 sw-font-family-default sw-font-weight-semibold sw-letter-spacing-normal sw-display-block sw-padding-top-6xs sw-padding-bottom-6xs sw-padding-left-6xs sw-padding-right-xs hover:sw-text-decoration-no-underline active:sw-background-color-transparent\" href=\"/add-tool\" > Suggest New Tools </a> </div> <div class=\"buttons-section\"> <a data-element=\"button\" target=\"\" class=\"sw-font-size-l sw-text-color-b91340 sw-font-family-default sw-font-weight-semibold sw-border-radius-none sw-background-color-ffffff sw-padding-left-2xs sw-padding-right-2xs sw-padding-top-5xs sw-padding-bottom-5xs sw-border-style-solid sw-border-width-s sw-border-color-b91340 sw-letter-spacing-normal sw-text-decoration-no-underline hover:sw-text-decoration-no-underline hover:sw-box-shadow-m sw-display-block m:sw-margin-left-6xs\" href=\"/sign-in\">Sign In</a> </div> <div class=\"nav-item dropdown ml-4 dropup vertical-profile\"> <a target=\"\" class=\"nav-link dropdown-toggle profile-dropdown-toggle sw-font-size-s sw-text-color-ffffff sw-background-color-9ea5b4 sw-border-style-solid sw-border-width-xs sw-border-color-9ea5b4 sw-background-attachment-scroll sw-background-repeat-no-repeat sw-background-position-center sw-background-size-cover\" style=\"background-image: url(https://softr-assets-eu-shared.s3.eu-central-1.amazonaws.com/studio/blocks/assets/user_profile1.jpg);\" href=\"#\" role=\"button\" id=\"navbarDropdown\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\"> </a> <div class=\"dropdown-menu dropdown-menu-profile p-0\" aria-labelledby=\"navbarDropdown\"> <a target=\"\" class=\"d-item d-flex justify-content-start align-items-center navigate\" href=\"action:signout\" > <i class=\"fas fa-power-off sw-font-size-s sw-text-color-13324b sw-margin-right-7xs sw-margin-left-7xs sw-text-align-left\"></i> <span class=\"text\"> <span class=\"title sw-font-size-s sw-text-color-000000 sw-font-family-default sw-font-weight-normal sw-letter-spacing-normal sw-display-flex sw-padding-top-7xs sw-padding-bottom-7xs sw-padding-left-7xs sw-padding-right-7xs hover:sw-text-decoration-no-underline active:sw-background-color-transparent\"> Sign Out </span> </span> </a> </div> </div> <div class=\"dropdown-menu-profile mx-4 mobile-profile\"> <a target=\"\" class=\"d-item d-flex justify-content-start align-items-center navigate sw-font-size-s sw-text-color-000000 sw-font-family-default sw-font-weight-normal sw-letter-spacing-normal sw-display-flex sw-padding-top-7xs sw-padding-bottom-7xs sw-padding-left-7xs sw-padding-right-7xs hover:sw-text-decoration-no-underline active:sw-background-color-transparent\" href=\"action:signout\" > <i class=\"fas fa-power-off sw-font-size-s sw-text-color-13324b sw-margin-right-7xs sw-margin-left-7xs sw-text-align-left\"></i> <span class=\"text\"> <span class=\"title sw-font-size-s sw-text-color-000000 sw-font-family-default sw-font-weight-normal sw-letter-spacing-normal sw-display-flex sw-padding-top-7xs sw-padding-bottom-7xs sw-padding-left-7xs sw-padding-right-7xs hover:sw-text-decoration-no-underline active:sw-background-color-transparent\"> Sign Out </span> </span> </a> </div> </div> </div> </div> </nav> ","compiled_style":".sw-font-size-m { font-size: 1rem!important; } .sw-text-color-000000 { color: #000000!important; } .sw-font-family-default { } .sw-font-weight-semibold { font-weight: 600!important; } .sw-letter-spacing-normal { letter-spacing: 0rem!important; } .sw-display-block { display: block!important; } .sw-padding-top-6xs { padding-top: 0.5rem!important; } .sw-padding-bottom-6xs { padding-bottom: 0.5rem!important; } .sw-padding-left-6xs { padding-left: 0.5rem!important; } .sw-padding-right-xs { padding-right: 2rem!important; } @media (hover: hover) { .hover\\:sw-text-decoration-no-underline:hover { text-decoration: none!important; } } .active\\:sw-background-color-transparent:active { background-color: transparent!important; } .sw-font-size-s { font-size: 0.875rem!important; } .sw-font-weight-normal { font-weight: 400!important; } .sw-display-flex { display: flex!important; } .sw-padding-top-7xs { padding-top: 0.25rem!important; } .sw-padding-bottom-7xs { padding-bottom: 0.25rem!important; } .sw-padding-left-7xs { padding-left: 0.25rem!important; } .sw-padding-right-7xs { padding-right: 0.25rem!important; } .sw-text-color-13324b { color: #13324b!important; } .sw-width-11xs { width: 2rem!important; } .sw-margin-right-7xs { margin-right: 0.25rem!important; } .sw-margin-left-7xs { margin-left: 0.25rem!important; } .sw-text-align-left { text-align: left!important; } .sw-text-color-default { } .sw-border-radius-default { } .sw-background-color-default { } .sw-padding-left-2xs { padding-left: 1.5rem!important; } .sw-padding-right-2xs { padding-right: 1.5rem!important; } .sw-padding-top-5xs { padding-top: 0.75rem!important; } .sw-padding-bottom-5xs { padding-bottom: 0.75rem!important; } .sw-border-style-none { border-style: none!important; } .sw-border-width-xs { border-width: 1px!important; } .sw-border-color-000000 { border-color: #000000!important; } .sw-text-decoration-no-underline { text-decoration: none!important; }
689 @media (hover: hover) { .hover\\:sw-box-shadow-m:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)!important; } } @media (min-width: 768px) { .m\\:sw-margin-left-6xs { margin-left: 0.5rem!important; } } .sw-background-color-ffffff { background-color: #ffffff!important; } .sw-border-top-style-none { border-top-style: none!important; } .sw-border-top-width-xs { border-top-width: 1px!important; } .sw-border-top-color-000000 { border-top-color: #000000!important; } .sw-border-bottom-style-solid { border-bottom-style: solid!important; } .sw-border-bottom-width-xs { border-bottom-width: 1px!important; } .sw-border-bottom-color-e5e5ea { border-bottom-color: #e5e5ea!important; } .sw-width-3xs { width: 12rem!important; } .sw-font-size-l { font-size: 1.125rem!important; } .sw-text-color-b91340 { color: #b91340!important; } .sw-border-radius-none { border-radius: 0rem!important; } .sw-border-style-solid { border-style: solid!important; } .sw-border-width-s { border-width: 2px!important; } .sw-border-color-b91340 { border-color: #b91340!important; } .sw-text-color-ffffff { color: #ffffff!important; } .sw-background-color-9ea5b4 { background-color: #9ea5b4!important; } .sw-border-color-9ea5b4 { border-color: #9ea5b4!important; } .sw-background-attachment-scroll { background-attachment: scroll!important; } .sw-background-repeat-no-repeat { background-repeat: no-repeat!important; } .sw-background-position-center { background-position: center!important; } .sw-background-size-cover { background-size: cover!important; } #home_header2 { opacity: 0; visibility: hidden; } #data-content-vertical { width: 100%; flex-direction: column; overflow-x: hidden; } #vertical-holder { display: flex; } .home_header2-fixed-top { position: fixed; top: 0; right: 0;
689 left: 0; z-index: 1030; box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1); } #home_header2 .navbar-nav .dropdown-menu { border: 0; box-shadow: 0 1px 3px #00000014, 0 10px 40px -10px #00000059; min-width: 180px; } #home_header2.navbar-light .profile-dropdown-toggle { background-color: #88898b !important; color: #ffffff!important; } #home_header2.navbar-dark .profile-dropdown-toggle { background-color: #d7d8dd !important; color: #302e2e!important; } #home_header2 .navbar-nav .profile-letters { background-image: none!important; text-transform: uppercase; font-weight: 400; } #home_header2 .profile-dropdown-toggle:hover { box-shadow: 0 0 0 3px rgba(222, 235, 255, .9); transition: all .3s ease-in-out; } #home_header2 .nav-link.dropdown-toggle{ border-radius: 50%; text-align: center; line-height: 10px; display: flex; align-items: center; justify-content: center; } #home_header2:not(.navbar-vertical) .dropdown-menu-profile { left: -148px; top: 25px; border-radius: 0; box-shadow: 0 1px 3px #00000014, 0 10px 40px -10px #00000059; border: 0; } #home_header2 .navbar-vertical .dropdown-menu-profile { border-radius: 0; box-shadow: 0 1px 3px #00000014, 0 10px 40px -10px #00000059; border: 0; } #home_header2 .dropdown-menu-profile a{ text-decoration: none; border-bottom: 1px solid rgba(0,0,0,.15); padding: 6px 12px; } #home_header2 .mobile-profile { box-shadow: none !important; } #home_header2 .mobile-profile a { border-bottom: none !important; } #home_header2 .dropdown-menu{ min-width: 11rem!important; } #home_header2 .nav-link.dropdown-toggle:after{ display: none; } #home_header2 .mob-menu-body .dropdown-menu-profile { border-top: 1px solid #dedede; } #home_header2 .navbar-nav .links-dropdown a { padding-left: 1.5rem !important; } #home_header2 .toggle-button{ display: none; } #home_header2 .mob-menu-header{ padding: 8px 24px; display: flex; justify-content: space-between; } #home_header2 .mob-menu-body{ height: 90%; position: relative; overflow-y: auto; } #home_header2 .navigation-section{ padding: 10px 24px; } #home_header2 .navigation-section p a{ width: 100%; } #home_header2 .buttons-section{ margin: 24px; display: flex; justify-content: flex-start; } #home_header2 .dropdown-menu-profile:not(.mobile-profile) a:hover{ box-shadow: 0 1px 3px #00000014, 0 4px 5px -5px #00000059; } #home_header2 .arrow { position: absolute; right: 15px; top: 5px; display: inline-block; width: 8px; height: 8px; border-left: 2px solid #29394c; border-top: 2px solid #29394c; transform: rotate(225deg); transition: .2s linear; margin-top: 10px; } #home_header2 .link{ background: #f5f5f5; padding: 3px 10px; } #home_header2 .collapsed.link{ background: none; } #home_header2 .collapsed .arrow { transform: rotate(135deg); } #home_header2 .buttons-section button{ margin-left: 0!important; } #home_header2 .navbar-close i{ font-size: 24px; margin-top: 10px; margin-right: 3px; cursor: pointer; } #home_header2 .mob-menu-content{ display: none; } @media (max-width: 992px) { #home_header2 .buttons-section { margin-left: 24px; margin-right: 0; display: inline-block; } #home_header2 .buttons-section a { margin-right: 10px; margin-bottom: 16px; } #home_header2:not(.navbar-vertical) .desktop-menu{ display: none; } #home_header2 .toggle-button{ display: block; } #home_header2 .mob-menu-content{ display: block; position: fixed; z-index: 5; width: 100%; height: 100%; opacity: 0; top:0; left: 0; background: #fff; -webkit-transition: ease-in all 0.5s; transition: ease-in all 0.5s; -webkit-transform: translateX(200%); -ms-transform: translateX(200%); transform: translateX(200%); overflow-y: hidden; } #home_header2 .mob-menu-content.show{ display: block; opacity: 1; /*left: 0;*/ -webkit-transition: ease-in all 0.5s; transition: ease-in all 0.5s; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #home_header2 a.dropdown-item { padding-left: 1.5rem !important; } } .navbar-dark .navbar-toggler-icon { cursor: pointer; background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='https://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\") !important; } .navbar-light .navbar-toggler-icon { cursor: pointer; background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='https://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\") !important; } #home_header2.navbar-vertical .container > .navbar-brand { display: none; } #home_header2.navbar-vertical { align-items: normal; width: 300px; flex-shrink: 0; overflow-y: auto; overflow-x: hidden; height: 100vh; position: sticky; top: 0; } #home_header2.navbar-vertical .mob-menu-content { display: block; z-index: 5; height: 100%; background: #fff; overflow-y: hidden; width: 300px; } #home_header2.navbar-vertical .mob-menu-body { display: flex; flex-direction: column; justify-content: space-between; overflow-y: auto; } #home_header2.navbar-vertical .dropdown-menu-profile { padding-bottom: 40px; } #home_header2.navbar-vertical > .container { align-items: normal; } #home_header2.navbar-vertical .mob-menu-body .navigation-section{ flex: 1; } #home_header2.navbar-vertical .buttons-section { margin: 0; flex-direction: column; padding: 40px 10px 40px 0; } #home_header2.navbar-vertical .buttons-section a { margin: 0 } #home_header2.navbar-vertical .buttons-section a:not(:last-child) { margin-bottom: 10px; } #home_header2.navbar-vertical .container > .navbar-brand { display: none; } #home_header2.navbar-vertical { align-items: normal; width: 300px; flex-shrink: 0; overflow-y: auto; overflow-x: hidden; height: 100vh; position: sticky; top: 0; } #home_header2.navbar-vertical .mob-menu-content { display: block; z-index: 5; height: 100%; background: #fff; width: 300px; } #home_header2.navbar-vertical .mob-menu-body, #home_header2.navbar-vertical .simplebar-content { display: flex; flex-direction: column; justify-content: space-between; height: 94%; overflow-y: auto; } #home_header2.navbar-vertical .vertical-profile { margin-bottom: 23px; } #home_header2.navbar-vertical > .container { align-items: normal; } #home_header2.navbar-vertical .mob-menu-body .navigation-section{ flex: 1 } #home_header2.navbar-vertical .buttons-section { margin: 0; flex-direction: column; padding: 40px 10px 20px 0; } #home_header2.navbar-vertical .buttons-section a { margin: 0 } #home_header2.navbar-vertical .buttons-section a:not(:last-child) { margin-bottom: 10px; } .simplebar-scrollbar::before { background-color: #aaa !important; } ","compiled_script":";(function () { function isInStudio() { return window.location.href.startsWith('https://localhost:') || window.location.href.includes('https://studio-staging') || window.location.href.includes('https://studio-staging02') || window.location.href.includes('https://studio-staging03') || window.location.href.includes('https://studio-staging04') || window.location.href.includes('https://studio-staging05') || window.location.href.startsWith('https://studio.softr.io/') } function isInLocal() { return window.location.href.startsWith('file://'); } const isInPublish = !isInStudio() && !isInLocal(); const isInPreview = () => window.location.href.includes('.preview.'); const elements = JSON.parse(`{\"definitions\":{\"link\":{\"tag\":\"a\",\"type\":\"link\",\"primaryStyles\":[{\"name\":\"size-color\",\"label\":\"Text Size/Color\",\"isPrimary\":true,\"classes\":[\"sw-font-size-m\",\"sw-text-color-000000\"]},{\"name\":\"font-family\",\"label\":\"Font family\",\"isPrimary\":true,\"classes\":[\"sw-font-family-default\"]}
689,{\"name\":\"font-weight\",\"label\":\"Font weight\",\"isPrimary\":true,\"classes\":[\"sw-font-weight-semibold\"]},{\"name\":\"letter-spacing\",\"label\":\"Letter spacing\",\"isPrimary\":true,\"classes\":[\"sw-letter-spacing-normal\"]}],\"otherStyles\":[{\"name\":\"others\",\"label\":\"Others\",\"isPrimary\":true,\"classes\":[\"sw-display-block\",\"sw-padding-top-6xs\",\"sw-padding-bottom-6xs\",\"sw-padding-left-6xs\",\"sw-padding-right-xs\",\"hover:sw-text-decoration-no-underline\",\"active:sw-background-color-transparent\"]}],\"value\":\"Link name\",\"action\":{\"type\":\"navigate\",\"options\":{\"url\":{\"destination\":\"\",\"target\":\"\"}}}},\"profileLink\":{\"link\":{\"tag\":\"a\",\"type\":\"link\",\"primaryStyles\":[{\"name\":\"size-color\",\"label\":\"Text Size/Color\",\"isPrimary\":true,\"classes\":[\"sw-font-size-s\",\"sw-text-color-000000\"]},{\"name\":\"font-family\",\"label\":\"Font family\",\"isPrimary\":true,\"classes\":[\"sw-font-family-default\"]},{\"name\":\"font-weight\",\"label\":\"Font weight\",\"isPrimary\":true,\"classes\":[\"sw-font-weight-normal\"]},{\"name\":\"letter-spacing\",\"label\":\"Letter spacing\",\"isPrimary\":true,\"classes\":[\"sw-letter-spacing-normal\"]}],\"otherStyles\":[{\"name\":\"others\",\"label\":\"Others\",\"isPrimary\":true,\"classes\":[\"sw-display-flex\",\"sw-padding-top-7xs\",\"sw-padding-bottom-7xs\",\"sw-padding-left-7xs\",\"sw-padding-right-7xs\",\"hover:sw-text-decoration-no-underline\",\"active:sw-background-color-transparent\"]}],\"value\":\"Link name\",\"action\":{\"type\":\"navigate\",\"options\":{\"url\":{\"destination\":\"\",\"target\":\"\"}}}},\"icon\":{\"tag\":\"i\",\"type\":\"icon\",\"primaryStyles\":[{\"name\":\"size-color\",\"label\":\"Icon Size/Color\",\"isPrimary\":true,\"showFor\":\"icon\",\"classes\":[\"sw-font-size-s\",\"sw-text-color-13324b\"]},{\"name\":\"width\",\"label\":\"Icon Size\",\"isPrimary\":true,\"showFor\":\"image\",\"classes\":[\"sw-width-11xs\"]}],\"otherStyles\":[{\"name\":\"others\",\"label\":\"Others\",\"isPrimary\":true,\"classes\":[\"sw-margin-right-7xs\",\"sw-margin-left-7xs\",\"sw-text-align-left\"]}],\"provider\":\"font-awesome\",\"value\":\"fas fa-shield-alt\",\"src\":\"\"}},\"compositeLink\":{\"link\":{\"tag\":\"a\",\"type\":\"link\",\"primaryStyles\":[{\"name\":\"size-color\",\"label\":\"Text Size/Color\",\"isPrimary\":true,\"classes\":[\"sw-font-size-m\",\"sw-text-color-000000\"]},{\"name\":\"font-family\",\"label\":\"Font family\",\"isPrimary\":true,\"classes\":[\"sw-font-family-default\"]},{\"name\":\"font-weight\",\"label\":\"Font weight\",\"isPrimary\":true,\"classes\":[\"sw-font-weight-semibold\"]},{\"name\":\"letter-spacing\",\"label\":\"Letter spacing\",\"isPrimary\":true,\"classes\":[\"sw-letter-spacing-normal\"]}],\"otherStyles\":[{\"name\":\"others\",\"label\":\"Others\",\"isPrimary\":true,\"classes\":[\"sw-display-block\",\"sw-padding-top-6xs\",\"sw-padding-bottom-6xs\",\"sw-padding-left-6xs\",\"sw-padding-right-xs\",\"hover:sw-text-decoration-no-underline\",\"active:sw-background-color-transparent\"]}],\"value\":\"Link name\",\"action\":{\"type\":\"navigate\",\"options\":{\"url\":{\"destination\":\"\",\"target\":\"\"}}}},\"subLinks\":{\"type\":\"array\",\"item_type\":\"#/elements/definitions/link\",\"items\":[]}},\"button\":{\"tag\":\"a\",\"type\":\"button\",\"primaryStyles\":[{\"name\":\"size-color\",\"label\":\"Text Size/Color\",\"isPrimary\":true,\"classes\":[\"sw-font-size-m\",\"sw-text-color-default\"]},{\"name\":\"font-family\",\"label\":\"Font family\",\"isPrimary\":true,\"classes\":[\"sw-font-family-default\"]},{\"name\":\"font-weight\",\"label\":\"Font weight\",\"isPrimary\":true,\"classes\":[\"sw-font-weight-semibold\"]},{\"name\":\"border-radius\",\"label\":\"Roundness\",\"isPrimary\":true,\"classes\":[\"sw-border-radius-default\"]},{\"name\":\"background-color\",\"label\":\"Background color\",\"isPrimary\":true,\"classes\":[\"sw-background-color-default\"]},{\"name\":\"padding-left-right\",\"label\":\"Padding left/right\",\"isPrimary\":true,\"classes\":[\"sw-padding-left-2xs\",\"sw-padding-right-2xs\"]},{\"name\":\"padding-top-bottom\",\"label\":\"Padding top/bottom\",\"isPrimary\":true,\"classes\":[\"sw-padding-top-5xs\",\"sw-padding-bottom-5xs\"]},{\"name\":\"border\",\"label\":\"Border\",\"isPrimary\":true,\"classes\":[\"sw-border-style-none\",\"sw-border-width-xs\",\"sw-border-color-000000\"]},{\"name\":\"letter-spacing\",\"label\":\"Letter spacing\",\"isPrimary\":true,\"classes\":[\"sw-letter-spacing-normal\"]}],\"otherStyles\":[{\"name\":\"others\",\"label\":\"Others\",\"isPrimary\":true,\"classes\":[\"sw-text-decoration-no-underline\",\"hover:sw-text-decoration-no-underline\",\"hover:sw-box-sha
689dow-m\",\"sw-display-block\",\"m:sw-margin-left-6xs\"]}],\"label\":\"Button label\",\"action\":{\"type\":\"navigate\",\"options\":{\"url\":{\"destination\":\"\",\"target\":\"\"}}}}},\"sticky\":false,\"profileEnabled\":true,\"container\":{\"tag\":\"nav\",\"type\":\"container\",\"primaryStyles\":[{\"name\":\"background-color\",\"label\":\"Background color\",\"isPrimary\":true,\"classes\":[\"sw-background-color-ffffff\"]},{\"name\":\"padding-top\",\"label\":\"Padding top\",\"isPrimary\":true,\"classes\":[\"sw-padding-top-6xs\"]},{\"name\":\"padding-bottom\",\"label\":\"Padding bottom\",\"isPrimary\":true,\"classes\":[\"sw-padding-bottom-6xs\"]},{\"name\":\"border-top\",\"label\":\"Border top\",\"isPrimary\":true,\"classes\":[\"sw-border-top-style-none\",\"sw-border-top-width-xs\",\"sw-border-top-color-000000\"]},{\"name\":\"border-bottom\",\"label\":\"Border bottom\",\"isPrimary\":true,\"classes\":[\"sw-border-bottom-style-solid\",\"sw-border-bottom-width-xs\",\"sw-border-bottom-color-e5e5ea\"]}]},\"logo\":{\"tag\":\"img\",\"type\":\"image-with-link\",\"primaryStyles\":[{\"name\":\"width\",\"label\":\"Width\",\"isPrimary\":true,\"classes\":[\"sw-width-3xs\"]}],\"src\":\"https://assets.softr-files.com/applications/ca524346-f8ca-4ab8-91a4-4d868eb3d917/assets/cb2583d9-1baf-48c0-a2ce-b84cc54b05cd.png\",\"alt\":\"\"},\"links\":{\"type\":\"array\",\"item_type\":\"#/elements/definitions/compositeLink\",\"items\":[{\"link\":{\"tag\":\"a\",\"type\":\"link\",\"primaryStyles\":[{\"name\":\"size-color\",\"label\":\"Text Size/Color\",\"isPrimary\":true,\"classes\":[\"sw-font-size-m\",\"sw-text-color-000000\"]},{\"name\":\"font-family\",\"label\":\"Font family\",\"isPrimary\":true,\"classes\":[\"sw-font-family-default\"]},{\"name\":\"font-weight\",\"label\":\"Font weight\",\"isPrimary\":true,\"classes\":[\"sw-font-weight-semibold\"]},{\"name\":\"letter-spacing\",\"label\":\"Letter spacing\",\"isPrimary\":true,\"classes\":[\"sw-letter-spacing-normal\"]}],\"otherStyles\":[{\"name\":\"others\",\"label\":\"Others\",\"isPrimary\":true,\"classes\":[\"sw-display-block\",\"sw-padding-top-6xs\",\"sw-padding-bottom-6xs\",\"sw-padding-left-6xs\",\"sw-padding-right-xs\",\"hover:sw-text-decoration-no-underline\",\"active:sw-background-color-transparent\"]}],\"value\":\"Suggest New Tools\",\"action\":{\"type\":\"navigate\",\"options\":{\"url\":{\"destination\":\"/add-tool\",\"target\":\"\"}},\"action\":\"Open page > Add Tool\"}},\"subLinks\":{\"type\":\"array\",\"item_type\":\"#/elements/definitions/link\",\"items\":[]}}]},\"buttons\":{\"type\":\"array\",\"item_type\":\"#/elements/definitions/button\",\"items\":[{\"tag\":\"a\",\"type\":\"button\",\"primaryStyles\":[{\"name\":\"size-color\",\"label\":\"Text Size/Color\",\"isPrimary\":true,\"classes\":[\"sw-font-size-l\",\"sw-text-color-b91340\"]},{\"name\":\"font-family\",\"label\":\"Font family\",\"isPrimary\":true,\"classes\":[\"sw-font-family-default\"]},{\"name\":\"font-weight\",\"label\":\"Font weight\",\"isPrimary\":true,\"classes\":[\"sw-font-weight-semibold\"]},{\"name\":\"border-radius\",\"label\":\"Roundness\",\"isPrimary\":true,\"classes\":[\"sw-border-radius-none\"]},{\"name\":\"background-color\",\"label\":\"Background color\",\"isPrimary\":true,\"classes\":[\"sw-background-color-ffffff\"]},{\"name\":\"padding-left-right\",\"label\":\"Padding left/right\",\"isPrimary\":true,\"classes\":[\"sw-padding-left-2xs\",\"sw-padding-right-2xs\"]},{\"name\":\"padding-top-bottom\",\"label\":\"Padding top/bottom\",\"isPrimary\":true,\"classes\":[\"sw-padding-top-5xs\",\"sw-padding-bottom-5xs\"]},{\"name\":\"border\",\"label\":\"Border\",\"isPrimary\":true,\"classes\":[\"sw-border-style-solid\",\"sw-border-width-s\",\"sw-border-color-b91340\"]},{\"name\":\"letter-spacing\",\"label\":\"Letter spacing\",\"isPrimary\":true,\"classes\":[\"sw-letter-spacing-normal\"]}],\"otherStyles\":[{\"name\":\"others\",\"label\":\"Others\",\"isPrimary\":true,\"classes\":[\"sw-text-decoration-no-underline\",\"hover:sw-text-decoration-no-underline\",\"hover:sw-box-shadow-m\",\"sw-display-block\",\"m:sw-margin-left-6xs\"]}],\"label\":\"Sign In\",\"action\":{\"type\":\"navigate\",\"options\":{\"url\":{\"destination\":\"/sign-in\",\"target\":\"\"}},\"action\":\"Open page > Sign In\"}}]},\"profileLinks\":{\"type\":\"array\",\"item_type\":\"#/elements/definitions/profileLink\",\"items\":[{\"link\":{\"tag\":\"a\",\"type\":\"link\",\"primaryStyles\":[{\"name\":\"size-color\",\"label\":\"Text Size/Color\",\"isPrimary\":true,\"classes\":[\"sw-font-size-s\",\"sw-text-color-000000\"]},{\"name\":\"font-family\",\"label\":\"Font family\",\"isPrimary\":true,\"classes\":[\"sw-font-family-default\"]}
689,{\"name\":\"font-weight\",\"label\":\"Font weight\",\"isPrimary\":true,\"classes\":[\"sw-font-weight-normal\"]},{\"name\":\"letter-spacing\",\"label\":\"Letter spacing\",\"isPrimary\":true,\"classes\":[\"sw-letter-spacing-normal\"]}],\"otherStyles\":[{\"name\":\"others\",\"label\":\"Others\",\"isPrimary\":true,\"classes\":[\"sw-display-flex\",\"sw-padding-top-7xs\",\"sw-padding-bottom-7xs\",\"sw-padding-left-7xs\",\"sw-padding-right-7xs\",\"hover:sw-text-decoration-no-underline\",\"active:sw-background-color-transparent\"]}],\"value\":\"Sign Out\",\"action\":{\"type\":\"navigate\",\"options\":{\"url\":{\"destination\":\"action:signout\",\"target\":\"\"}},\"action\":\"Sign Out\"}},\"icon\":{\"tag\":\"i\",\"type\":\"icon\",\"primaryStyles\":[{\"name\":\"size-color\",\"label\":\"Icon Size/Color\",\"isPrimary\":true,\"showFor\":\"icon\",\"classes\":[\"sw-font-size-s\",\"sw-text-color-13324b\"]},{\"name\":\"width\",\"label\":\"Icon Size\",\"isPrimary\":true,\"showFor\":\"image\",\"classes\":[\"sw-width-11xs\"]}],\"otherStyles\":[{\"name\":\"others\",\"label\":\"Others\",\"isPrimary\":true,\"classes\":[\"sw-margin-right-7xs\",\"sw-margin-left-7xs\",\"sw-text-align-left\"]}],\"provider\":\"font-awesome\",\"value\":\"fas fa-power-off\",\"src\":\"\"}}]},\"profileIcon\":{\"tag\":\"img\",\"primaryStyles\":[{\"name\":\"size-color\",\"label\":\"Icon Size/Color\",\"isPrimary\":true,\"showFor\":\"icon\",\"classes\":[\"sw-font-size-s\",\"sw-text-color-ffffff\"]},{\"name\":\"background-color\",\"label\":\"Background color\",\"isPrimary\":true,\"classes\":[\"sw-background-color-9ea5b4\"]},{\"name\":\"border\",\"label\":\"Border\",\"isPrimary\":true,\"classes\":[\"sw-border-style-solid\",\"sw-border-width-xs\",\"sw-border-color-9ea5b4\"]}],\"otherStyles\":[{\"name\":\"others\",\"label\":\"Others\",\"isPrimary\":true,\"classes\":[\"sw-background-attachment-scroll\",\"sw-background-repeat-no-repeat\",\"sw-background-position-center\",\"sw-background-size-cover\"]}],\"src\":\"https://softr-assets-eu-shared.s3.eu-central-1.amazonaws.com/studio/blocks/assets/user_profile1.jpg\",\"value\":\"\"},\"verticalEnabled\":false}`); const blockIdentifier = '#home_header2'; const isVertical = (isInPreview() || isInPublish) && elements.verticalEnabled; const setNavbarVisibility = () => { $(blockIdentifier).css({ opacity: 1, visibility: 'visible', }); }; if(elements.profileEnabled) { profileIconInitialization(); } if (!elements.isVertical || (isInStudio() && !isInPreview())) { setNavbarVisibility(); } const switchToVertical = () => { const siblings = $(blockIdentifier).siblings(); const parentElement = $(blockIdentifier).parent(); $(blockIdentifier).addClass('navbar-vertical'); if (!$('#vertical-holder').length) { $('#home_header2 .mob-menu-body').data('simplebar'); const holder = $('<div id=\"vertical-holder\" style=\"display: flex\" />'); holder.append($(blockIdentifier)); holder.appendTo(parentElement); } else { $(blockIdentifier).hasClass('navbar-vertical') && $(blockIdentifier).appendTo($('#vertical-holder')); } $('#vertical-holder').parent().css({ display: 'flex' }); $('#home_header2 .vertical-profile').show(); $('#home_header2 .mobile-profile').hide(); if (!$('#data-content-vertical').length) { const div = $('<div id=\"data-content-vertical\" />'); Array.from(siblings).forEach((child) => { div.append(child); }); $(document.body).css('overflow-x', 'initial'); div.appendTo(parentElement); parentElement.css({ \"display\": \"flex\", }); } $('#home_header2 .toggle-button').hide(); $('#home_header2 .desktop-menu').hide(); $(`${blockIdentifier} .mob-menu-content`).addClass('show'); $(`${blockIdentifier} .navbar-close`).hide(); setNavbarVisibility(); }; const switchToHorizontal = () => { $('#home_header2 .toggle-button').show(); const parentElement = $(blockIdentifier).parent(); const verticalHolder = $('#vertical-holder'); parentElement.css({ \"display\": \"\", \"flex-shrink\": \"\", \"width\": \"\", }); if (verticalHolder.length) { verticalHolder.css({ display: 'block' }); verticalHolder.parent().css({ display: '' }); } $(blockIdentifier).removeClass('navbar-vertical'); $('#home_header2 .mob-menu-body').removeAttr('data-simplebar'); $(`${blockIdentifier} .navbar-close`).show(); $(`${blockIdentifier} .mob-menu-content`).removeClass('show'); $('#home_header2 .vertical-profile').hide(); $('#home_header2 .mobile-profile').show(); }; function appendStyle(filepath) { if ($('head link[href=\"' + filepath + '\"]').length > 0) return; var ele = document.createElement('link'); ele.setAttribute(\"type\", \"text/css\"); ele.setAttribute(\"rel\", \"Stylesheet\"); ele.setAttribute(\"href\", filepath); $('head').append(ele); } function appendScript(filePath, callback) { if ($('head script[src=\"' + filePath + '\"]').length > 0) { if (callback) { setTimeout(callback, 100); } return; } const ds = document.createElement('script'); ds.setAttribute(\"type\", \"text/javascript\"); ds.setAttribute(\"src\", filePath); ds.onload = () => { if (callback) { callback(); } }; document.head.appendChild(ds); } appendStyle('https://unpkg.com/[email protected]/dist/simplebar.css'); appendScript('https://unpkg.com/[email protected]/dist/simplebar.min.js'); $('#home_header2 .navbar-toggler-icon').on('click', function () { $('#home_header2 .mob-menu-content').addClass('show'); }); $('#home_header2 .navbar-close').on('click', function () { $('#home_header2 .mob-menu-content').removeClass('show'); }); oneButtonView($(window)); $(window).on('resize', function () { var win = $(this); oneButtonView(win) }); /* close the mobile menu */ $('#home_header2 .mob-menu-body a').click(function () { if ($(this).attr('aria-controls')) { return; } $('#home_header2 .mob-menu-content').removeClass('show'); }); var bgColor = window.getComputedStyle(document.querySelector('nav#home_header2'), null).getPropertyValue('background-color'); if (lightOrDark(bgColor) === 'dark') { $('nav#home_header2').removeClass('navbar-light'); $('nav#home_header2').addClass('navbar-dark'); $('#home_header2 .navbar-close i').css('color', '#ffffff'); $('#home_header2 .arrow').css('border-left', '2px solid #ffffff'); $('#home_header2 .arrow').css('border-top', '2px solid #ffffff'); } profileIconSizeCalculation(); $('#home_header2 a.dropdown-item').hover(function () { $(this).css('background-color', bgColor); }); $('#home_header2 .navbar-nav .dropdown-menu').css('background-color', bgColor); $('#home_header2 .mob-menu-content').css('background-color', bgColor); $('#home_header2 .link').css('background-color', bgColor); function lightOrDark(color) { /* Variables for red, green, blue values */ var r, g, b, hsp; /* Check the format of the color, HEX or RGB? */ if (color.match(/^rgb/)) { /* If HEX --> store the red, green, blue values in separate variables */ color = color.match(/^rgba?\\((\\d+),\\s*(\\d+),\\s*(\\d+)(?:,\\s*(\\d+(?:\\.\\d+)?))?\\)$/); r = color[1]; g = color[2]; b = color[3]; } else { /* If RGB --> Convert it to HEX: https://gist.github.com/983661 */ color = +(\"0x\" + color.slice(1).replace( color.length < 5 && /./g, '$&$&')); r = color >> 16; g = color >> 8 & 255; b = color & 255; } /* HSP (Highly Sensitive Poo) equation from https://alienryderflex.com/hsp.html */ hsp = Math.sqrt( 0.299 * (r * r) + 0.587 * (g * g) + 0.114 * (b * b) ); /* Using the HSP value, determine whether the color is light or dark */ if (hsp > 127.5) { return 'light'; } else { return 'dark'; } } function oneButtonView(win) { if (win.width() <= 414) { isVertical && switchToHorizontal(); $('#home_header2 .vertical-profile').hide(); if ($('.navbar-nav').hasClass('empty-links') && $('.navbar-nav').hasClass('one-button')) { if (!$('.profile-dropdown-toggle').length) { $('#home_header2 .desktop-menu').hide(); $('#home_header2 .toggle-button').show(); } } } if (win.width() <= 992 && win.width() > 414) { isVertical && switchToHorizontal(); $('#home_header2 .vertical-profile').hide(); if ($('.navbar-nav').hasClass('empty-links') && $('.navbar-nav').hasClass('one-button')) { $('#home_header2 .desktop-menu').show(); $('#home_header2 .toggle-button').hide(); } } if (win.width() <= 992) { if ($('.navbar-nav').hasClass('empty-links') && $('.navbar-nav').hasClass('empty-buttons')) { $('#home_header2 .desktop-menu').show(); $('#home_header2 .toggle-button').hide(); } } if (win.width() > 768 && isVertical) { switchToVertical(); } } function signout() { deleteCookie('jwtToken'); window.location.href = '/'; } function deleteCookie(name) { document.cookie = name + \"=;path=/; expires=Thu, 01 Jan 1970 00:00:00 UTC;\" + 'SameSite=None; Secure'; } function profileIconInitialization() { let loggedInUser = window['logged_in_user']; if(loggedInUser) { let avatarUrl; if(loggedInUser['softr_user_profile_picture_mapped_field'] && loggedInUser[loggedInUser['softr_user_profile_picture_mapped_field']]) { const avatar = loggedInUser[loggedInUser['softr_user_profile_picture_mapped_field']]; avatarUrl = (avatar[0].thumbnails && avatar[0].thumbnails.large.url) || avatar[0].url; $('#home_header2 .nav-link').css('background-image', 'url(\\'' + avatarUrl + '\\')'); $('#home_header2 .nav-link').addClass('profile-icons'); } else if(loggedInUser['softr_user_full_name']) { avatarUrl = extractUserNameFirstLetters(loggedInUser && loggedInUser['softr_user_full_name']); $('#home_header2 .nav-link').text(avatarUrl); $('#home_header2 .nav-link').addClass('profile-letters'); } } /*do not do anything, dummy image is here*/ } function profileIconSizeCalculation() { const headerLinks = document.querySelector('nav#home_header2 .nav-item a'); if (!headerLinks) { return; } const fSize = window.getComputedStyle(headerLinks, null).getPropertyValue('font-size'); if (fSize <= '16px') { $('#home_header2 .nav-item.dropdown a.profile-dropdown-toggle').css({ 'width': '31px', 'height': '31px', }); } else if (fSize > '16px' && fSize <= '24px') { $('#home_header2 .nav-item.dropdown a.profile-dropdown-toggle').css({ 'width': '34px', 'height': '34px', }); } else { $('#home_header2 .nav-item.dropdown a.profile-dropdown-toggle').css({ 'width': '38px', 'height': '38px', }); } } $(\"a[href='action:signout']\").click(function (event) { event.preventDefault(); signout(); }); function extractUserNameFirstLetters(fullName) { const userName = fullName.trim().replace(/\\s+/g, ' ').split(' '); let avatarLetters; let pattern = new RegExp('^[a-z]+', 'i'); let filteredUsername= userName.filter((item) => pattern.test(item)); filteredUsername = filteredUsername.length === 0 ? userName : filteredUsername; if (filteredUsername.length === 1) { avatarLetters = filteredUsername[0].length === 1 ? filteredUsername[0][0] : filteredUsername[0][0] + filteredUsername[0][1] } else { avatarLetters = filteredUsername[0][0] + filteredUsername[1][0]; } return avatarLetters; } })(); "},{"id":"e073d19d-4334-4708-b0cf-cbe50f2c8c20","version":"2.0.1","hrid":"cta6","name":"cta2","t
689itle":"Call to action with a button","image":"https://softr-assets-eu-shared.s3.eu-central-1.amazonaws.com/studio/blocks/assets/cta2.png","category":"CTA","keywords":"call to action, cta, simple","elements":{"definitions":{"button":{"tag":"a","type":"button","primaryStyles":[{"name":"size-color","label":"Text Size/Color","isPrimary":true,"classes":["sw-font-size-m","sw-text-color-default"]},{"name":"font-family","label":"Font family","isPrimary":true,"classes":["sw-font-family-default"]},{"name":"font-weight","label":"Font weight","isPrimary":true,"classes":["sw-font-weight-semibold"]},{"name":"border-radius","label":"Roundness","isPrimary":true,"classes":["sw-border-radius-default"]},{"name":"background-color","label":"Background color","isPrimary":true,"classes":["sw-background-color-default"]},{"name":"padding-left-right","label":"Padding left/right","isPrimary":true,"classes":["sw-padding-left-l","sw-padding-right-l"]},{"name":"padding-top-bottom","label":"Padding top/bottom","isPrimary":true,"classes":["sw-padding-top-5xs","sw-padding-bottom-5xs"]},{"name":"border","label":"Border","isPrimary":true,"classes":["sw-border-style-none","sw-border-width-xs","sw-border-color-000000"]},{"name":"letter-spacing","label":"Letter spacing","isPrimary":true,"classes":["sw-letter-spacing-normal"]}],"otherStyles":[{"name":"others","label":"Others","isPrimary":true,"classes":["sw-text-decoration-no-underline","hover:sw-text-decoration-no-underline","hover:sw-box-shadow-m","sw-margin-bottom-6xs","sw-display-inline-block","sw-margin-left-7xs","sw-margin-right-7xs"]}],"label":"Button label","action":{"type":"navigate","options":{"url":{"destination":"","target":""}}}}},"container":{"tag":"section","type":"container","primaryStyles":[{"name":"background-color","label":"Background color","isPrimary":true,"classes":["sw-background-color-ffffff"]},{"name":"padding-top","label":"Padding top","isPrimary":true,"classes":["sw-padding-top-2xl"]},{"name":"padding-bottom","label":"Padding bottom","isPrimary":true,"classes":["sw-padding-bottom-2xl"]},{"name":"border-top","label":"Border top","isPrimary":true,"classes":["sw-border-top-style-none","sw-border-top-width-xs","sw-border-top-color-000000"]},{"name":"border-bottom","label":"Border bottom","isPrimary":true,"classes":["sw-border-bottom-style-none","sw-border-bottom-width-xs","sw-border-bottom-color-000000"]}]},"box":{"tag":"div","type":"container","primaryStyles":[{"name":"background-color","label":"Background color","isPrimary":true,"classes":["sw-background-color-none"]},{"name":"border","label":"Border","isPrimary":true,"classes":["sw-border-style-none","sw-border-width-xs","sw-border-color-000000"]},{"name":"border-radius","label":"Roundness","isPrimary":true,"classes":["sw-border-radius-none"]},{"name":"shadow","label":"Shadow","isPrimary":true,"classes":["sw-box-shadow-none"]},{"name":"padding-top-bottom","label":"Padding top/bottom","isPrimary":true,"classes":["sw-padding-top-none","sw-padding-bottom-none"]}]},"header":{"tag":"h2","type":"text","primaryStyles":[{"name":"size-color","label":"Text Size/Color","isPrimary":true,"classes":["sw-font-size-6xl","sw-text-color-default"]},{"name":"font-family","label":"Font family","isPrimary":true,"classes":["sw-font-family-default"]},{"name":"font-weight","label":"Font weight","isPrimary":true,"classes":["sw-font-weight-bold"]},{"name":"padding-top","label":"Padding top","isPrimary":true,"classes":["sw-padding-top-none"]},{"name":"padding-bottom","label":"Padding bottom","isPrimary":true,"classes":["sw-padding-bottom-4xs"]},{"name":"letter-spacing","label":"Letter spacing","isPrimary":true,"classes":["sw-letter-spacing-normal"]},{"name":"line-height","label":"Line height","isPrimary":true,"classes":["sw-line-height-tight"]}],"value":"Explore what's possible with AI"},"text":{"tag":"p","primaryStyles":[{"name":"size-color","label":"Text Size/Color","isPrimary":true,"classes":["sw-font-size-xl","sw-text-color-584f62"]},{"name":"font-family","label":"Font family","isPrimary":true,"classes":["sw-font-family-default"]},{"name":"font-weight","label":"Font weight","isPrimary":true,"classes":["sw-font-weight-default"]},{"name":"padding-top","label":"Padding top","isPrimary":true,"classes":["sw-padding-top-none"]},{"name":"padding-bottom","label":"Padding bottom","isPrimary":true,"classes":["sw-padding-bottom-3xs"]},{"name":"letter-spacing","label":"Letter spacing","isPrimary":true,"classes":["sw-letter-spacing-tighter"]},{"name":"line-height","label":"Line height","isPrimary":true,"classes":["sw-line-height-normal"]}],"value":"The AI-powered future is already here; start leveraging it today.\n\nFind the right AI tool for any endeavor: craft a story, create a logo, make a masterpiece, have a conversation with your hero, write an article, design a room, try out a hairstyle, write code, score a symphony or edit video.\n\nExplore 4000+ cutting-edge AI tools in our indexed, up-to-date, and highly searchable Free Database.\n\nTurn your dreams into reality. Anything is possiblewith.ai"},"backgroundImage":{"tag":"img","primaryStyles":[{"name":"background-repeat","label":"Repeat","isPrimary":true,"classes":["sw-background-repeat-no-repeat"]},{"name":"background-size","label":"Size","isPrimary":true,"classes":["sw-background-size-cover"]},{"name":"background-position","label":"Position","isPrimary":true,"classes":["sw-background-position-center"]},{"name":"background-attachment","label":"Behaviour","isPrimary":true,"classes":["sw-background-attachment-scroll"]}],"otherStyles":[],"src":""},"buttons":{"type":"array","item_type":"#/elements/definitions/button","items":[{"tag":"a","type":"button","primaryStyles":[{"name":"size-color","label":"Text Size/Color","isPrimary":true,"classes":["sw-font-size-l","sw-text-color-default"]},{"name":"font-family","label":"Font family","isPrimary":true,"classes":["sw-font-family-default"]},{"name":"font-weight","label":"Font weight","isPrimary":true,"classes":["sw-font-weight-semibold"]},{"name":"border-radius","label":"Roundness","isPrimary":true,"classes":["sw-border-radius-none"]}
689,{"name":"background-color","label":"Background color","isPrimary":true,"classes":["sw-background-color-default"]},{"name":"padding-left-right","label":"Padding left/right","isPrimary":true,"classes":["sw-padding-left-2xl","sw-padding-right-2xl"]},{"name":"padding-top-bottom","label":"Padding top/bottom","isPrimary":true,"classes":["sw-padding-top-4xs","sw-padding-bottom-4xs"]},{"name":"border","label":"Border","isPrimary":true,"classes":["sw-border-style-none","sw-border-width-xs","sw-border-color-2977c9"]},{"name":"letter-spacing","label":"Letter spacing","isPrimary":true,"classes":["sw-letter-spacing-normal"]}],"otherStyles":[{"name":"others","label":"Others","isPrimary":true,"classes":["sw-text-decoration-no-underline","hover:sw-text-decoration-no-underline","hover:sw-box-shadow-m","sw-margin-bottom-6xs","sw-display-inline-block","sw-margin-left-7xs","sw-margin-right-7xs"]}],"label":"Get Access","action":{"type":"navigate","options":{"url":{"destination":"/sign-up","target":""}},"action":"Open page > Sign Up"}}]}},"type":"static","collection":null,"enabled":"true","order":"null","updated":[{"date":[2022,9,5,19,23,53,74000000],"version":"2.0.0"}],"visibility":{"userGroup":{"predefinedUserGroupType":"NON_LOGGED_IN_USERS","customUserGroupIds":[],"enabledPredefinedUserGroupTypes":["ALL_USERS","LOGGED_IN_USERS","NON_LOGGED_IN_USERS"]},"devices":null,"detailsPageRecordCondition":null},"settings":{},"container":null,"presets":null,"created_at":null,"compiled_markup":"<section id=\"cta6\" style=\"\" data-block-version=\"2.0.1\" data-block-id=\"e073d19d-4334-4708-b0cf-cbe50f2c8c20\" data-block-updated=\"2022-09-05T19:23:53.074\" class=\"cta2-e073d19d-4334-4708-b0cf-cbe50f2c8c20 sw-background-color-ffffff sw-padding-top-2xl sw-padding-bottom-2xl sw-border-top-style-none sw-border-top-width-xs sw-border-top-color-000000 sw-border-bottom-style-none sw-border-bottom-width-xs sw-border-bottom-color-000000 sw-background-repeat-no-repeat sw-background-size-cover sw-background-position-center sw-background-attachment-scroll \"> <div class=\"container\"> <div class=\"row align-items-center\"> <div class=\"col-12 text-center sw-background-color-none sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-border-radius-none sw-box-sha
689dow-none sw-padding-top-none sw-padding-bottom-none \"> <h2 class=\"sw-font-size-6xl sw-text-color-default sw-font-family-default sw-font-weight-bold sw-padding-top-none sw-padding-bottom-4xs sw-letter-spacing-normal sw-line-height-tight \"> Explore what's possible with AI </h2> <p class=\"sw-font-size-xl sw-text-color-584f62 sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-3xs sw-letter-spacing-tighter sw-line-height-normal \"> The AI-powered future is already here; start leveraging it today.\n\nFind the right AI tool for any endeavor: craft a story, create a logo, make a masterpiece, have a conversation with your hero, write an article, design a room, try out a hairstyle, write code, score a symphony or edit video.\n\nExplore 4000+ cutting-edge AI tools in our indexed, up-to-date, and highly searchable Free Database.\n\nTurn your dreams into reality. Anything is possiblewith.ai </p> <div class=\"d-flex justify-content-center flex-wrap\"> <a id=\"sw-email-capture-submit-btn\" data-element=\"button\" target=\"\" class=\"sw-font-size-l sw-text-color-default sw-font-family-default sw-font-weight-semibold sw-border-radius-none sw-background-color-default sw-padding-left-2xl sw-padding-right-2xl sw-padding-top-4xs sw-padding-bottom-4xs sw-border-style-none sw-border-width-xs sw-border-color-2977c9 sw-letter-spacing-normal sw-text-decoration-no-underline hover:sw-text-decoration-no-underline hover:sw-box-shadow-m sw-margin-bottom-6xs sw-display-inline-block sw-margin-left-7xs sw-margin-right-7xs\" href=\"/sign-up\"> Get Access </a> </div> </div> </div> </div> </section> ","compiled_style":".sw-font-size-m { font-size: 1rem!important; } .sw-text-color-default { } .sw-font-family-default { } .sw-font-weight-semibold { font-weight: 600!important; } .sw-border-radius-default { } .sw-background-color-default { } .sw-padding-left-l { padding-left: 4rem!important; } .sw-padding-right-l { padding-right: 4rem!important; } .sw-padding-top-5xs { padding-top: 0.75rem!important; } .sw-padding-bottom-5xs { padding-bottom: 0.75rem!important; } .sw-border-style-none { border-style: none!important; } .sw-border-width-xs { border-width: 1px!important; } .sw-border-color-000000 { border-color: #000000!important; } .sw-letter-spacing-normal { letter-spacing: 0rem!important; } .sw-text-decoration-no-underline { text-decoration: none!important; } @media (hover: hover) { .hover\\:sw-text-decoration-no-underline:hover { text-decoration: none!important; } } @media (hover: hover) { .hover\\:sw-box-shadow-m:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)!important; } } .sw-margin-bottom-6xs { margin-bottom: 0.5rem!important; } .sw-display-inline-block { display: inline-block!important; } .sw-margin-left-7xs { margin-left: 0.25rem!important; } .sw-margin-right-7xs { margin-right: 0.25rem!important; } .sw-background-color-ffffff { background-color: #ffffff!important; } .sw-padding-top-2xl { padding-top: 6rem!important; } .sw-padding-bottom-2xl { padding-bottom: 6rem!important; } .sw-border-top-style-none { border-top-style: none!important; } .sw-border-top-width-xs { border-top-width: 1px!important; } .sw-border-top-color-000000 { border-top-color: #000000!important; } .sw-border-bottom-style-none { border-bottom-style: none!important; } .sw-border-bottom-width-xs { border-bottom-width: 1px!important; } .sw-border-bottom-color-000000 { border-bottom-color: #000000!important; } .sw-background-color-none { background-color: #none!important; } .sw-border-radius-none { border-radius: 0rem!important; } .sw-box-shadow-none { box-shadow: none!important; } .sw-padding-top-none { padding-top: 0rem!important; } .sw-padding-bottom-none { padding-bottom: 0rem!important; } .sw-font-size-6xl { font-size: 4rem!important; } .sw-font-weight-bold { font-weight: 700!important; } .sw-padding-bottom-4xs { padding-bottom: 1rem!important; } .sw-line-height-tight { line-height: 1.25!important; } .sw-font-size-xl { font-size: 1.25rem!important; } .sw-text-color-584f62 { color: #584f62!important; } .sw-font-weight-default { } .sw-padding-bottom-3xs { padding-bottom: 1.25rem!important; } .sw-letter-spacing-tighter { letter-spacing: -0.05rem!important; } .sw-line-height-normal { line-height: 1.5!important; } .sw-background-repeat-no-repeat { background-repeat: no-repeat!important; } .sw-background-size-cover { background-size: cover!important; } .sw-background-position-center { background-position: center!important; } .sw-background-attachment-scroll { background-attachment: scroll!important; } .sw-font-size-l { font-size: 1.125rem!important; } .sw-padding-left-2xl { padding-left: 6rem!important; } .sw-padding-right-2xl { padding-right: 6rem!important; } .sw-padding-top-4xs { padding-top: 1rem!important; } .sw-border-color-2977c9 { border-color: #2977c9!important; } @media (max-width: 576px) { #cta6 a{ width: 80%; } } ","compiled_script":""}
689,{"id":"1e72cc8e-9bbd-47e2-9d54-2b104491b1bf","version":"2.0.1","hrid":"footer1","name":"footer1","title":"Footer with links and secondary footer","image":"https://softr-assets-eu-shared.s3.eu-central-1.amazonaws.com/studio/blocks/assets/footer1.png","category":"Footer","keywords":"footer, simple","elements":{"definitions":{"socialLink":{"tag":"a","type":"social-icon","value":"fab fa-facebook-f","url":"https://facebook.com/mycompany","primaryStyles":[{"name":"size-color","label":"Icon Size/Color","isPrimary":true,"classes":["sw-text-color-000000","sw-font-size-m"]},{"name":"width","label":"Width","isPrimary":true,"classes":["sw-width-11xs"]}],"otherStyles":[{"name":"others","label":"Others","classes":["sw-display-inline-block"]}]},"link":{"tag":"a","type":"link","primaryStyles":[{"name":"size-color","label":"Text Size/Color","isPrimary":true,"classes":["sw-font-size-m","sw-text-color-000000"]},{"name":"font-family","label":"Font family","isPrimary":true,"classes":["sw-font-family-default"]},{"name":"font-weight","label":"Font weight","isPrimary":true,"classes":["sw-font-weight-semibold"]},{"name":"letter-spacing","label":"Letter spacing","isPrimary":true,"classes":["sw-letter-spacing-normal"]}],"value":"LINK NAME","action":{"type":"navigate","options":{"url":{"destination":"","target":""}}}}},"container":{"tag":"footer","type":"container","primaryStyles":[{"name":"background-color","label":"Background color","isPrimary":true,"classes":["sw-background-color-ffffff"]},{"name":"padding-top","label":"Padding top","isPrimary":true,"classes":["sw-padding-top-xs"]},{"name":"padding-bottom","label":"Padding bottom","isPrimary":true,"classes":["sw-padding-bottom-2xl"]},{"name":"border-top","label":"Border top","isPrimary":true,"classes":["sw-border-top-style-none","sw-border-top-width-xs","sw-border-top-color-000000"]},{"name":"border-bottom","label":"Border bottom","isPrimary":true,"classes":["sw-border-bottom-style-none","sw-border-bottom-width-xs","sw-border-bottom-color-000000"]}]},"copyrightText":{"tag":"small","type":"text","primaryStyles":[{"name":"size-color","label":"Text Size/Color","isPrimary":true,"classes":["sw-font-size-m","sw-text-color-270346"]},{"name":"font-family","label":"Font family","isPrimary":true,"classes":["sw-font-family-default"]},{"name":"font-weight","label":"Font weight","isPrimary":true,"classes":["sw-font-weight-default"]},{"name":"padding-top","label":"Padding top","isPrimary":true,"classes":["sw-padding-top-none"]},{"name":"padding-bottom","label":"Padding bottom","isPrimary":true,"classes":["sw-padding-bottom-3xs"]}],"otherStyles":[{"name":"others","label":"Others","classes":["sw-display-block"]}],"value":"© 2022 My Resources. All rights reserved."},"horizontalLine":{"tag":"hr","type":"horizontal-line","primaryStyles":[{"name":"max-width","label":"Width","isPrimary":true,"classes":["sw-margin-top-3xs","sw-margin-bottom-3xs"]},{"name":"border-top","label":"Border top","isPrimary":true,"classes":["sw-border-top-style-solid","sw-border-top-width-xs","sw-border-top-color-cccccc"]}]},"logo":{"tag":"img","type":"image-with-link","primaryStyles":[{"name":"width","label":"Width","isPrimary":true,"classes":["sw-width-10xs"]}],"src":"https://assets.softr-files.com/applications/ca524346-f8ca-4ab8-91a4-4d868eb3d917/assets/925b4e9d-c06f-46c2-beac-b3535533f33a.png","alt":""},"links":{"type":"array","item_type":"#/elements/definitions/link","items":[{"tag":"a","type":"link","primaryStyles":[{"name":"size-color","label":"Text Size/Color","isPrimary":true,"classes":["sw-font-size-m","sw-text-color-000000"]},{"name":"font-family","label":"Font family","isPrimary":true,"classes":["sw-font-family-default"]},{"name":"font-weight","label":"Font weight","isPrimary":true,"classes":["sw-font-weight-semibold"]},{"name":"letter-spacing","label":"Letter spacing","isPrimary":true,"classes":["sw-letter-spacing-normal"]}],"value":"Contact","action":{"type":"navigate","options":{"url":{"destination":"/contact-us","target":""}},"action":"Open page > Contact Us"}},{"tag":"a","type":"link","primaryStyles":[{"name":"size-color","label":"Text Size/Color","isPrimary":true,"classes":["sw-font-size-m","sw-text-color-000000"]},{"name":"font-family","label":"Font family","isPrimary":true,"classes":["sw-font-family-default"]},{"name":"font-weight","label":"Font weight","isPrimary":true,"classes":["sw-font-weight-semibold"]},{"name":"letter-spacing","label":"Letter spacing","isPrimary":true,"classes":["sw-letter-spacing-normal"]}],"value":"Explore","action":{"type":"navigate","options":{"url":{"destination":"","target":""}},"action":""}}]},"socialLinks":{"type":"array","item_type":"#/elements/definitions/socialLink","items":[{"tag":"a","type":"social-icon","value":"fab fa-twitter","url":"https://twitter.com/possiblewithAI","primaryStyles":[{"name":"size-color","label":"Icon Size/Color","isPrimary":true,"classes":["sw-text-color-000000","sw-font-size-m"]},{"name":"width","label":"Width","isPrimary":true,"classes":["sw-width-11xs"]}],"otherStyles":[{"name":"others","label":"Others","classes":["sw-display-inline-block"]}]}]}},"type":"static","collection":null,"enabled":"true","order":"null","updated":[{"date":[2022,9,5,19,24,12,563000000],"version":"2.0.0"}],"visibility":{"userGroup":{"predefinedUserGroupType":"ALL_USERS","customUserGroupIds":[],"enabledPredefinedUserGroupTypes":["ALL_USERS","LOGGED_IN_USERS","NON_LOGGED_IN_USERS"]},"devices":null,"detailsPageRecordCondition":null},"settings":{},"container":null,"presets":null,"created_at":null,"compiled_markup":"<footer id=\"footer1\" data-block-version=\"2.0.1\" data-block-id=\"1e72cc8e-9bbd-47e2-9d54-2b104491b1bf\" data-block-updated=\"2022-09-05T19:24:12.563\" class=\"footer1-1e72cc8e-9bbd-47e2-9d54-2b104491b1bf sw-background-color-ffffff sw-padding-top-xs sw-padding-bottom-2xl sw-border-top-style-none sw-border-top-width-xs sw-border-top-color-000000 sw-border-bottom-style-none sw-border-bottom-width-xs sw-border-bottom-color-000000 \"> <div class=\"container\"> <div class=\"row align-items-center\"> <div class=\"col-md-3 col-12 text-center text-md-left pb-md-2 pb-5\"> <a href=\"/\"> <img class=\"sw-width-10xs \" src=\"https://assets.softr-files.com/applications/ca524346-f8ca-4ab8-91a4-4d868eb3d917/assets/925b4e9d-c06f-46c2-beac-b3535533f33a.png\" alt=\"\"> </a> </div> <div class=\"col-md-9 col-12 pb-2\"> <div class=\"nav justify-content-center justify-content-md-end\"> <a target=\"\" class=\"nav-link sw-font-size-m sw-text-color-000000 sw-font-family-default sw-font-weight-semibold sw-letter-spacing-normal \" href=\"/contact-us\"> Contact </a> <a target=\"\" class=\"nav-link sw-font-size-m sw-text-color-000000 sw-font-family-default sw-font-weight-semibold sw-letter-spacing-normal \" href=\"\"> Explore </a> </div> </div> </div> <div class=\"row\"> <div class=\"col-12\"> <hr class=\"sw-margin-top-3xs sw-margin-bottom-3xs sw-border-top-style-solid sw-border-top-width-xs sw-border-top-color-cccccc \"> </div> </div> <div class=\"row\"> <div class=\"col-7\"> <small class=\"sw-font-size-m sw-text-color-270346 sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-3xs sw-display-block\">© 2022 My Resources. All rights reserved.</small> </div> <div class=\"col-5\"> <div class=\"text-right\"> <a href=\"https://twitter.com/possiblewithAI\" target=\"_blank\" class=\"sw-text-color-000000 sw-font-size-m sw-width-11xs sw-display-inline-block\"> <i class=\"fab fa-twitter\"></i> </a> </div> </div> </div> </div> </div> </footer> ","compiled_style":".sw-text-color-000000 { color: #000000!important; } .sw-font-size-m { font-size: 1rem!important; } .sw-width-11xs { width: 2rem!important; } .sw-display-inline-block { display: inline-block!important; } .sw-font-family-default { } .sw-font-weight-semibold { font-weight: 600!important; } .sw-letter-spacing-normal { letter-spacing: 0rem!important; } .sw-background-color-ffffff { background-color: #ffffff!important; } .sw-padding-top-xs { padding-top: 2rem!important; } .sw-padding-bottom-2xl { padding-bottom: 6rem!important; } .sw-border-top-style-none { border-top-style: none!important; } .sw-border-top-width-xs { border-top-width: 1px!important; } .sw-border-top-color-000000 { border-top-color: #000000!important; } .sw-border-bottom-style-none { border-bottom-style: none!important; } .sw-border-bottom-width-xs { border-bottom-width: 1px!important; } .sw-border-bottom-color-000000 { border-bottom-color: #000000!important; } .sw-text-color-270346 { color: #270346!important; } .sw-font-weight-default { } .sw-padding-top-none { padding-top: 0rem!important; } .sw-padding-bottom-3xs { padding-bottom: 1.25rem!important; } .sw-display-block { display: block!important; } .sw-margin-top-3xs { margin-top: 1.25rem!important; } .sw-margin-bottom-3xs { margin-bottom: 1.25rem!important; } .sw-border-top-style-solid { border-top-style: solid!important; } .sw-border-top-color-cccccc { border-top-color: #cccccc!important; } .sw-width-10xs { width: 3rem!important; } ","compiled_script":""}]; 690softrBlocks.forEach(function(block) { 691 var blockUniqueName = block.id.replace(/-/g, ''); 692 window['block_' + blockUniqueName + '_defJson'] = block; 693 window['block_' + blockUniqueName + '_defJson']['defaultTheme'] = reactDefaultThemes; 694});
695SoftrPageRenderer.render({blocks: softrBlocks, targetElement: document.getElementById('page-content'), workspaceId: "c88c9395-daf7-4f25-a34f-15292247f9e3", appId: "ca524346-f8ca-4ab8-91a4-4d868eb3d917", pageId: "5dc5db4b-9502-4558-9da6-1b5cfb708c58", showMadeWithBadge: true, badgeType: "FLOATING_BADGE", aiApp: false, paymentPlan: "", baseUrl: "https://assets.softr-files.com/softr-blocks/prod/blocks", theme: reactDefaultThemes, appCustomHeaderCode: "", pageCustomHeaderCode: "", appCustomFooterCode: "", pageCustomFooterCode: "", featureFlags: {"navigationLayout": false, "fixedBlockRoots": true, "universalDSForAirtable": true, }, context: {"application_context": {"application_logo":null,"date_and_time_settings":{"format_settings":{"type":"LOCAL","local_settings":{"localize_day_and_month":true},"fixed_settings":null},"timezone_settings":{"type":"LOCAL","fixed_timezone":null}},"number_formatting_settings":{"type":"LOCAL","fixed_locale":"en-US"},"global_search_settings":{"enabled":false,"search_placeholder":"Search","initial_state_message":"Type something to start searching","initial_state_image":null,"no_results_message":"No results found","no_results_image":null,"backdrop":null},"user_settings":{"auth_settings":null,"auto_invite":false},"user_connection":null,"user_group_redirection":null,"polling_configs":{"datasources":{"SQL_SERVER":8000,"ZOHO_CRM":8000,"MARIADB":8000,"MYSQL":8000,"XANO_SQL":8000,"SALESFORCE":8000,"GOOGLE_SHEET":8000,"SUPABASE":8000,"NOTION":8000,"SMARTSUITE":8000,"MONDAY":8000,"SOFTR_TABLES":8000,"SHAREPOINT":8000,"CLICKUP":8000,"CODA":8000,"MICROSOFT_EXCEL":8000,"SNOWFLAKE":8000,"AIRTABLE":8000,"POSTGRESQL":8000},"defaultPollingInterval":10000},"comment_settings":{"general_settings":{"allow_mentions":false,"allow_attachments":true,"rich_text_formatting":false,"notifications_enabled":true,"block_display_settings":{"sort_direction":"OLDEST_ON_TOP","surface":false,"show_vertical_line":false},"side_panel_display_settings":{"sort_direction":"OLDEST_ON_TOP","surface":false,"show_vertical_line":false,"comment_panel_display_mode":"COVER_MAIN_CONTENT"},"keep_comments_for_inactive_users":true,"comment_deletion_user_groups":[]},"message_settings":{"comment_list_title":"Comments","comment_box_placeholder":"Leave a comment...","notifications_toggle_label":"Notifications","submit_button":{"label":"Submit","icon":""},"cancel_button":{"label":"Cancel","icon":""},"edit_button":{"label":"Edit","icon":"edit-02"},"delete_button":{"label":"Delete","icon":"trash-01"},"load_more_comments_button":{"label":"Load more comments","icon":""},"empty_state_message":"No comments yet","edited_comment_indicator":"(edited)"},"mention_permissions":[],"comment_block_settings":[]},"push_notification_settings":{"desktop_enabled":false,"mobile_enabled":false,"permission_prompt":null,"vapid_public_key":"BBugfIG6rCfoscP1EA9Jvt-KLWBNgWCNSNaleAQM4fA1fCQQpyj2BTbb4pliE3vg2cVL8CcOt7SuNczkbW1I4c8"},"in_app_notification_settings":{"enabled":false,"default_icon":null,"button_label":"Notifications","button_icon":"bell-01","all_tab_name":"All","all_tab_empty_message":"No notifications.","unread_tab_name":"Unread","unread_tab_empty_message":"No unread notifications.","filter_all_option":"All notifications","filter_comments_option":"Comments only","mark_all_as_read_label":"Mark all as read","mark_as_read_label":"Mark as read","mark_as_unread_label":"Mark as unread","mark_as_read_icon":"check-square","mark_as_unread_icon":"notification-box"},"pwa_settings":null,"spa_mode_enabled":false,"agents":[]}}}).then(() => window.dispatchEvent(new Event("@softr/page-content-loaded"))); 696 697</script>
697 698 699
700<script src="https://assets.softr-files.com/libs/iframe-resizer/4.2.11/iframeResizer.contentWindow.min.js" crossorigin="anonymous"></script>
700 701 702<!-- Localhost -->
703<script type="text/javascript"> 704 if (window.location.hostname === 'localhost') { 705 if (getUrlParam('domain')) { 706 setCookie('serverName', getUrlParam('domain'), 30); 707 } 708 } 709 710 function setCookie(name, value, days) { 711 var date = new Date(); 712 date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); 713 var expires = "expires=" + date.toUTCString(); 714 document.cookie = name + "=" + value + ";" + expires + ";path=/;" + "SameSite=None; Secure"; 715 } 716 717 function getUrlParam(name) { 718 const url = new URL(window.location.href); 719 let param; 720 for (var key of url.searchParams.keys()) { 721 if (key.toLowerCase() === name.toLowerCase()) { 722 param = url.searchParams.get(name); 723 break; 724 } 725 } 726 return param; 727 } 728</script>
728 729 730<!-- Modal HTML --> 731<div id="sw-modal" class="sw-modal" aria-hidden="true"> 732 <div class="sw-modal-overlay" data-micromodal-close> 733 <div tabindex="-1" class="sw-modal-container"> 734 <div role="dialog" aria-modal="true" aria-labelledby="micromodal-title"> 735 <button aria-label="Close modal" class="sw-modal-close" onclick="MicroModal.close('sw-modal')"></button> 736 <div id="sw-modal-content"> 737 <iframe class="sw-modal-iframe"></iframe> 738 </div> 739 </div> 740 </div> 741 </div> 742</div> 743 744<!--Scroll to section-->
745<script> 746 747 window.addEventListener(BlocksRenderedEventName, function () { 748 $('a').each(function (index, el) { 749 let href = $(el).attr('href'); 750 let path = cleanSlugFromPath(location.pathname); 751 if (href && href.startsWith(path + '#')) { 752 const scrollTo = href.split('#')[1]; 753 $(this).attr('href', '#' + scrollTo); 754 } 755 }); 756 757 function cleanSlugFromPath(pagePath) { 758 if (pagePath.includes("/r/rec")) { 759 pagePath = pagePath.substring(0, pagePath.indexOf("/r/rec")); 760 pagePath = pagePath.substring(0, pagePath.lastIndexOf("/")); 761 } 762 763 return pagePath + (pagePath.endsWith('/') ? '' : '/'); 764 } 765 }); 766 767</script>
767 768 769</body> 770 771</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.