diff options
| author | Andrew Lee <andrew@alee14.me> | 2025-09-18 01:41:42 -0400 |
|---|---|---|
| committer | Andrew Lee <andrew@alee14.me> | 2025-09-18 01:44:43 -0400 |
| commit | bef7bfad876fb37f6e337a699174c499c43abf33 (patch) | |
| tree | 95c33a62791b8acd7e427cc504492368979c17b0 /src/pages/projects/3d.astro | |
| parent | 7889ea6ab03e922af1cb954d49913bb050cbec13 (diff) | |
| download | personal-website-bef7bfad876fb37f6e337a699174c499c43abf33.tar.gz personal-website-bef7bfad876fb37f6e337a699174c499c43abf33.tar.bz2 personal-website-bef7bfad876fb37f6e337a699174c499c43abf33.zip | |
Revamped project page; Switch to React; Updated pkgs
Diffstat (limited to 'src/pages/projects/3d.astro')
| -rw-r--r-- | src/pages/projects/3d.astro | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/src/pages/projects/3d.astro b/src/pages/projects/3d.astro new file mode 100644 index 0000000..8f9a06d --- /dev/null +++ b/src/pages/projects/3d.astro @@ -0,0 +1,46 @@ +--- +import Page from "../../layouts/Page.astro"; +import "../../styles/cards.css"; +import ThreeJSModels from "../../components/3DModels.jsx"; +--- +<Page title="3D Models" description="Things that I made using Blender"> + <main> + <div class="grid"> + <div class="card"> + <h1>Test</h1> + <p>Description</p> + <ThreeJSModels modelName="/models/snug_cup_model.glb" client:load /> + <div class="column"> + <a href="#">Download</a> + <small>Licensed with (license)</small> + </div> + </div> + <div class="card"> + <h1>Test</h1> + <p>Description</p> + <ThreeJSModels modelName="/models/alee_logo.glb" client:load /> + <div class="column"> + <a href="#">Download</a> + <small>Licensed with (license)</small> + </div> + </div> + <div class="card"> + <h1>Test</h1> + <p>Description</p> + <!--<ThreeJSModels modelName="/models/snug_cup_model.glb" client:load />--> + <div class="column"> + <a href="#">Download</a> + <small>Licensed with (license)</small> + </div> + </div> + </div> + </main> +</Page> +<style> + .column { + display: flex; + flex-direction: column; + gap: 0.1em; + } +</style> + |