Sorry

This feed does not validate.

In addition, interoperability with the widest range of feed readers could be improved by implementing the following recommendation.

Source: http://tradenegotiationplatform.co.za

  1. <head>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  5.  
  6.  <script src="https://cdnjs.cloudflare.com/ajax/libs/trianglify/1.0.1/trianglify.min.js"></script>
  7.  
  8.  <script>
  9.  (function() {
  10.    document.addEventListener('DOMContentLoaded', function() {
  11.  
  12.    var pattern = Trianglify({
  13.      cell_size: 75,
  14.      variance: 0.35,
  15.      seed: window.location.hostname,
  16.      x_colors: ['D3D2C7', '#6EC0C5', '#133DC6'],
  17.      y_colors: 'random',
  18.      color_space: 'rgb',
  19.      color_function: false,
  20.      width: window.innerWidth,
  21.      height: window.innerHeight,
  22.      color_function: null
  23.    });
  24.  
  25.    window.onresize = function(){ location.reload(); }
  26.    window.resize = function(){ location.reload(); }
  27.    document.body.appendChild(pattern.canvas());
  28.    });
  29.  }());
  30.  </script>
  31.  
  32. </head>
  33.  
  34. <body>
  35.   <div class='center'>
  36.      <h1>Reserved for</h1>
  37.      <h2 id="hostname"></h2>
  38.  </div>
  39.  
  40.  <style>
  41.    body{
  42.      margin: 0;
  43.  }
  44.    .fullscreenDiv {
  45.      background-color: #e8e8e8;
  46.      width: 100%;
  47.      height: auto;
  48.      bottom: 0px;
  49.      top: 0px;
  50.      left: 0;
  51.      position: absolute;
  52.    }
  53.  
  54.    h1 {
  55.      color: #ffffff;
  56.      font-family: 'Raleway',sans-serif;
  57.      font-size: 2em;
  58.      /*margin: 0 0 24px;*/
  59.      /*text-shadow: 1px 1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, -1px -1px 0 #333;*/
  60.    }
  61.  
  62.    h2 {
  63.      color: #ffffff;
  64.      font-family: 'Raleway',sans-serif;
  65.      font-size: 3em;
  66.      /*margin: 0 0 24px;*/
  67.      text-transform: lowercase;
  68.      /*text-shadow: 1px 1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, -1px -1px 0 #333;*/
  69.    }
  70.  
  71.    .center {
  72.      text-align: center;
  73.      position: absolute;
  74.      width:100%;
  75.      top: 40vh;
  76.    }
  77.    canvas{
  78.      min-width: 100% !important;
  79.      min-height: 100% !important;
  80.    }
  81.      @media only screen and (max-width: 400px) { h1 { font-size: 0.75em; } }
  82.      @media only screen and (max-width: 800px) { h1 { font-size: 2em; } }
  83.      @media only screen and (max-width: 400px) { h2 { font-size: 0.75em; } }
  84.      @media only screen and (max-width: 800px) { h2 { font-size: 2em; } }
  85.  </style>
  86. </body>
  87. <script>
  88.  var hostname = window.location.hostname;
  89.  document.getElementById("hostname").innerText = hostname;
  90. </script>
  91.  
  92. </html>
  93.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda