<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tempo - Undergoing Maintenance</title>
<style type="text/css">
body {
padding: 0;
margin: 0;
}
.maintenance {
width: 100vw;
height: 100vh;
background-size: cover;
background-position: 60% 60%;
box-sizing: border-box;
font-family: 'interstate', sans-serif;
padding-top: 50px;
display: flex;
flex-direction: column;
align-items: center;
}
.maintenance svg {
height: 25px;
width: 158px;
}
.maintenance h1 {
font-size: 56px;
color: #2036ff;
margin-top: 50px;
margin-bottom: 25px;
font-weight: bold;
text-align: center;
}
.maintenance p {
font-size: 34px;
text-align: center;
margin: 0.2em 0;
}
.maintenance div {
margin: 0.5em 0;
}
.maintenance p a {
color: #2036ff;
text-decoration: underline;
}
@media (max-width: 992px) {
.maintenance h1 {
font-size: 42px;
}
.maintenance p {
font-size: 28px;
height: 10px;
}
}
@media (max-width: 640px) {
.maintenance {
background-position: 60% 60%;
}
.maintenance svg {
height: 23px;
width: 130px;
}
.maintenance h1 {
font-size: 36px;
}
.maintenance p {
font-size: 22px;
}
}
@media (max-width: 512px) {
.maintenance h1 {
font-size: 28px;
}
.maintenance p {
font-size: 18px;
}
}
@import url('https://p.typekit.net/p.css?s=1&k=tfh3sxw&ht=tk&f=31139.31140.31141.31142.31143.31144.31145.31146&a=262358&app=typekit&e=css');
@font-face {
font-family: 'interstate';
src: url('https://use.typekit.net/af/7aa905/00000000000000003b9ae7f2/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3') format('woff2'),
url('https://use.typekit.net/af/7aa905/00000000000000003b9ae7f2/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3') format('woff'),
url('https://use.typekit.net/af/7aa905/00000000000000003b9ae7f2/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3') format('opentype');
font-display: auto;
font-style: normal;
font-weight: 400;
font-stretch: normal;
}
@font-face {
font-family: 'interstate';
src: url('https://use.typekit.net/af/504bb0/00000000000000003b9ae7f3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3') format('woff2'),
url('https://use.typekit.net/af/504bb0/00000000000000003b9ae7f3/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3') format('woff'),
url('https://use.typekit.net/af/504bb0/00000000000000003b9ae7f3/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3') format('opentype');
font-display: auto;
font-style: italic;
font-weight: 400;
font-stretch: normal;
}
@font-face {
font-family: 'interstate';
src: url('https://use.typekit.net/af/e5199f/00000000000000003b9ae7f4/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3') format('woff2'),
url('https://use.typekit.net/af/e5199f/00000000000000003b9ae7f4/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3') format('woff'),
url('https://use.typekit.net/af/e5199f/00000000000000003b9ae7f4/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3') format('opentype');
font-display: auto;
font-style: normal;
font-weight: 400;
font-stretch: normal;
}
@font-face {
font-family: 'interstate';
src: url('https://use.typekit.net/af/b7ea2b/00000000000000003b9ae7f5/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3') format('woff2'),
url('https://use.typekit.net/af/b7ea2b/00000000000000003b9ae7f5/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3') format('woff'),
url('https://use.typekit.net/af/b7ea2b/00000000000000003b9ae7f5/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3') format('opentype');
font-display: auto;
font-style: italic;
font-weight: 400;
font-stretch: normal;
}
@font-face {
font-family: 'interstate';
src: url('https://use.typekit.net/af/46ca1c/00000000000000003b9ae7f6/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3') format('woff2'),
url('https://use.typekit.net/af/46ca1c/00000000000000003b9ae7f6/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3') format('woff'),
url('https://use.typekit.net/af/46ca1c/00000000000000003b9ae7f6/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3') format('opentype');
font-display: auto;
font-style: italic;
font-weight: 500;
font-stretch: normal;
}
@font-face {
font-family: 'interstate';
src: url('https://use.typekit.net/af/20ad3a/00000000000000003b9ae7f7/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3') format('woff2'),
url('https://use.typekit.net/af/20ad3a/00000000000000003b9ae7f7/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3') format('woff'),
url('https://use.typekit.net/af/20ad3a/00000000000000003b9ae7f7/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3') format('opentype');
font-display: auto;
font-style: normal;
font-weight: 500;
font-stretch: normal;
}
@font-face {
font-family: 'interstate';
src: url('https://use.typekit.net/af/630ec8/00000000000000003b9ae7f8/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3') format('woff2'),
url('https://use.typekit.net/af/630ec8/00000000000000003b9ae7f8/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3') format('woff'),
url('https://use.typekit.net/af/630ec8/00000000000000003b9ae7f8/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3') format('opentype');
font-display: auto;
font-style: normal;
font-weight: 700;
font-stretch: normal;
}
@font-face {
font-family: 'interstate';
src: url('https://use.typekit.net/af/f67d01/00000000000000003b9ae7f9/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3') format('woff2'),
url('https://use.typekit.net/af/f67d01/00000000000000003b9ae7f9/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3') format('woff'),
url('https://use.typekit.net/af/f67d01/00000000000000003b9ae7f9/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3') format('opentype');
font-display: auto;
font-style: italic;
font-weight: 700;
font-stretch: normal;
}
.tk-interstate {
font-family: 'interstate', sans-serif;
}
</style>
</head>
<body>
<section class="maintenance" style="background-image: url(./images/maintenance.jpg)">
<svg fill="#2036ff" viewBox="0 0 402.8 67.5">
<g>
<g>
<path d="M74.5,2.4c-1.3,0-2,1.7-1.1,2.8L93.1,32H72.5c-1,0-1.6,1.4-0.9,2.3l23.2,30.8c0.2,0.3,0.6,0.5,0.9,0.5l39.5,0
V49.3h-28.1l-5.8-7.2h32.3V25.9h-21.2l-5.5-7.2l28.2,0V2.4L74.5,2.4z" />
<polygon points="206.8,2.2 206.8,2.2 191,32.4 175.2,2.2 175.2,2.2 175.2,2.2 145.5,2.2 145.5,65.4 169,65.4 169,31
186.7,65.4 195.4,65.4 213.1,31 213.2,65.4 236.6,65.4 236.6,2.2 206.8,2.2 " />
<path d="M247.7,2.2v63.1h23.4V49.1h17.8c1.6,0,3.1-0.8,4.2-2.1l29.6-40c1.8-2.6,0.7-4.8-2.3-4.8H247.7z M281.8,29.9
c-1.1,1.3-2.6,2.1-4.2,2.1h-6.5V19.4h18.7L281.8,29.9z" />
<path d="M358.5,1.3L358.5,1.3c-16.5,0-21.7,1.8-23.5,3.7l-18.6,25.1c-0.8,1-1.3,2.3-1.3,3.6c0,0,0,0,0,0
c0,32.4,29.2,32.4,43.2,32.4h0.1c14,0,43.2,0,43.2-32.4S372.5,1.3,358.5,1.3z M358.5,48.3L358.5,48.3c-7.9,0-18.5,0-18.5-14.6
s10.6-14.6,18.5-14.6h0c7.9,0,18.5,0,18.5,14.6S366.4,48.3,358.5,48.3z" />
</g>
<path d="M74.8,22.4L60.7,3c-0.3-0.4-0.7-0.6-1.1-0.6H58H2.2c-1,0-1.5,1.4-0.8,2.2L15.5,22c0.2,0.3,0.5,0.4,0.8,0.4
h12.3v43.2h23.4V22.4L74.8,22.4z" />
</g>
</svg>
<h1>Tempostorm.com has Retired</h1>
<p>
Check out Tempo's new project, The Bazaar!
</p>
<div>
<span id="countdown">Redirecting you to PlayTheBazaar.com in...</span>
<span id="timer">10</span>
</div>
<div>
<a href="https://playthebazaar.com/">Click here if you are not automatically redirected</a>
</div>
</section>
</body>
<script>
let timerElement = document.getElementById('timer');
let seconds = 10;
const countdownInterval = setInterval(() => {
if (seconds > 0) {
timerElement.textContent = seconds--;
} else {
timerElement.textContent = '0';
clearInterval(countdownInterval);
window.location.href = 'https://playthebazaar.com/';
}
}, 1000);
</script>
</html>