Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
45 changes: 40 additions & 5 deletions 3d-showcase.html
Original file line number Diff line number Diff line change
Expand Up @@ -38,26 +38,61 @@
<a-asset-item id="kmc-vr-large-bottle" src="gltf/kmc-vr-large-bottle.glb"></a-asset-item>
<a-asset-item id="shipwreck" src="gltf/shipwreck.glb"></a-asset-item>

<a-asset-item id="trek-hugo-class-ship" src="gltf/trek/sta-sarelle-expanse-hugo-class-ship.glb"></a-asset-item>
<a-asset-item id="trek-starbase-364-narendra-station" src="gltf/trek/starbase-364-narendra-station.glb"></a-asset-item>
<a-asset-item id="trek-cetacean" src="gltf/trek/starfleet-cetacean.glb"></a-asset-item>
<a-asset-item id="trek-edosian" src="gltf/trek/starfleet-edosian.glb"></a-asset-item>
<a-asset-item id="trek-exocomp" src="gltf/trek/starfleet-exocomp.glb"></a-asset-item>
<a-asset-item id="trek-medusan" src="gltf/trek/starfleet-medusan-hover-suit.glb"></a-asset-item>
<a-asset-item id="trek-phaser" src="gltf/trek/sta-sarelle-phaser.glb"></a-asset-item>

<img id="sky" src="img/photosphere/galaxy-sky.jpg" alt="sky">
</a-assets>

<a-entity text="anchor: center; width: 1.5; color: black; value: Desktop Controls: WASD & Mouse"
position="0 0. -2.8" rotation="-90 0 0"></a-entity>

<a-entity gltf-model="#meeple-airship" shadow position="-1 0.1 -5" scale="0.5 0.5 0.5" rotation="0 25 0">
<a-entity gltf-model="#meeple-airship" shadow position="-0.75 0.1 -3.25" scale="0.1 0.1 0.1" rotation="0 25 0">
<a-entity gltf-model="#meeple-robot" position="1.75 1.6 1" rotation="0 15 0"></a-entity>
<a-entity gltf-model="#meeple-lady1" position="0 1.6 1.5" rotation="0 0 0"></a-entity>
<a-entity gltf-model="#meeple-gent1" position="-1.75 1.6 1" rotation="0 -15 0"></a-entity>
</a-entity>

<a-entity id="projects-entity" position="-3 1.6 -1.5" rotation="0 90 0" scale="8 4 1"></a-entity>
<a-entity id="projects-entity" position="-3 1.6 -6" rotation="0 60 0" scale="8 4 1"></a-entity>
<!--
scale="5 2 1"></a-entity>
-->

<a-entity gltf-model="#ataito-bucket" position="1.5 0.25 -3.5" scale="0.25 0.25 0.25" rotation="0 45 0"></a-entity>
<a-entity gltf-model="#kmc-vr-large-bottle" position="0.5 0 -3.5" scale="3 3 3" rotation="0 45 0"></a-entity>
<a-entity gltf-model="#shipwreck" shadow position="2.5 3 -5.5" scale="1 1 1" rotation="45 45 0"></a-entity>
<a-entity position="0.5 0.1 -3.5" scale="0.01 0.01 0.01">
<a-light type="point" color="#cc4400" position="30 5 0" intensity="1"></a-light>
<a-light type="point" color="#aaaa00" position="-30 5 40" intensity="1"></a-light>
<a-entity gltf-model="#trek-cetacean" position="-45 0 40" rotation="0 30 0"></a-entity>
<a-entity gltf-model="#trek-edosian" position="-20 0 0" rotation="0 90 0"></a-entity>
<a-entity gltf-model="#trek-exocomp" position="0 0 40" rotation="0 -45 0"></a-entity>
<a-entity gltf-model="#trek-medusan" position="30 0 0" rotation="0 0 0"></a-entity>
</a-entity>

<a-entity gltf-model="#trek-phaser" scale="0.5 0.5 0.5" position="1.45 0.125 -3.25" rotation="10 30 80"></a-entity>

<a-entity position="5 2 -3.5" scale="0.025 0.025 0.025" rotation="-15 50 20">
<a-entity gltf-model="#trek-hugo-class-ship"
animation="property: rotation; from: 0 0 -45; to: 0 0 15; loop: true; dir: alternate; easing: linear; dur: 25000" ></a-entity>
</a-entity>

<a-entity position="15 5 -25" scale="0.25 0.25 0.25" rotation="15 35 0">
<a-entity gltf-model="#trek-starbase-364-narendra-station"
animation="property: rotation; from: 0 0 0; to: 0 360 0; loop: true; elasticity:1000; dur: 50000; easing: linear;"></a-entity>
</a-entity>

<a-entity gltf-model="#ataito-bucket" position="2 0.25 -3.5" scale="0.25 0.25 0.25" rotation="0 45 0"></a-entity>

<a-entity gltf-model="#kmc-vr-large-bottle" position="-2 0 -3.5" scale="3 3 3" rotation="0 -45 0"></a-entity>


<a-entity position="1.5 3.5 -8" scale="1 1 1" rotation="45 45 0">
<a-entity gltf-model="#shipwreck" shadow
animation="property: rotation; from: 0 0 0; to: 0 -360 0; loop: true; elasticity:1000; dur: 50000; easing: linear;"></a-entity>
</a-entity>

<a-plane position="0 0 -4.5" rotation="-90 0 0" width="6" height="3.5" color="#61615e"></a-plane>

