mirror of
https://github.com/TomHodson/tomhodson.github.com.git
synced 2025-06-26 10:01:18 +02:00
55 lines
2.1 KiB
Markdown
55 lines
2.1 KiB
Markdown
---
|
|
title: A Portfolio Website
|
|
layout: project
|
|
excerpt: A portfolio website for a friend of mine who is an artist and musician. He did the art I just added CSS.
|
|
permalink: /projects/montys_website
|
|
assets: /assets/projects/montys_website
|
|
date: 2023-11-12
|
|
draft: True
|
|
|
|
img:
|
|
alt:
|
|
class: invertable
|
|
src: /assets/projects/montys_website/thumbnail.svg
|
|
|
|
social_image: /assets/projects/montys_website/bio_pic.png
|
|
|
|
head: |
|
|
<script type="module" src="/assets/js/model-viewer.js"></script>
|
|
---
|
|
|
|
<figure>
|
|
<img src="{{page.assets}}/bio_page.png">
|
|
</figure>
|
|
|
|
<figure>
|
|
<img src="{{page.assets}}/map_page.png">
|
|
<figcaption>Click to zoom</figcaption>
|
|
</figure>
|
|
|
|
<model-viewer src = "{{page.assets}}/test.glb" camera-controls></model-viewer>
|
|
|
|
<model-viewer src = "{{page.assets}}/test2.glb" camera-controls></model-viewer>
|
|
|
|
<model-viewer src = "{{page.assets}}/test3.glb" camera-controls></model-viewer>
|
|
|
|
<!-- <outline-model-viewer model = "{{page.assets}}/test.glb" camera='{"type":"perspective","fov":30,"near":10,"far":10000,"position":[364.9,307.2,459.7],"rotation":[-0.5891,0.5833,0.3527],"zoom":250,"target":[0,0,0]}'
|
|
ambient-light="6" directional-light="0.8" materials=keep mode=2
|
|
|
|
>
|
|
|
|
<img class="outline-model-poster no-wc" src = "{{page.img.src}}">
|
|
<p class="has-wc">Loading model...</p>
|
|
|
|
</outline-model-viewer>
|
|
|
|
<outline-model-viewer model = "{{page.assets}}/test2.glb" camera='{"type":"perspective","fov":30,"near":10,"far":10000,"position":[364.9,307.2,459.7],"rotation":[-0.5891,0.5833,0.3527],"zoom":250,"target":[0,0,0]}'>
|
|
<img class="outline-model-poster no-wc" src = "{{page.img.src}}">
|
|
<p class="has-wc">Loading model...</p>
|
|
</outline-model-viewer>
|
|
|
|
<outline-model-viewer model = "{{page.assets}}/test3.glb" camera='{"type":"perspective","fov":30,"near":10,"far":10000,"position":[364.9,307.2,459.7],"rotation":[-0.5891,0.5833,0.3527],"zoom":250,"target":[0,0,0]}' materials=keep mode=2 ambient-light="6" directional-light="0.8">
|
|
<img class="outline-model-poster no-wc" src = "{{page.models}}/pots/pots.png">
|
|
<p class="has-wc">Loading model...</p>
|
|
</outline-model-viewer> -->
|