unified styling
This commit is contained in:
34
index.html
34
index.html
@@ -13,6 +13,15 @@
|
||||
<main>
|
||||
<h1>Visualizer</h1>
|
||||
|
||||
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nibh mi, aliquam ut urna sit amet, mollis sodales
|
||||
augue. Duis faucibus nibh eu purus egestas lobortis. In ut vehicula eros. Orci varius natoque penatibus et
|
||||
magnis dis parturient montes, nascetur ridiculus mus. In hac habitasse platea dictumst. Quisque ultricies mauris
|
||||
sed tortor cursus, eu eleifend neque vulputate. Suspendisse vitae libero eu tellus porta vestibulum. Quisque
|
||||
tortor turpis, tincidunt vel enim et, tempor facilisis sem. Sed condimentum elit odio, non finibus sapien
|
||||
faucibus in. Duis a tempus ex. Mauris sodales nisi ut mi lacinia auctor. Nunc interdum cursus sem luctus
|
||||
faucibus. Quisque mattis iaculis finibus. Aliquam commodo leo a risus porttitor, vel vulputate nisi
|
||||
vehicula. </p>
|
||||
|
||||
<h2>Dynamic Pulses</h2>
|
||||
<mc-diorama radius="4">
|
||||
<mc-timeline loop autoplay controls="false"></mc-timeline>
|
||||
@@ -40,10 +49,17 @@
|
||||
|
||||
<h2>Static multi-view scene</h2>
|
||||
|
||||
<p> Phasellus tortor turpis, commodo ut tortor scelerisque, fermentum tempus nisi. Pellentesque consectetur commodo
|
||||
rhoncus. Sed ullamcorper turpis dapibus, luctus nibh eu, dapibus risus. Fusce finibus ante eleifend, venenatis
|
||||
sem eu, tempor elit. Duis eget lacus justo. Ut efficitur lacus a massa sagittis fringilla. Proin non dictum
|
||||
eros. Etiam porttitor libero a facilisis vulputate. Duis facilisis eget arcu quis ultricies. Etiam dui erat,
|
||||
luctus ut tristique vitae, fermentum quis magna. </p>
|
||||
|
||||
<mc-frame id="nonsense">
|
||||
<mc-camera orbit></mc-camera>
|
||||
<mc-world>
|
||||
p -1 0 0 redstone_wire east=side west=none north=none south=none power=0
|
||||
p -1 -1 0 smooth_stone_slab type=top
|
||||
p 0 0 0 repeater facing=east delay=1 locked=false powered=false
|
||||
p 2 0 0 oak_trapdoor facing=east half=bottom open=true
|
||||
p 0 -1 0 lodestone
|
||||
@@ -54,12 +70,18 @@
|
||||
<div class="grid-2col">
|
||||
<mc-diorama frameid="nonsense" theta="180" phi="90"></mc-diorama>
|
||||
<mc-diorama frameid="nonsense">
|
||||
<mc-camera orbit></mc-camera>
|
||||
<mc-camera pan="false" zoom="false"></mc-camera>
|
||||
</mc-diorama>
|
||||
<mc-diorama frameid="nonsense" theta="180" phi="0"></mc-diorama>
|
||||
<mc-diorama frameid="nonsense" theta="270" phi="0"></mc-diorama>
|
||||
</div>
|
||||
|
||||
<p> Sed urna ante, aliquet et ex nec, posuere laoreet sem. Aenean non sem a massa vehicula faucibus. Donec varius
|
||||
mattis elit ut efficitur. Aenean quis mattis urna. Praesent quis lacus ac ligula sollicitudin mattis. Donec mi
|
||||
enim, suscipit eget urna a, consectetur suscipit sapien. Etiam lacinia, arcu vel fermentum vulputate, erat nibh
|
||||
efficitur eros, euismod varius ex eros in urna. Nulla magna ex, congue ac finibus sit amet, tristique nec
|
||||
ante. </p>
|
||||
|
||||
<h2>Dynamic Timeline Control</h2>
|
||||
<mc-diorama>
|
||||
<mc-camera orbit></mc-camera>
|
||||
@@ -124,6 +146,16 @@
|
||||
</mc-world>
|
||||
</mc-diorama>
|
||||
|
||||
<p> Suspendisse potenti. Nulla facilisi. Mauris non ullamcorper justo. Ut euismod lacus eget orci elementum, eu
|
||||
cursus nisl pellentesque. Vestibulum ligula magna, venenatis eget ligula eu, gravida semper tellus. Praesent
|
||||
quis enim eu metus hendrerit feugiat. Etiam lorem tortor, condimentum sed condimentum sit amet, placerat
|
||||
vulputate ipsum. Duis varius lobortis elit, et pharetra velit feugiat sed. Class aptent taciti sociosqu ad
|
||||
litora torquent per conubia nostra, per inceptos himenaeos. Cras venenatis ligula sed elit aliquam vestibulum.
|
||||
Duis fringilla, mauris at lacinia posuere, mauris urna auctor lacus, vitae faucibus velit ante sit amet massa.
|
||||
Ut id massa eget dui vestibulum pretium. Nunc tempus odio quis nisi ultrices, id volutpat dui tristique.
|
||||
Suspendisse lacus metus, pulvinar ac urna vitae, pellentesque volutpat eros. In cursus ipsum in enim ornare, sed
|
||||
tempus mi tincidunt. </p>
|
||||
|
||||
<div id="atlas-container"></div>
|
||||
</main>
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user