Horizontal scroll on mobile

https://api.typedream.com/v0/app/collection_content/be218f5e-4244-48d5-b8f0-892474d39759_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/be218f5e-4244-48d5-b8f0-892474d39759_46d710fd-ec90-498a-901c-d6acd853f5fa_published_collection_rich_content.json

Accordion

https://api.typedream.com/v0/app/collection_content/0a543edd-b519-442f-9597-af4c8b13e04c_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

Custom gradients on texts

https://api.typedream.com/v0/app/collection_content/f08aa22d-bcb9-4ab5-b3b4-e7279ee93f03_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/f08aa22d-bcb9-4ab5-b3b4-e7279ee93f03_46d710fd-ec90-498a-901c-d6acd853f5fa_published_collection_rich_content.json

Add a background color, image, or video to your page

https://api.typedream.com/v0/app/collection_content/e7a694fb-15af-49a0-b9c4-dc3187394d44_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

Changelog

<script>
  function gtag_report_conversion(url) {
    gtag('event', 'conversion', {
        'send_to': 'AW-706989986/YQ1_CJ_pwdQCEKKfj9EC'
    });
    return false;
  }

  window.onload = () => {
    // Get current query parameters
    let params = new URL(document.location).searchParams;

    // 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>