public/hornwitser.no
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add 3d Viewport component

Browse source 
Implement a Viewport component and associated update script that allows
rendering 3d content inside it.  This is based on the implementation
used at Furnavia for their 2025 website.
This commit is contained in:
Hornwitser 2024-08-10 00:00:26 +02:00
parent c8527f17f7
commit 49a329ac43
4 changed files with 47 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/components/BasePage.tsx
View file

@ -10,6 +10,7 @@ export default function BasePage(props: BaseProps) {
<meta charset="utf-8" />
<title>{props.title}</title>
<link rel="stylesheet" href="/style.css" />
<script type="module" defer="" src="viewport.js" />
</head>
<body>
<header class="header">

12
src/components/Viewport.tsx Normal file
View file

@ -0,0 +1,12 @@
/**
3d Viewport
*/
export default function Viewport(
props: {
children: unknown,
}
) {
return <div class="viewport in3d">
{ props.children }
</div>
}