Files
web-log/container/site/layouts/shortcodes/modelviewer.html
T
2025-07-05 15:36:34 +00:00

21 lines
751 B
HTML

{{- $src := .Get "src" -}}
{{- $poster := .Get "poster" -}}
{{- $env := .Get "env" -}}
{{- $alt := .Get "alt" | default "3D Model" -}}
{{- $controls := .Get "controls" | default "camera-controls touch-action='pan-y'" -}}
{{- $shadow := .Get "shadow" | default "0" -}}
{{ $slug := .Page.Slug }}
<!--move this elsewhere-->
<script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/4.0.0/model-viewer.min.js"></script>
<model-viewer
style="width: 100%; height: 500px;"
alt="{{ $alt }}"
src="{{ site.Params.filesBase }}/{{ $slug }}/{{ $src }}"
poster="{{ site.Params.filesBase }}/{{ $slug }}/{{ $poster }}"
environment-image="{{ $env }}"
shadow-intensity="{{ $shadow }}"
{{ $controls | safeHTMLAttr }}>
</model-viewer>