Skip to content
Snippets Groups Projects
Commit b5898174 authored by Jonathan Hervieux's avatar Jonathan Hervieux
Browse files

feat: release v1

parent e28598b8
No related branches found
No related tags found
No related merge requests found
......@@ -6,46 +6,67 @@
src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.1.1/model-viewer.min.js"
></script>
<style>
body {
font-family: system-ui;
}
model-viewer {
height: inherit;
width: inherit;
}
.host {
.viewer-container {
height: 100svh;
width: 100svw;
position: relative;
}
.button {
.ar-button {
display: flex;
justify-content: center;
align-items: center;
padding: 9px 12px;
height: 40px;
width: 172px;
padding: 30px 50px;
border: none;
background: #ff2849;
border-radius: 20px;
cursor: pointer;
position: absolute;
width: 600px;
bottom: 50px;
left: calc((100svw / 2) - (660px / 2));
}
.label {
line-height: 22px;
font-size: 17px;
font-size: 50px;
font-weight: bold;
color: #fff;
font-family: sans-serif;
letter-spacing: 1px;
}
.description {
position: absolute;
top: 50px;
font-size: 50px;
text-align: center;
}
</style>
</head>
<body>
<div class="host">
<div class="description">
<div>Bienvenue à l&apos;exposition "Hoelympique" !</div>
<div>Pour démarrer, cliquez sur le bouton "Démarrer l&apos;expérience !"</div>
</div>
<div class="viewer-container">
<model-viewer
src="deer/scene.gltf"
src="https://modelviewer.dev/shared-assets/models/RobotExpressive.glb"
ar
shadow-intensity="1"
camera-controls
touch-action="none"
autoplay
>
<div class="button" slot="ar-button">
<span class="label">Go to AR</span>
<div class="ar-button" slot="ar-button">
<span class="label">Démarrer l'expérience !</span>
</div>
</model-viewer>
</div>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment