jeffemmett
/
folk-canvas
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update home page

This commit is contained in:
“chrisshank” 2024-12-18 00:37:39 -08:00
parent 9325ba806e
commit ab72c178a8
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
website/index.html
View File

@ -19,15 +19,28 @@
}
folk-shape {
background: rgb(187, 178, 178);
view-transition-name: shape;
span {
font-size: 15rem;
}
}
</style>
</head>
<body>
<folk-shape x="100" y="100" width="50" height="50"></folk-shape>
<folk-shape x="0" y="0" style="visibility: hidden"><span>🝡</span></folk-shape>
<script type="module">
import '../lib/standalone/folk-shape.ts';
const shape = document.querySelector('folk-shape');
// stop gap until shape has auto x/y
setTimeout(() => {
shape.style.visibility = '';
shape.x = (window.innerWidth - shape.width) / 2;
shape.y = (window.innerHeight - shape.height) / 2;
}, 100);
</script>
</body>
</html>