Driftstörningsläge - FP

driftstorningslage-fp.markdown

Driftstörningsläge - FP

A Pen by Jack Billstrom on CodePen.

License.

index.html

<img src="data:image/png;base64,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" />
<h1>Tillfälligt avbrott 👷</h1>
<p>Vi håller på att lansera vår nya webbplats, återkom om ett litet tag</p>

<a href="tel:+46771328000">Telefon: 0771-328 000</a>
<a href="mailto:info@formtrappan.se?subject=Kontaktförfrågan">E-post: info@formtrappan.se</a>

<i class="gg-spinner-two" style="margin-top: 60px"></i>


<a href="https://formtrappen.no" title="Besøk vår norske nettside" style="margin-top: 80px"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAG7AAABuwE67OPiAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAVBQTFRF////AAD//7+/222S32CA6urq26SkMHC/h6XS4S1L2YyZ3mR64FJw7+/vSYPF5oWZ32R75HaJ4GJ54WqARn7E57G73UNe8vLy7+/v7Ozs4WJ64V107+/v4m+E30pk4l944l534l108PDwu83j7+/v426C4FFr301n301p4VBq42V74ExnYJHLSoLG30dj4mB230hj30hjRoDG30pk8PDw4E1o4Ell3j1a3jlX3jhX4V93m7jb30Rg30Vg3DVTJ2y+3kFe8PDw3jtY3S5N3TFQJWq93S1N3ClJ3TBQ3C5OHma83ChIHGS78PDw2x0/2x4/2hs9FF+52RM32g4z2xk85HCGFGC42g4z2hA02hM32RA02govAFK0AVO0B1e2hqrVpb7dvc/jw9Ll2AAn2AEo2AMp2AQq2AQr2AYs3TRS4FJs43CF5HWJ6Jyq6Ovu8PDwULg0RwAAAFx0Uk5TAAEEBwgMDhARERQXGR8jMjg4OTxJS0xMTk9tcHB8f4SFhoqapKWnqKioqqusra2tsbKzt8DLzdLW19zi4uLk6urq6+3v8PDx8vP09fj4+fn6+/v8/Pz9/f39/v4aDn0JAAABhklEQVRYw6XXVVfDQBQE4KEUd7fi7u7u7lZg0cFt//8bD2iAtklm3uc7p02yey8QIZkloZq6md27k63FicHe8lR4SVx+z/zpq7X2gZ+5n+0udFtPblszxhgnQJKr9Yku6kntB8b8D5B7rSmx+kWjxkQGyJ2qqPWMPnsRHSCnsiL3C6ZtbIDhikj9pn3rBiA7/q0H+vnkEuBA4G8/OE73AMfi/wBD9AJw+He/kd4ANjn7ZTdegdvSn/28Y3oFeJTzA1igd4Bz3/1q+gFY+fUEN/wBm8EPoIH+ADa/99PCfoHDdABAC/0C7AQALPkHlgEg+9o/wFwAXRSAbgAjj195+Q08P8bICJCwbh1xADGznoBiqwC2GCENCKH2ypnzT+Dyyk1qMWmkTGJFA1awrQHbONOAMx2Qf4L8J8qPUX6R5FdZ/pjkz1k+UPQjTT5U5WNdv1jkq02+XPXrXR4w9BFHH7LkMU8fNPVRVx+25XFfXzigrzz60gV57YO+eEJefQF5+X6P2/X/DeSq2mmbQB5fAAAAAElFTkSuQmCC"/></a>

script.js

setInterval(function () {
  window.location.reload();
}, 300000);

style.scss

html {
  -webkit-font-smoothing: antialiased;
}

body {
  height: 100vh;
  width: 100vw;
  font-family: Helvetica, sans-serif;
  font-weight: 200;
  font-style: normal;
  background-color: #fafafa;
  background-image: url('https://unsplash.com/photos/tb4heMa-ZRo/download?force=true&w=1920');
  background-size: cover;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

h1 {
  font-weight: 200;
}

h1,
p {
  color: #333;
}

@keyframes spinner-two {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

a {
  color: #333;
  font-weight: bold;
  text-decoration: none;
}

.gg-spinner-two {
  color: #f85d21;
  transform: scale(1.5);
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
}

.gg-spinner-two::after,
.gg-spinner-two::before {
  box-sizing: border-box;
  display: block;
  width: 20px;
  height: 20px;
  content: "";
  position: absolute;
  border-radius: 100px;
}

.gg-spinner-two::before {
  animation: spinner-two 1s cubic-bezier(0.6, 0, 0.4, 1) infinite;
  border: 3px solid transparent;
  border-bottom-color: currentColor;
  border-top-color: currentColor;
}

.gg-spinner-two::after {
  border: 3px solid;
  opacity: 0.2;
}