17 lines
1.7 KiB
HTML
17 lines
1.7 KiB
HTML
<!doctype html>
|
|
<html lang="en" data-beasties-container>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Portfolio</title>
|
|
<base href="/">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
|
<style>:root{--primary-color:#0c0;--secondary-color:#090;--tertiary-color:#060;--accent-color:rgb(231, 54, 10);--grey-color:#444;--dark-grey-color:#111}body{background-color:#000;margin:0;overflow:hidden;padding:0}.screen{animation:colorPulse 5s infinite ease-in-out;background-image:radial-gradient(var(--grey-color),var(--dark-grey-color));box-shadow:0 0 5vmin 1vmin #000 inset;box-sizing:border-box;font-family:Fira Mono,monospace;font-size:20px;height:100vh;overflow:hidden;padding:10vmin;width:100vw}.screen:before{animation:wave 10s infinite ease-in-out;content:"";height:20vh;left:0;opacity:.5;position:absolute;right:0;z-index:1}.screen:after{background-image:linear-gradient(transparent,transparent 3px,#222);background-size:4px 4px;content:"";inset:0;pointer-events:none;position:absolute;z-index:2}@keyframes colorPulse{0%,to{color:var(--primary-color)}48%,52%{color:#090}50%{color:#060}}@keyframes wave{0%{box-shadow:0 -10vh 20vh var(--primary-color);top:-100vh}48%,52%{box-shadow:0 -10vh 20vh #090}50%{box-shadow:0 -10vh 20vh #060}to{box-shadow:0 -10vh 20vh var(--primary-color);top:200vh}}</style><link rel="stylesheet" href="styles-YPTPQTOE.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles-YPTPQTOE.css"></noscript></head>
|
|
<body>
|
|
<div class="screen">
|
|
<app-root></app-root>
|
|
</div>
|
|
|
|
<script src="polyfills-5CFQRCPP.js" type="module"></script><script src="main-PKKUFFG3.js" type="module"></script></body>
|
|
</html>
|