-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
179 lines (165 loc) · 12.8 KB
/
index.html
File metadata and controls
179 lines (165 loc) · 12.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<!DOCTYPE html>
<html lang="en">
<head>
<title>Sam Sarette | Home</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#37C482">
<meta property="og:title" content="Sam Sarette Portfolio">
<meta property="og:description" content="Personal showcase website for Sam Sarette.">
<meta property="og:image" content="https://lunarcloud.github.io/img/portrait/sam-portrait-steampunk-2023.webp" />
<link rel="manifest" href="./ssarette-portfolio.webmanifest">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" href="css/index.css">
<script src="lib/custom-elements.js"></script> <!-- Safari polyfill -->
</head>
<body class="page-fade">
<hero style="background-image: url('img/portrait/sam-portrait-steampunk-2023.webp');">
<p>
<span class="name">Sam.</span>
<br>
Techy and Creative.
</p>
<p>This is his portfolio,<br>a small showcase.</p>
<p>Take a look.</p>
<div class="nag-arrow"></div>
</hero>
<main>
<div class="two-columns nag-target">
<section>
<h2 class="nag-target">About Sam Sarette</h2>
<p>He’s a professional engineer.</p>
<p>He’s a hobbyist community leader.</p>
<p>He’s a storyteller encouraging collaboration.</p>
<p>Sam has always been a creative guy, creating fictional worlds and roping his friends into creating characters and stories has been a lifelong past-time.</p>
<p>At the same time, He’s been tinkering with robotics since his childhood of programming LEGO® MINDSTORMS® and summer-camp C++ courses.</p>
</section>
<section>
<h3><symbol>💉</symbol>Medical Lab Devices</h3>
<p>
Sam has proudly created software for several robotics-powered devices at HiArc, formerly KMC Systems, since <i>and even before</i> graduating Keene State College.
</p>
<p>
He has lots of fun driving motors and sensors, and is proud of the many processes and tooling he’s helped establish to make the act of creating professional, documented work easier.
</p>
<p>
Sam has done a few years in a technical leadership role, leading teams between three and ten other software engineers, as his social skills and technical knowledge combine to created a helpful mixture for enabling software teams and navigating work politics.
</p>
<p>
Continuous improvement, compliance-minded development, and creating excellent robotics solutions for business are all in his wheelhouse and current activities.
</p>
</section>
<section>
<h3><symbol>🚂</symbol>Steampunk Community Figure</h3>
<p>
Sam would be known in the steampunk community for two things: his costume that includes a fantastical wooden "prosthetic" hand, and his group, “the Citizens of Antiford” who were leaders in the Steampunk community for a decade and brought in newcomers with their “Intro to Steampunk” presentation.
</p>
<p>
This steampunk group has been involved in the planning of at least 2 festivals, notably the Mount Washington “Railway to the Moon” celebration (2016-2019) and the steampunk track of alt-fashion convention "RuffleCon" (2014 - 2017).
</p>
<p class="attach-next">
His proudest accomplishments include:
</p>
<ul>
<li>creating and managing their social media writing platform,</li>
<li>helping realize the group’s crowd-funded anthology,</li>
<li>and running a small festival of their own.</li>
</ul>
<p>
Sam is proud of the focus on history and crafting that he and this community embraced.
</p>
<p>
This steampunk community is inactive since the pandemic.
A decade-long project is resting while it’s members discover more in life, as does Sam.
</p>
</section>
<section>
<h3><symbol>🎮</symbol>Game Development Leader</h3>
<p>
Sam has created hobbyist games since childhood, has both run and entered into many game jams, contributed to both open-source and professional game technology-powered projects over the years.
</p>
<p>
Sam’s steampunk connections and long history of interest in game development, led him to be introduced to the professor who managed the game development "AGGP" program at NHTI (no longer offered).
He attended his first game jam as part of a partnership between his steampunk group and school.
</p>
<p>
Sam participated in the Boston VR Meetup group in 2015, and then switched to being an avid member of both the Independent Game Developer’s Association NH —until it's final meeting in 2019— and the Southern NH Game Developer Meetup.
When the organizer of the SNHGD Meetup was looking to be less involved, Sam stepped up to help plan the monthly meetups.
</p>
<p>
He led the SNHGD Meetup's transition to digital meetups during the pandemic and a hybrid (every-other) schedule. Sam tends to lead meetings as a casual “scrum-like” affair, followed by demos and discussion. He and his fellow organizers are planning more activities in future for this group.
</p>
</section>
</div>
<h2>Further Exploration</h2>
<div class="two-columns">
<div class="column">
<a is="fadeout-anchor" class="highlighted-section" href="project-list-view.html">
<h3>
<symbol>☰</symbol>
Projects List
</h3>
<p>A comprehensive, filterable listing of all the projects - personal and professional - that Sam’s worked on in his adult life.</p>
</a>
</div>
<div class="column">
<a is="fadeout-anchor" class="highlighted-section" href="3d-showcase.html">
<h3>
<img class="icon" src="img/3d-gizmo.svg" alt="3d symbol" >
3-D Showcase
</h3>
<p>Demonstrating the 3-D and VR design work Sam has done in a simple, virtual space.</p>
</a>
</div>
</div>
<h3>Alter­nate Home Pages</h3>
<p><i>Showcases</i> in their own right. They're alternate ideas of what a home page can be.</p>
<ul id="alt-pages">
<a is="fadeout-anchor" href="home-ala-homestar.html">
<li style="background-image: url('img/pages/home-flash.webp');">
<h3>Flash-Like</h3>
<p>Exemplifying a kid-friendly / edutainment styled website.</p>
</li>
</a>
<a is="fadeout-anchor" href="home-lcars.html">
<li style="background-image: url('img/pages/home-lcars.webp');">
<h3>Sci-fi</h3>
<p>Harkening to hollywood-styled UX design (great on screen, not as much irl).</p>
</li>
</a>
<a is="fadeout-anchor" href="home-console.html">
<li style="background-image: url('img/pages/home-console.webp');">
<h3>Big Picture</h3>
<p>Utilizing gamepad support and designed for distance.</p>
</li>
</a>
</ul>
<h2>Socials</h2>
<ul class="socials">
<li>
<a href="https://www.linkedin.com/in/samuelsarette/">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="2 2 20 20" alt="Linked In">
<path d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19a.66.66 0 000 .14V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z" style="fill: currentColor"></path>
</svg>
</a>
</li>
<li>
<a href="https://github.com/lunarcloud">
<svg aria-hidden="true" viewBox="0 0 16 15.61" alt="Git Hub">
<path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z" style="fill: currentColor"></path>
</svg>
</a>
</li>
<li>
<a href="https://itch.io/profile/samsarette">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 245.37 220.73" alt="itch.io">
<path d="M31.99 1.365C21.287 7.72.2 31.945 0 38.298v10.516C0 62.144 12.46 73.86 23.773 73.86c13.584 0 24.902-11.258 24.903-24.62 0 13.362 10.93 24.62 24.515 24.62 13.586 0 24.165-11.258 24.165-24.62 0 13.362 11.622 24.62 25.207 24.62h.246c13.586 0 25.208-11.258 25.208-24.62 0 13.362 10.58 24.62 24.164 24.62 13.585 0 24.515-11.258 24.515-24.62 0 13.362 11.32 24.62 24.903 24.62 11.313 0 23.773-11.714 23.773-25.046V38.298c-.2-6.354-21.287-30.58-31.988-36.933C180.118.197 157.056-.005 122.685 0c-34.37.003-81.228.54-90.697 1.365zm65.194 66.217a28.025 28.025 0 0 1-4.78 6.155c-5.128 5.014-12.157 8.122-19.906 8.122a28.482 28.482 0 0 1-19.948-8.126c-1.858-1.82-3.27-3.766-4.563-6.032l-.006.004c-1.292 2.27-3.092 4.215-4.954 6.037a28.5 28.5 0 0 1-19.948 8.12c-.934 0-1.906-.258-2.692-.528-1.092 11.372-1.553 22.24-1.716 30.164l-.002.045c-.02 4.024-.04 7.333-.06 11.93.21 23.86-2.363 77.334 10.52 90.473 19.964 4.655 56.7 6.775 93.555 6.788h.006c36.854-.013 73.59-2.133 93.554-6.788 12.883-13.14 10.31-66.614 10.52-90.474-.022-4.596-.04-7.905-.06-11.93l-.003-.045c-.162-7.926-.623-18.793-1.715-30.165-.786.27-1.757.528-2.692.528a28.5 28.5 0 0 1-19.948-8.12c-1.862-1.822-3.662-3.766-4.955-6.037l-.006-.004c-1.294 2.266-2.705 4.213-4.563 6.032a28.48 28.48 0 0 1-19.947 8.125c-7.748 0-14.778-3.11-19.906-8.123a28.025 28.025 0 0 1-4.78-6.155 27.99 27.99 0 0 1-4.736 6.155 28.49 28.49 0 0 1-19.95 8.124c-.27 0-.54-.012-.81-.02h-.007c-.27.008-.54.02-.813.02a28.49 28.49 0 0 1-19.95-8.123 27.992 27.992 0 0 1-4.736-6.155zm-20.486 26.49l-.002.01h.015c8.113.017 15.32 0 24.25 9.746 7.028-.737 14.372-1.105 21.722-1.094h.006c7.35-.01 14.694.357 21.723 1.094 8.93-9.747 16.137-9.73 24.25-9.746h.014l-.002-.01c3.833 0 19.166 0 29.85 30.007L210 165.244c8.504 30.624-2.723 31.373-16.727 31.4-20.768-.773-32.267-15.855-32.267-30.935-11.496 1.884-24.907 2.826-38.318 2.827h-.006c-13.412 0-26.823-.943-38.318-2.827 0 15.08-11.5 30.162-32.267 30.935-14.004-.027-25.23-.775-16.726-31.4L46.85 124.08c10.684-30.007 26.017-30.007 29.85-30.007zm45.985 23.582v.006c-.02.02-21.863 20.08-25.79 27.215l14.304-.573v12.474c0 .584 5.74.346 11.486.08h.006c5.744.266 11.485.504 11.485-.08v-12.474l14.304.573c-3.928-7.135-25.79-27.215-25.79-27.215v-.006l-.003.002z" style="fill: currentColor"></path>
</svg>
</a>
</li>
</ul>
</main>
<footer>© Samuel James Sarette 2023</footer>
<script type="module" src="controllers/index.js"></script>
</body>
</html>