A Pen by Jack Billstrom on CodePen.
Created
March 26, 2021 10:47
-
-
Save jackbillstrom/280785af1f7826486e855ab47d62703f to your computer and use it in GitHub Desktop.
Driftstörningsläge - FP
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAABFCAYAAACoqx9jAAAIM0lEQVR42uzZf2jUdRzH8c/d2t1u52kbWaOVWFKSFiGkYRlklNQ/SRfRsLRmP6Fg0Q8KVvOoLJspJa2ZP2BGo4KK0pJpRhSFq22U5x+hk2pkVFqpm7vtztv34/OP98mXD+J9hzBv+H7Cwz++n8/dDnn9sR9G0zRN0zRN0zRN0zRN0zRN0zRN0zRN0zRN0zRNK81WrHw9jIVoC2ADZhtNCzCsMjTBBpDFXUbTdFiakw5LG8fpsDQdljZ+0mFpOixt/KTD0nRY2pnvUGNVBFXF9L0w7bw3ml9+icFkAjiCpNHO3hjNjdiCbafyf2P19nRqznoGsyiAOkwx2tkbo6lDBjaA9UbTdFgauemwtHGcDksryWHx7FwswtIilmCqKaH4AeNCLMHSUbjaaGMyrBn4B14R/bjTlFCM5GYMwBuF54w2ZsM6AFvEQAkOaz4OYNAnCyvyyDjnTxttzIeVw0Y8BNf9uMSUUIzkfNyOpE8LcrDoRJ1zPt1oYz6sISwO+HXDiCEhKhE+yb2InFUghDAmYbKclct5zHdeiYmFZ4bkrAIJEZUzd2wPYBgWn6BSnhuUI4pzYBBGHAmU+94jhAokRAwh909kiKIchddEkcAEee6/H5bzCEIwiCAhIjD+nM8dx0TEC5/f+bwREYaRO3FMQAQnLtcG0ds040F+q75fxlHM6tMdFucGF+FxfIQudGMzGjAFId/9x/A5NuIK3INvsQsP4w45fx/X4z58gR58KM9iuA3voQs/4B3MQ1nAYUXRgA14BFVytwM7UY8QalGPdnSiCx8gibjv68xFK17DxbgJ69CJ77AClyMk9+egBasxXV7/NnaKFszy3TeIYwFW4Sv0YAcaMRVG7k5CCmvl/pVYLq/5Hq24AWWGf3qDeKt52Za9y2Yu4D/4ugCmnc6wOCvc70AW1pHF15iNwmtafe+9CX/BihSehBW70Q8rPHTiefwJ65z9grkBhxXHVlj8JIPoh0UeKVyL7cjAOv7FU4jK+y3GkNiEP+DBijx24FK5X4ejGMbH2Ovc99CFmb6xrMRB/z1xDJ+hVu7WYBcsupHGiPPee3CrkQdBfIlqE7AA32OtQdKxEFWYjE+Rh4c+vIs2/AZPbEONf1gihxEMYBCP4glYkUcabeiRu3lkxFa0429YOV+LilEOK4MBHMYe7EMSd8uzI9iMJqzBQVj8jlnwD8tiGN14VQa7zzeuVxAuDMs3jN1oxnKk4WEELYiiBj8ih5+xCi+iR+5l8QxCzrA87Mc6pPAN8vDQcUaGJXIYdvyHa3AvjsKiD7cgKubjV1gMoh7usIbwJuaJC9AAK9K4DBFchV5Y0Y5qxPDsoePt239I3HUcx/Hv97zzR3radpjmrzuYTbYER6uk1Shh1SL6Ac6QBaM/Voz2Tz+gQX8EWxAUrCgWbm5tNnAwCEYOIaQMpNJtNFKLddVYmn/ktjSci5V61/OPd/Dmg3Z3E+ZO3i94/OPn/RVPX9zn80GVd0ycRlkmxRKDeBzVuEOdYbbhMYTVOeotJDGH7fBVsRL/vTMhiJCUdAJJKUKpU6wBNCAomjAma3HUwsdGeT1RmcvBg/hdZrtR5BRrFJuRJ/MN+FnWppeuWPObxkYc0D9o/U4h5Tqk1g8j3ynW54ioZ3ynWL0IyVoYfWpth9peN+FPJHEe0UyKJYVohZ/G37AVYCuS4jUEVLHm8LbzXBlOyfxF1DvFehd6vhgnZW0Sj3pO1OWgVpXoG5Q6xepDRD0XRo+sJZeqWDM4jl2Ol1GHT9WWtWeez/U6ZmSmByucYu1HbprFKnKKtV0914RJJHEBsQyL9QfWL1CmPKzDDilABwYyLFYYJ2T+Ch5yirXXLTDa1XyzuklWoxlv4iC6MJlBsQrRvdTF0od3d64E3apYb8wzs0sV60tEnGK13STFuuwWS85NNfgAI1KavzGJqUUWqylFsQLYL2tTaEYunsO38rF/MI0JzCynYhXgiLqRtSOo1oN4HwmZOYbCLCpWGB2YwTSOYgvuwUvXsRUO6K0wRbH0VjiBTWjGZcyiHzvxAB7GD8upWD5exDWZHUY9fLEGZ9UF4FX4WVSseowgKXOF6mzTmqJY7yGg5p9Qh/d+RJxitSGk5u/DKJJSmtX4GEmM4374Mh/D4LIplsyuwhm1HX6BnVK4HrUNDqLOI1lUrAZ1M/saa1CJR/DVQsVSN7kXcBe24DQSmJF53ynWKF7B3XgKvZjDLPaiCJ3qMP8sKrAOH+LqcitWAJvxExLimkiI83gSgSwr1kqcVIX4BUO4hAuY+p9izeEvTGBafY4uVHjEKdasmr8i83Powyp4UtSrsnYJ32EU4xhB4nqLFU/TEZQsoli16EccQ3g6xXwA9+IjDGNcfI8ObECOmt+NuNiNkFOsbWr9KIKydgs61VqLeq4RZxBHLyrVN7IFw4hjH/Ll4wVoRxyncKd7ncd6fIIxXJTZQ2jEPpzD83C3wh6cwG/y3BDeQRSeWyx8hmP4VebPoQ118NWZbw9+lJkx9KAFW3EWx7ESpehCHJ241fOI+7ohe2layhFYRLFCqEYMURRl8G9nVVgrqpE3z1wEMRGBr9Y8FKv1cviqwOVqLayey0cNYqhC0DmERxHDbfBVccoQQw1yF/iFbxh1WCuz+fBQjChK4LmHd1lfLc9VIeSpuId3FKJW5qMLfD25iMlMHVbAQwiVuB05ogJuH9zXfVP9oaZlnrjFSjnv3gotFiuWhdywYm3AQRzGM2nMN+IAOtDqWSwWi8VisVgsFovFYrFYLBaLxWKxWCwWi8VisVgsFoslq/MvMTEo4yeQ6WcAAAAASUVORK5CYII=" /> | |
<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:[email protected]?subject=Kontaktförfrågan">E-post: [email protected]</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> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
setInterval(function () { | |
window.location.reload(); | |
}, 300000); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment