storytold/spark
2
0
Fork 0
mirror of https://github.com/storytold/spark.git synced 2026-10-23 08:26:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

Replace hero image with iframe + carousel

Browse Source
This commit is contained in:
Diego Marcos Segura
2025-05-31 00:55:57 -07:00
parent d3d7a9d1fa
commit 3d16a130b1
3 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/index.md
+1 -1
View File
@@ -9,5 +9,5 @@ hide:
<h1><img src="/assets/images/logo-hero.png"/></h1> <h1><img src="/assets/images/logo-hero.png"/></h1>
<h2>An advanced 3D Gaussian Splatting renderer for THREE.js</h2> <h2>An advanced 3D Gaussian Splatting renderer for THREE.js</h2>
<a href="/docs/" class="md-button md-button--primary">Get started →</a> <a href="/docs/" class="md-button md-button--primary">Get started →</a>
<img class="hero-image" src="/assets/images/hero-image.png"/> <iframe class="hero-image" src="/examples/hello-world/carousel.html"></iframe>
</div> </div>
docs/overrides/main.html
+5 -2
View File
@@ -18,11 +18,14 @@
margin-bottom: 0rem; margin-bottom: 0rem;
} }
.hero img.hero-image { .hero iframe.hero-image {
width: 100%; width: 100%;
margin-top: 3rem;
max-width: 800px; max-width: 800px;
height: 600px;
border-radius: 15px; border-radius: 15px;
display: block;
margin: auto;
margin-top: 2rem;
} }
.hero img { .hero img {
examples/hello-world/carousel.html
+1
View File
@@ -15,6 +15,7 @@
{ {
"imports": { "imports": {
"three": "/examples/js/vendor/three/build/three.module.js", "three": "/examples/js/vendor/three/build/three.module.js",
"three/addons/": "/examples/js/vendor/three/examples/jsm/",
"@forge-gfx/forge": "/dist/forge.module.js" "@forge-gfx/forge": "/dist/forge.module.js"
} }
} }