Expand Down
39 changes: 39 additions & 0 deletions css/home-console.css
Original file line number Diff line number Diff line change
Expand Up @@ -310,6 +310,45 @@ body[loaded] #main {
}
}
}

& tertiary {
grid-row: 5;
grid-column: 1 / 3;
width: 100%;
overflow-x: scroll;
scroll-snap-type: x mandatory;

&::-webkit-scrollbar {
width: 0;
}

& > ul {
display: flex;
width: fit-content;

& > li {
display: block;
position: relative;
scroll-snap-align: start;
scroll-snap-stop: always;
width: 25dvw;
aspect-ratio: 4/3;

& > a {
position: absolute;
inset: 1em;
background-position: center 75%;
background-size: 50%;
background-repeat: no-repeat;
filter: grayscale(0.5);

&:focus {
background-size: 75%;
}
}
}
}
}
}

footer {
Expand Down
Binary file added gltf/trek/sta-sarelle-expanse-hugo-class-ship.glb
Binary file not shown.
Binary file added gltf/trek/sta-sarelle-phaser.glb
Binary file not shown.
Binary file added gltf/trek/starbase-364-narendra-station.glb
Binary file not shown.
Binary file added gltf/trek/starfleet-cetacean.glb
Binary file not shown.
Binary file added gltf/trek/starfleet-edosian.glb
Binary file not shown.
Binary file added gltf/trek/starfleet-exocomp.glb
Binary file not shown.
Binary file added gltf/trek/starfleet-medusan-hover-suit.glb
Binary file not shown.
8 changes: 4 additions & 4 deletions home-ala-homestar.html
Original file line number Diff line number Diff line change
Expand Up @@ -36,14 +36,14 @@ <h1>S★S</h1>
</a>
</li>
<li>
<a hover-style="busted" href="#">
?
<a hover-style="busted" href="https://itch.io/profile/samsarette">
Itch
<audio src="audio/518616__taman21__guitar-notes-c.mp3" preload></audio>
</a>
</li>
<li>
<a hover-style="focus-in" href="#">
?
<a hover-style="focus-in" href="https://github.com/lunarcloud">
GitHub
<audio src="audio/518616__taman21__guitar-notes-d.mp3" preload></audio>
</a>
</li>
Expand Down
23 changes: 23 additions & 0 deletions home-console.html
Original file line number Diff line number Diff line change
Expand Up @@ -91,6 +91,29 @@ <h2>Home Screens</h2>
</li>
</ul>
</secondary>
<tertiary>
<h2>External</h2>
<ul>
<li>
<a is="fadeout-anchor" href="https://www.linkedin.com/in/samuelsarette/"
style="background-color: #0068C4; background-image: url('img/linkedin.svg');">
LinkedIn
</a>
</li>
<li>
<a is="fadeout-anchor" href="https://itch.io/profile/samsarette"
style="background-color: #FC535A; background-image: url('img/itch.svg');">
Itch
</a>
</li>
<li>
<a is="fadeout-anchor" href="https://github.com/lunarcloud"
style="background-color: white; background-image: url('img/github.svg');">
GitHub
</a>
</li>
</ul>
</tertiary>
</container>
<footer>© Samuel James Sarette 2023</footer>
<audio id="chime-audio" src="audio/538551__sjonas88__3-select-chime.mp3"></audio>
Expand Down
15 changes: 15 additions & 0 deletions home-lcars.html
Original file line number Diff line number Diff line change
Expand Up @@ -62,6 +62,21 @@ <h1>Sam Sarette's Portfolio</h1>
3-D Showcase
</a>
</li>
<li>
<a is="fadeout-anchor" hover="audio" href="https://itch.io/profile/samsarette">
Itch
</a>
</li>
<li>
<a is="fadeout-anchor" hover="audio" href="https://github.com/lunarcloud">
GitHub
</a>
</li>
<li>
<a is="fadeout-anchor" hover="audio" href="https://www.linkedin.com/in/samuelsarette/">
LinkedIn
</a>
</li>
</ul>
<p>
<!-- linthtml-disable attr-name-style -->
Expand Down
3 changes: 3 additions & 0 deletions img/github.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions img/itch.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions img/linkedin.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions img/projects/HiARC-simple.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 4 additions & 0 deletions img/projects/HiARC.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 4 additions & 4 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -61,8 +61,8 @@ <h2 class="nag-target">About Sam Sarette</h2>
<h3><span class="icon">‍⚕️</span>Medical Lab Devices</h3>

<p>
Sam has proudly created software for several robotics-powered devices at KMC Systems, Inc since
before graduating Keene State College.
Sam has proudly created software for several robotics-powered devices at KMC Systems,
now HiARC, since before graduating Keene State College.
</p>
<p>
He’s been able to leaverage his hobbyist work in VR to create virtual lab environments,
Expand All @@ -73,8 +73,8 @@ <h3><span class="icon">‍⚕️</span>Medical Lab Devices</h3>
tooling He’s helped establish to make the act of creating professional, documented work easier.
</p>
<p>
Sam is currently a principle engineer leading a small team to recreate a project from early in his career.
This effort is going well, and he would say He’s very proud of it so far.
Sam has been positioned into a technical leadership role, leading larger and larger teams, as his social skills
and technical knowledge have created a helpful mixture for enabling software teams and navigating work politics.
</p>

<h3>Leading in Communities</h3>
Expand Down
Loading