Sign upLogin

andela/eventx

View on GitHub
Star
public/custom_404.html

Summary

Maintainability
Test Coverage
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="Subdomain name error">
  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1">
  <title>404 Not Found</title>

  <link rel="manifest" href="manifest.json">
  <meta name="theme-color" content="#eceff1">

  <meta name="mobile-web-app-capable" content="yes">
  <link rel="icon" sizes="192x192" href="images/touch/homescreen192.png">

  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="Google I/O 2015">

  <meta name="msapplication-TileImage" content="images/touch/homescreen144.png">
  <meta name="msapplication-TileColor" content="#eceff1">
  <meta name="msapplication-tap-highlight" content="no">

  <meta property="og:title" content="404 Not Found">
  <meta property="og:description" content="Subdomain name error">
  <meta property="og:type" content="Event">
  <meta property="og:image" content="/io2015/images/io15-color.png">

  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:creator" content="@googledevs">
  <meta name="twitter:title" content="404 Not Found">
  <meta name="twitter:description" content="Subdomain name error">
  <meta name="twitter:image:src" content="/io2015/images/io15-color.png">

  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700">
  <link rel="stylesheet" href="styles/main.css">
  <link rel="stylesheet" href="styles/main_sd.css" shim-shadowdom>

  <link rel="stylesheet" href="styles/pages/error.css">

  <script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
  <link rel="import" href="elements/elements.html">
</head>
<body id="page-error_404" unresolved layout vertical center-center>

<section class="page__section" layout horizontal center-center>
  <countdown-timer bgcolor="silver" autostart
                   dateadjustment="3" easeintime="490" waittime="100" easeouttime="390">
  </countdown-timer>
</section>

<div class="card__container">
  <div class="card">
    <div class="card-content">
      <h2><i18n-msg msgid="sorry-404">Sorry. We couldn't find that page :(</i18n-msg></h2>
    </div>
    <div class="card-content">
      <a href="http://eventtx.com" data-track-link="500-continue-to-site">
        <i18n-msg msgid="upgrade-gotosite">Continue to the Event-X website.</i18n-msg>
      </a>
    </div>
  </div>
</div>

<script>
(function() {

  function addDays(date, days) {
    var result = new Date(date);


    result.setDate(date.getDate() + 1 + days);
    return result;
  }


  function initPage() {
    var today = new Date();
    var daysInFuture500 = addDays(today, 404);

    var countdown = document.querySelector('countdown-timer');
    countdown.date = daysInFuture500;
  }

  initPage();

})();
</script>



</body>
</html>