Michael Novotny

https://api.typedream.com/v0/app/collection_content/80c3ab7d-a366-4e85-9d0c-7678b7d94cf7_3353930c-500f-4c7e-9857-835780a94629_collection_rich_content.json

Building this in @typedreamHQ. Was quickly able to get a page stood up. What I most liked was fresh design, ability to choose templates and blocks. It really sped up my total build time.

Harsh Makadia

https://api.typedream.com/v0/app/collection_content/8409de64-2392-466c-a7fd-42a1aa66bc43_3353930c-500f-4c7e-9857-835780a94629_collection_rich_content.json

Love Typedream, I always loved the design I used for my landing page. 

Simple to build, easy to deploy. Can't thank you enough for all your generosity!

Easlo

https://api.typedream.com/v0/app/collection_content/b8145c77-9a78-42a9-8c77-1be5893c8a75_3353930c-500f-4c7e-9857-835780a94629_collection_rich_content.json

I just built a landing page without coding in 5 minutes.

No-code is the future of web design.

Thank you @typedreamHQ

Old-home

Features

Templates

Showcase

Resources

Pricing

Login

Footer

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WTZ8GQJR" height="0" width="0"
    style="display:none;visibility:hidden"></iframe></noscript>



<script>
  window.onload = () => {

    // ==== Update current query parameters to include `source` ====
    // Rewardful uses `via`, this isn't tracked in Plausible

    let params = new URL(document.location).searchParams;

    // ==== Update current query parameters to include `source` ====
    // Rewardful uses `via`, this isn't tracked in Plausible
    
    let newParams = new URL(document.location);
        let viaFound = false;
        let sourceFound = false;
        params.forEach((value, key) => {
          if (key === "via") {
            viaFound = true;
            newParams.searchParams.set("source", `via-${value}`);
          }
          if (key === "source") {
            sourceFound = true;
          }
        });
        if (viaFound && !sourceFound) {
          window.location = newParams.href;
        }

        // ==== Update utm_source for links that contains build TYPEDREAM_HREF ====
    // Get all links that contains build TYPEDREAM_HREF
    const TYPEDREAM_HREF = "typedream.com";
    const BUILD_TYPEDREAM_HREF = "build.typedream.com";
    Array.from(
      document.querySelectorAll(`[href*='${TYPEDREAM_HREF}']`)
    ).forEach((e) => {
      var href = e.getAttribute("href");
      var url = new URL(href);
      var urlParams = new URL(href).searchParams;
      params.forEach((value, key) => {
        // for PH, if there is ref=xxx change it to utm_source=xxx
        urlParams.set(key === 'ref' ? 'utm_source' : key, value);
      });
      url.search = urlParams;
      e.href = url.toString();

      // track conversion
      // if (e.href.includes(BUILD_TYPEDREAM_HREF)) {
      //  e.addEventListener('click', function() {gtag_report_conversion(e.href)})
      // }
    });

   Array.from(document.querySelectorAll(`[href^='/']`)).forEach((e) => {
      var href = e.getAttribute("href");
      href = `${window.location.protocol}//${window.location.host}${href}`;
      var url = new URL(href);
      var urlParams = new URL(href).searchParams;
      params.forEach((value, key) => {
        // for PH, if there is ref=xxx change it to utm_source=xxx
        urlParams.set(key === 'ref' ? 'utm_source' : key, value);
      });
      url.search = urlParams;
      e.href = url.toString();
    });


    // Make sticky table of contents
    var sibling = document.getElementById("sticky-sibling")
    if (sibling && sibling.nextSibling) {
      var toc = sibling.nextSibling
      toc.style.backgroundColor = 'red';
    }
  };

</script>





<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=f871bdf7-2c33-4fbd-bb5d-7e7ab05bea84">
</script>




<script>
  const searchClient = algoliasearch(
        "SMJ4AJCZFI",
        "bdf124d4eb5f98cc467769a011fba85a"
      );

      const search = instantsearch({
        indexName: "help_typedream",
        searchClient
      });

      setTimeout(() => {
        search.addWidgets([
          instantsearch.widgets.searchBox({
            container: "#searchbox",
            searchAsYouType: false,
            placeholder: "Search for articles"
          }),
          instantsearch.widgets.hits({
            container: "#hits",
            templates: {
              item(hit, { html, components }) {
                return html`
                  <a
                    class="search-hit-row-link"
                    href=${hit.link}
                    target="_blank"
                  >
                    <div class="search-hit-row">
                      <h2>
                        ${components.Highlight({ attribute: "name", hit })}
                      </h2>
                      <p>${hit.description}</p>
                    </div>
                  </a>
                `;
              },
              empty(results, { html }) {
                return html`<div class="search-empty ais-InfiniteHits-item">
                  No results for <q>${results.query}</q>
                </div>`;
              },
              showMoreText(data, { html }) {
                return html`<span class="search-showmore">Show more</span>`;
              }
            }
          })
        ]);

        // Conditionally display the hits widget only when a search query is entered
        search.on("render", () => {
          const hitsContainer = document.querySelector("#hits");
          if (search.helper.state.query === "") {
            hitsContainer.style.display = "none";
          } else {
            hitsContainer.style.display = "block";
          }
        });

        search.start();
      }, 500);
</script>

The go to website builder for founders digital creators web3 frens

add gradients, cards, glassmorphism with one click

As easy as typing `/` for commands.

Typedream is for you. Simple to design and manage with #nocode.

Display your content with beautiful templates.

Learn more →

write. design. manage.

bring your data.

Templates

They #love building on Typedream

See what they've built with Typedream. see all sites →

Ready to build yours? let's launch that project today.

The go to website builder for founders digital creators web3 frens

add gradients, cards, glassmorphism with one click

As easy as typing / for commands.

Typedream is for you. Simple to design and manage with #nocode.

Display your content with beautiful templates.

Learn more →

write. design. manage.

bring your data.

Templates

They #love building on Typedream

See what they've built with Typedream. see all sites →

Ready to build yours? let's launch that project today.

As easy as typing `/` for commands.