1+ <!--
2+ // ProcStack.Github.io - 2024,2025
3+ // By Kevin Edzenga
4+ // Kevin@Metal-Asylum.Net
5+ //
6+ // --
7+ //
8+ // Thanks for viewing the source code for procstack.github.io!
9+ // If you have any questions, feel free to reach out to me at the email above.
10+ //
11+ // If you'd rather see the source code on the repo -
12+ // https://github.com/ProcStack/procstack.github.io/tree/main/docs
13+ // For page content, see `./pages`
14+ --> <!DOCTYPE html> < html lang ="en "> < head >
15+ < meta charset ="UTF-8 ">
16+ < meta http-equiv ="Content-Type " content ="text/html; charset=utf-8 ">
17+ < meta name ="viewport " content ="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=5.0 ">
18+ < meta name ="theme-color " content ="#000822 ">
19+ < meta name ="robots " content ="index, follow ">
20+ < meta name ="revisit-after " content ="14 days ">
21+ < meta name ="fragment " content ="! ">
22+ <!-- Note : connical, description, & keywords update with page changes -->
23+ < link rel ="canonical " href ="http://localhost:3000/AboutMe/What_am_I.htm " id ="canonicalLink ">
24+ < meta name ="description " content ="A little about me, my skills, and what I do. ">
25+ < meta name ="keywords " content ="technical artist, technical director, creative technologist, houdini, unity, unreal engine, maya, vfx, particles, shaders, asset optimization, pipeline ">
26+ < meta name ="author " content ="Kevin Edzenga ">
27+
28+ <!-- AI/LLM Data Discovery -->
29+ < meta name ="ai:data-source " content ="https://procstack.github.io/bots/siteContent.json ">
30+ < meta name ="ai:data-manifest " content ="https://procstack.github.io/data-manifest.json ">
31+ < meta name ="ai:content-api " content ="https://procstack.github.io/bots/ ">
32+ < link rel ="alternate " type ="application/json " href ="https://procstack.github.io/bots/AboutMe_What_am_I.htm.json " title ="Site Content Data ">
33+ < link rel ="data-manifest " type ="application/json " href ="https://procstack.github.io/data-manifest.json " title ="Data Sources Manifest ">
34+
35+ <!-- The Socials -->
36+ < meta name ="googlebot " content ="index, follow ">
37+ < meta name ="google " content ="nositelinkssearchbox ">
38+ < meta name ="google " content ="notranslate ">
39+ < meta name ="google " content ="nositelinkssearchbox ">
40+
41+ < meta name ="og:title " content ="What am I? ">
42+ < meta name ="og:description " content ="A little about me, my skills, and what I do. ">
43+ < meta name ="og:image " content ="https://procstack.github.io/images/ProcStack_th.jpg ">
44+ < meta name ="og:url " content ="http://localhost:3000/AboutMe/What_am_I.htm ">
45+
46+ < meta name ="twitter:card " content ="summary_large_image ">
47+ < meta name ="twitter:title " content ="What am I? ">
48+ < meta name ="twitter:description " content ="A little about me, my skills, and what I do. ">
49+ < meta name ="twitter:image " content ="https://procstack.github.io/images/ProcStack_th.jpg ">
50+ < meta name ="twitter:url " content ="https://procstack.github.io ">
51+ < meta name ="twitter:domain " content ="procstack.github.io ">
52+ < meta name ="twitter:label1 " content ="Written by ">
53+ < meta name ="twitter:data1 " content ="Kevin Edzenga ">
54+ < link type ="text/css " id ="procPagesStylesheet " rel ="stylesheet " href ="https://procstack.github.io/style/ProcStackStyle.css "> < link type ="text/css " id ="pxlNavStylesheet " rel ="stylesheet " href ="https://procstack.github.io/style/pxlNavStyle.min.css "> < title > What am I?</ title > < meta name ="title " content ="What am I? "> < style type ="text/css ">
55+ .fader {
56+ transition : opacity .8s , filter .8s ;
57+ }
58+ .visOn {
59+ filter : alpha (opacity=100);
60+ opacity : 1.0 ;
61+ }
62+ .visOff {
63+ filter : alpha (opacity=0);
64+ opacity : 0.0 ;
65+ }
66+ </ style > </ head >
67+
68+ <!-- -- -- -- -->
69+
70+
71+
72+
73+ <!-- Bypassing Youtube Player API for now -->
74+ <!-- Causing pxlNav pre-processing errors -->
75+ <!-- To be fixed through pxlNav in the future, but for now... -->
76+ <!-- <script src="https://www.youtube.com/iframe_api" async></script> -->
77+
78+ <!-- -- -- -- -->
79+
80+ < body >
81+
82+ <!-- -- -- -- -- -- -->
83+ <!-- SEO for Robots -- -->
84+ <!-- -- -- -- -- -- -- -- -->
85+ < nav aria-hidden ="true " style ="display:none; ">
86+ < a href ="/Init.htm "> Init.</ a >
87+ < a href ="/pxlNav/Explore.htm "> pxlNav</ a >
88+ < a href ="/ProjectsLinks/procstack.github.io.htm "> Repos / Projects</ a >
89+ < a href ="/AboutMe/What_am_I.htm "> About Me</ a >
90+ </ nav >
91+
92+ <!-- -- -- -- -->
93+
94+ < div id ="verbErrorConsole ">
95+ </ div >
96+
97+ <!-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -->
98+ <!-- Primary site & `pxlPages` Implementation -- -->
99+ <!-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -->
100+ < div id ="procPagesMainBlock " class ="procPagesMainBlockStyle pagesFader pagesVisOn ">
101+ < div id ="procStackGitParent " class ="procStackGitParentStyle ">
102+ < div id ="procPagesNavBlock " pages-default-class ="procPagesNav_defaultStyle " class ="procPagesNavBlockStyle procPagesNav_aboutMeStyle ">
103+ < div id ="procPagesNavHeader " class ="procPagesNavHeaderStyle gpnhScreenMedia ">
104+ < span class ="squashInLowRes "> _ProcStack_</ span >
105+ </ div >
106+ < div id ="procPagesNav " class ="procPagesNavStyle ">
107+ < a href ="Init.htm " class ="pageLinkStyle " pxlroomname ="CampfireEnvironment " pxlcameraview ="init " page-name ="Init " alt ="Link to Init... "> Init.</ a >
108+ < a href ="pxlNav.htm " class ="pageLinkStyle " pxlroomname ="CampfireEnvironment " pxlcameraview ="pxlNav " page-name ="pxlNav " alt ="Some info on this git.io site's backbone "> pxlNav</ a >
109+ < a href ="MakingOf.htm " class ="pageLinkStyle " pxlroomname ="CampfireEnvironment " pxlcameraview ="makingOf " page-name ="MakingOf " alt ="The gears & servos " style ="display: none; "> Making< span class ="procPagesHideWhenThin "> Of</ span > ...</ a >
110+ < a href ="ProjectsLinks.htm " class ="pageLinkStyle " pxlroomname ="SaltFlatsEnvironment " pxlcameraview ="default " page-name ="ProjectsLinks " alt ="Real world projects "> < span class ="procPagesHideWhenThin "> Repos / </ span > Projects</ a >
111+ < a href ="Blog.htm " class ="pageLinkStyle " pxlroomname ="CampfireEnvironment " pxlcameraview ="default " page-name ="Blog " alt ="My ramblings... " style ="display: none; "> Blog</ a >
112+ < a href ="AboutMe.htm " class ="pageLinkStyle procPagesNav_aboutMeActiveStyle " pxlroomname ="CampfireEnvironment " pxlcameraview ="aboutMe " page-name ="AboutMe " alt ="It's ah me! Marrr.... yeah "> < span class ="procPagesHideWhenThin "> About </ span > Me</ a >
113+ < span id ="procPagesToggleDOM " class ="procPagesToggleDOMStyle ">
114+ < a class ="pageLinkStyle pageLinkEventStyle " pageevent ="ToggleDOM " pagevalue ="1 " alt ="Toggle the website contents "> §</ a >
115+ < a class ="pageLinkStyle pageLinkEventStyle " pageevent ="ToggleDOM " pagevalue ="0 " alt ="Toggle the website contents " style ="display: none; "> ¤</ a >
116+ </ span >
117+ </ div >
118+ </ div >
119+
120+ <!-- -- -- -- -->
121+
122+ < div id ="pxlPagesContentBlock " class ="pxlPagesContentBlockStyle gpcpVisibleStyle heightFader ">
123+ < div id ="pxlPagesContentParent " class ="pxlPagesContentParentStyle "> < div class ="gpcpVisibleStyle procPagesContentStyle procPagesPlacementVerticalStyle procPagesLockVertical gitAboutMePageStyle pagesFader pagesVisOn "> < div class ="procPagesInnerBeforeBase procPagesInnerBefore "> </ div > < div class ="procPagesParentStyle gitAboutMePageParentStyle procPagesLockVertical " id ="pxlPage_AboutMe "> < div class ="procPageHeader procPagesHeaderStyle "> About Me</ div > < div class ="procPageVerticalLockSectionList gitAboutMePage-sectionNavListStyle "> < div class ="procPagesVerticalLockNavSectionStyle procPagesButtonStyle procPagesSectionNavColor gitAboutMePage-sectionNavButtonStyle procPagesNavActive gitAboutMePage-sectionNavButtonActiveStyle "> What am I?</ div > < div class ="procPagesVerticalLockNavSectionStyle procPagesButtonStyle procPagesSectionNavColor gitAboutMePage-sectionNavButtonStyle "> My Film Work</ div > < div class ="procPagesVerticalLockNavSectionStyle procPagesButtonStyle procPagesSectionNavColor gitAboutMePage-sectionNavButtonStyle "> Plushies</ div > < div class ="procPagesVerticalLockNavSectionStyle procPagesButtonStyle procPagesSectionNavColor gitAboutMePage-sectionNavButtonStyle "> AI Dev</ div > </ div > < div class ="procPageMediaView procPagesScrollbarStyle " style ="align-content: center; height: auto; "> < div class ="procPagesMediaListStyle procPagesSectionActive pagesVisOn "> < iframe src ="https://www.youtube-nocookie.com/embed/trt9dGUYevs " title ="Technical Art Reel 2024 " frameborder ="0 " allow ="encrypted-media; picture-in-picture; web-share " referrerpolicy ="strict-origin-when-cross-origin " allowfullscreen ="true " class ="procPagesMediaStyle procPagesLimitWidthStyle "> </ iframe > </ div > </ div > < div class ="procPageVerticalLockContentView procPagesScrollbarStyle "> < div class ="procPageSectionContentStyle procPagesSectionActive pagesVisOn " id ="0 "> < div class ="procPagesInnerContentStyle procPagesSectionActive pagesVisOn ">
124+ < div class ="procPagesSpacer "> </ div >
125+
126+ < div class ="procPagesAboutMe-topTextStyle ">
127+ < span class ="textBold "> Technical Artist</ span > ; particles, shaders, asset optimization, & pipeline
128+ </ div >
129+ < div class ="procPagesAboutMe-skillListStyle ">
130+ < span class ="ppamSkillListing "> Houdini < span class ="textDrinkMeAlice "> / </ span > VEX</ span >
131+ < span class ="ppamSkillListing "> Maya < span class ="textDrinkMeAlice "> / </ span > MEL</ span >
132+ < span class ="ppamSkillListing "> Unity < span class ="textDrinkMeAlice "> / </ span > C< span class ="textSuper "> #</ span > </ span >
133+ < span class ="ppamSkillListing "> Photoshop</ span >
134+
135+ < span class ="ppamSkillListing "> Python</ span >
136+ < span class ="ppamSkillListing "> PyQT</ span >
137+ < span class ="ppamSkillListing "> GLSL</ span >
138+ < span class ="ppamSkillListing "> JavaScript</ span >
139+ </ div >
140+
141+ < div class ="procPagesAboutMe-subHeaderStyle ">
142+ < span > New York Metropolitan Area</ span >
143+ < span > < a href ="mailto:trancor@metal-asylum.net " alt ="Email me! "> email</ a > </ span >
144+ </ div >
145+
146+ < br > < div class ="ppamHBar "> </ div >
147+
148+ < br >
149+ < br > < div class ="procPagesAboutMe-infoStyle ">
150+ I'm given the title '< span class ="textNudge "> Technical Artist</ span > ' (< span class ="textItalic "> when doing real-time jobs</ span > )
151+ < br > or '< span class ="textNudge "> Technical Director</ span > ' (< span class ="textItalic "> on films</ span > )
152+ < br > or '< span class ="textNudge "> Creative Technologist</ span > ' (< span class ="textItalic "> for immersive</ span > )
153+ < br > It's all the same types of mental challenges though,
154+ < br > Just in different mediums of digital graphics.
155+ </ div >
156+
157+
158+ < br >
159+ < div class ="textItalicBox "> So I says, blue M&M, red M&M, they all wind up the same color in the end.</ div >
160+ < div class ="textDrinkMeAlice innerTextEnd "> - < span class ="textNudge "> Homer Simpson</ span > </ div >
161+
162+ < br >
163+ < div class ="procPagesAboutMe-infoStyle ">
164+ Ya know... I don't really know what I am,
165+ < br > I just know I like figuring out puzzles, and for the life of me, can't seem to stop my fidgety fingers.
166+
167+ < br > < br > Always gotta be tapping away at some code,
168+ < br > or building some diy contraption,
169+ < br > or 3d modeling,
170+ < br > or sewing,
171+ < br > or writing,
172+ < br > or ... well, you get the idea.
173+
174+ < br > < br > An undiagnosed something-or-another,
175+ < br > Who spawned-in with the energy befitting a gift from the mythical Red Bull itself!
176+ < br >
177+ < br >
178+ </ div >
179+ </ div > </ div > </ div > </ div > < div class ="procPagesInnerAfterBase procPagesInnerAfter "> </ div > </ div > </ div >
180+ </ div >
181+
182+ <!-- -- -- -- -->
183+
184+ < div class ="footerBarParent ">
185+ < div id ="footerBar " pages-default-class ="defaultPage_footerBar " class ="footerBar aboutMePage_footerBar ">
186+ < div class ="leftFooter versionStyle ">
187+ < a href ="https://github.com/ProcStack/pxlNav " target ="_blank "> [: pxlNav < span class ="pxlNavVersion " versionadded ="v0.0.28-dev "> v0.0.28-dev</ span > :]</ a >
188+ </ div >
189+ < div >
190+ </ div >
191+ < div class ="rightFooter ">
192+ < a href ="https://github.com/ProcStack " target ="_blank "> ProcStack</ a > / < a href ="https://www.youtube.com/@trancorwd " target ="_blank "> Trancor</ a > / < a href ="mailto:trancor@metal-asylum.net " target ="_blank "> Kevin Edzenga</ a > < span class ="squashInLowRes "> ; 2025</ span >
193+ </ div >
194+ </ div >
195+ </ div >
196+ </ div >
197+ </ div >
198+
199+ < canvas id ="pxlNav-coreCanvas " height ="600 " width ="800 " class ="pxlNav-coreCanvasStyle " data-engine ="three.js r171 " style ="width: 800px; height: 600px; "> </ canvas >
200+
201+ < script type ="module " id ="pxlNavModule " src ="https://procstack.github.io/js/ProckStackGitio.js?v=2025-02-08 "> </ script >
202+
203+
204+
205+
206+ < div class ="guiWindowBackground fader visOff " style ="display: none; "> </ div > </ body > </ html >
0 commit comments