Implement companion styling and animations

This commit is contained in:
Dennis Schoepf 2021-07-19 00:07:13 +02:00
parent ab372d6627
commit 7cec5fa2fb
9 changed files with 236 additions and 1 deletions

View file

@ -6,7 +6,15 @@
<link rel="stylesheet" href="./styles.scss" />
</head>
<body>
<div class="ui"></div>
<div class="ui">
<div id="companion">
<svg xmlns="http://www.w3.org/2000/svg" id="companion-shape" viewBox="0 0 80 80">
<polygon fill="#A60303" points="40,0 68,12 80,40 68,68 40,80 12,68 0,40 12,12"></polygon>
</svg>
<div id="companion-eye"><div id="companion-pupil"></div></div>
<div id="companion-mouth"></div>
</div>
</div>
<script src="./main.ts"></script>
</body>
</html>