404.html

---
layout: default
---

<style type="text/css" media="screen">
  .container {
    margin: 10px auto;
    max-width: 600px;
    text-align: center;
  }
  h1 {
    margin: 30px 0;
    font-size: 4em;
    line-height: 1;
    letter-spacing: -1px;
  }
</style>

<div class="container">
  <h1>404</h1>

  <p><strong>Page not found</strong></p>
  <p>The requested page could not be found.</p>
  
  <p>
    
<style>
.google-weather-place {
    width: 375px;
    height: 200px;
    margin-left:-188px;
    position:relative;
    left:50%;
}
.google-weather-crop {
    width: 375px;
    height: 200px;
    overflow: hidden;
    transition: 0.001s;
    position: absolute;
}
.google-weather {
    position: relative;
    left: -180px; top: -180px;
    width: 2560px; height: 5120px;
    transform: scale(0.5);
    transform-origin: 180px 180px;
    transition: 0.001s;
    position: absolute;
}
/*.google-weather-crop:hover {
    width: 750px; height: 400px;
}
.google-weather:hover {
    transform: scale(1);
    z-index: 1000;
}*/
</style>
<div class="google-weather-place">
	<div class="google-weather-crop">
		<iframe class="google-weather" src="https://www.google.com/search?igu=1&q=weather&authuser=0&hl=en"></iframe>
	</div>
</div>

<!-- Caveat: The google search option <code>igu=1</code> logs out the user (?), so the location may be less accurate. -->

</p>
</div>


<!-- switch scale lin/log; buy on growth baseline and sell on bubbles -->
<style>
#chart_div {
  width:80%;
  height:128px;
  margin-left:10%;
}
</style>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>

<script>
var id = ["5b71fc48-3dd3-540c-809b-f8c94d0e68b5", "d85dce9b-5b73-5c3c-8978-522ce1d1c1b4", "45f99e13-b522-57d7-8058-c57bf92fe7a3", "c9c24c6e-c045-5fde-98a2-00ea7f520437", "e4f72fa0-3064-4505-9d61-d7a93720c354"];
var names = ['Bitcoin', 'Ethereum', 'Bitcoin Cash', 'Litecoin', 'Liberland Dollar'];
var n = 0;
var d = [];

google.charts.load('current', {packages: ['corechart', 'line']});
google.charts.setOnLoadCallback(loadXMLDoc);
var data = null;

function drawLineColors(d) {
  data = new google.visualization.DataTable();
  data.addColumn('date', 'Date');
  for (var i=0; i<names.length; i++) {
    data.addColumn('number', names[i]);
  }
  data.addRows(d);

  var options = {
    height: '100%',
    width: '100%',
    hAxis: {
      format: 'yyyy'
    },
    vAxis: {
      title: 'Price',
      format: 'currency',
      //curveType: 'function',
      logScale: true,
      textStyle: { fontSize: 8 }
    },
    /*trendlines: {
      0: {
        type: 'polynomial',
        degree: 3,
        visibleInLegend: false,
      },
      1: {
        type: 'polynomial',
        degree: 3,
        visibleInLegend: false,
      },
      2: {
        type: 'polynomial',
        degree: 3,
        visibleInLegend: false,
      },
      3: {
        type: 'polynomial',
        degree: 3,
        visibleInLegend: false,
      }
    },*/
    colors: ['#F7931A', '#627EEA', '#8DC351', '#A6A9AA', '#0667D0'],
    legend: 'top'
  };

  var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
  chart.draw(data, options);
}

function loadXMLDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() { 
    if (this.readyState == 4 && this.status == 200) {
      var json = JSON.parse(this.responseText).data.prices.all.prices;
      var a = Object.values(json);
      var temp;

      for (var i=0; i<Object.keys(json).length; i++) {
        temp = a[i][1];
        for (var j=1; j<=id.length; j++) {
          a[i][j] = null;
        }
        a[i][1+n] = parseFloat(a[i][0]);
        a[i][0] = new Date(temp*1000);
      }
      d = d.concat(a);
      if (n < id.length-1) {
        n++;
        loadXMLDoc();
      } else {
        drawLineColors(d);
      }
    } 
  }; 
  xhttp.open("GET", "https://www.coinbase.com/api/v2/assets/prices/" + id[n] + "?base=USD", true); 
  xhttp.send(); 
}

</script>