Pickachu/mixpanel_on_iframe.html

## mixpanel_on_iframe.html
<html>

<head>
  <style type="text/css">
    html {
      margin: 0;
      overflow: hidden;
    }
  </style>
</head>

<body>
  <!-- start Mixpanel -->
  <script type="text/javascript">
    (function(c,a){if(!a.__SV){var b=window;try{var d,m,j,k=b.location,f=k.hash;d=function(a,b){return(m=a.match(RegExp(b+"=([^&]*)")))?m[1]:null};f&&d(f,"state")&&(j=JSON.parse(decodeURIComponent(d(f,"state"))),"mpeditor"===j.action&&(b.sessionStorage.setItem("_mpcehash",f),history.replaceState(j.desiredHash||"",c.title,k.pathname+k.search)))}catch(n){}var l,h;window.mixpanel=a;a._i=[];a.init=function(b,d,g){function c(b,i){var a=i.split(".");2==a.length&&(b=b[a[0]],i=a[1]);b[i]=function(){b.push([i].concat(Array.prototype.slice.call(arguments,
  0)))}}var e=a;"undefined"!==typeof g?e=a[g]=[]:g="mixpanel";e.people=e.people||[];e.toString=function(b){var a="mixpanel";"mixpanel"!==g&&(a+="."+g);b||(a+=" (stub)");return a};e.people.toString=function(){return e.toString(1)+".people (stub)"};l="disable time_event track track_pageview track_links track_forms track_with_groups add_group set_group remove_group register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user people.remove".split(" ");
  for(h=0;h<l.length;h++)c(e,l[h]);var f="set set_once union unset remove delete".split(" ");e.get_group=function(){function a(c){b[c]=function(){call2_args=arguments;call2=[c].concat(Array.prototype.slice.call(call2_args,0));e.push([d,call2])}}for(var b={},d=["get_group"].concat(Array.prototype.slice.call(arguments,0)),c=0;c<f.length;c++)a(f[c]);return b};a._i.push([b,d,g])};a.__SV=1.2;b=c.createElement("script");b.type="text/javascript";b.async=!0;b.src="undefined"!==typeof MIXPANEL_CUSTOM_LIB_URL?
  MIXPANEL_CUSTOM_LIB_URL:"file:"===c.location.protocol&&"//cdn4.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//)?"https://cdn4.mxpnl.com/libs/mixpanel-2-latest.min.js":"//cdn4.mxpnl.com/libs/mixpanel-2-latest.min.js";d=c.getElementsByTagName("script")[0];d.parentNode.insertBefore(b,d)}})(document,window.mixpanel||[]);
    mixpanel.init("cbd153e6729e622e7d206a4c3a749819");
  </script>
  <!-- end Mixpanel -->

  <script type="text/javascript">
    const regex = /[?&]([^=#]+)=([^&#]*)/g,
      url = decodeURIComponent(window.location.search),
      params = {};

    var match;

    while(match = regex.exec(url)) { params[match[1]] = match[2]; }

    document.title = params.title;

    Object.fromEntries = arr => Object.assign({}, ...Array.from(arr, ([k, v]) => ({[k]: v}) ));

    function deparentize (string) {
      return Object.fromEntries(string
        .match(/\([^\)]+\)/g)
        .map((m) => m.replace(/[\(\)]/g, ''))
        .map((m) => m.split(':').map((s) => s.trim()))
      );
    }

    function decode (encoded) {
      if (encoded) {
        return encoded.split('|').reduce((calls, call) => {
          const [method, ...params] = call.split(/\s*[,]\s*/);
          if (params[1]) { params[1] = deparentize(params[1]); }
          return calls.concat([[method, ...params]]);
        }, []);
      } else {
        return [];
      }
    };

    function defaults (object = {}) {
      return Object.assign(object, {
        $current_url: `http://community.indefini.do/posts/${params.title}`
      });
    }


    decode(params.calls).forEach(([method, ...params]) => {
      params[1] = defaults(params[1]);
      mixpanel[method](...params);
    });
  </script>

</body>

</html>

## typeform_on_iframe.html
<html>

<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <style type="text/css">
    html {
      margin: 0;
      height: 100%;
      overflow: hidden;
    }

    iframe {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      border: 0;
    }

    <script type="text/javascript" src="https://embed.typeform.com/embed.js"></script>
  </style>
</head>

<body>
  <script type="text/javascript">
    const regex = /[?&]([^=#]+)=([^&#]*)/g,
      url = window.location.href,
      params = {};

    var match;

    while(match = regex.exec(url)) { params[match[1]] = match[2]; }

    document.title = params.title;
    const src = `https://indefinido.typeform.com/to/${params.formId}`

    var embed = `<iframe id="typeform-full" width="100%" height="100%" frameborder="0" src="${src}" style="display: none;" onload="this.style.display = 'block';"></iframe>`;

    document.write(embed);
  </script>


</body>

</html>
	<html>

	<head>
	<style type="text/css">
	html {
	margin: 0;
	overflow: hidden;
	}
	</style>
	</head>

	<body>
	<!-- start Mixpanel -->
	<script type="text/javascript">
	(function(c,a){if(!a.__SV){var b=window;try{var d,m,j,k=b.location,f=k.hash;d=function(a,b){return(m=a.match(RegExp(b+"=([^&]*)")))?m[1]:null};f&&d(f,"state")&&(j=JSON.parse(decodeURIComponent(d(f,"state"))),"mpeditor"===j.action&&(b.sessionStorage.setItem("_mpcehash",f),history.replaceState(j.desiredHash\|\|"",c.title,k.pathname+k.search)))}catch(n){}var l,h;window.mixpanel=a;a._i=[];a.init=function(b,d,g){function c(b,i){var a=i.split(".");2==a.length&&(b=b[a[0]],i=a[1]);b[i]=function(){b.push([i].concat(Array.prototype.slice.call(arguments,
	0)))}}var e=a;"undefined"!==typeof g?e=a[g]=[]:g="mixpanel";e.people=e.people\|\|[];e.toString=function(b){var a="mixpanel";"mixpanel"!==g&&(a+="."+g);b\|\|(a+=" (stub)");return a};e.people.toString=function(){return e.toString(1)+".people (stub)"};l="disable time_event track track_pageview track_links track_forms track_with_groups add_group set_group remove_group register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user people.remove".split(" ");
	for(h=0;h<l.length;h++)c(e,l[h]);var f="set set_once union unset remove delete".split(" ");e.get_group=function(){function a(c){b[c]=function(){call2_args=arguments;call2=[c].concat(Array.prototype.slice.call(call2_args,0));e.push([d,call2])}}for(var b={},d=["get_group"].concat(Array.prototype.slice.call(arguments,0)),c=0;c<f.length;c++)a(f[c]);return b};a._i.push([b,d,g])};a.__SV=1.2;b=c.createElement("script");b.type="text/javascript";b.async=!0;b.src="undefined"!==typeof MIXPANEL_CUSTOM_LIB_URL?
	MIXPANEL_CUSTOM_LIB_URL:"file:"===c.location.protocol&&"//cdn4.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//)?"https://cdn4.mxpnl.com/libs/mixpanel-2-latest.min.js":"//cdn4.mxpnl.com/libs/mixpanel-2-latest.min.js";d=c.getElementsByTagName("script")[0];d.parentNode.insertBefore(b,d)}})(document,window.mixpanel\|\|[]);
	mixpanel.init("cbd153e6729e622e7d206a4c3a749819");
	</script>
	<!-- end Mixpanel -->

	<script type="text/javascript">
	const regex = /[?&]([^=#]+)=([^&#]*)/g,
	url = decodeURIComponent(window.location.search),
	params = {};

	var match;

	while(match = regex.exec(url)) { params[match[1]] = match[2]; }

	document.title = params.title;

	Object.fromEntries = arr => Object.assign({}, ...Array.from(arr, ([k, v]) => ({[k]: v}) ));

	function deparentize (string) {
	return Object.fromEntries(string
	.match(/\([^\)]+\)/g)
	.map((m) => m.replace(/[\(\)]/g, ''))
	.map((m) => m.split(':').map((s) => s.trim()))
	);
	}

	function decode (encoded) {
	if (encoded) {
	return encoded.split('\|').reduce((calls, call) => {
	const [method, ...params] = call.split(/\s[,]\s/);
	if (params[1]) { params[1] = deparentize(params[1]); }
	return calls.concat([[method, ...params]]);
	}, []);
	} else {
	return [];
	}
	};

	function defaults (object = {}) {
	return Object.assign(object, {
	$current_url: `http://community.indefini.do/posts/${params.title}`
	});
	}


	decode(params.calls).forEach(([method, ...params]) => {
	params[1] = defaults(params[1]);
	mixpanel[method](...params);
	});
	</script>

	</body>

	</html>
	<html>

	<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<style type="text/css">
	html {
	margin: 0;
	height: 100%;
	overflow: hidden;
	}

	iframe {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	border: 0;
	}

	<script type="text/javascript" src="https://embed.typeform.com/embed.js"></script>
	</style>
	</head>

	<body>
	<script type="text/javascript">
	const regex = /[?&]([^=#]+)=([^&#]*)/g,
	url = window.location.href,
	params = {};

	var match;

	while(match = regex.exec(url)) { params[match[1]] = match[2]; }

	document.title = params.title;
	const src = `https://indefinido.typeform.com/to/${params.formId}`

	var embed = `<iframe id="typeform-full" width="100%" height="100%" frameborder="0" src="${src}" style="display: none;" onload="this.style.display = 'block';"></iframe>`;

	document.write(embed);
	</script>


	</body>

	</html>