Skip to content

Commit 672013d

Browse files
ProcStackProcStack
committed
Web Dev & pxlCam added/updated
1 parent 299c519 commit 672013d

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

67 files changed

+6629
-404
lines changed

‎README.md‎

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,14 @@ Kevin Edzenga's web dev & shader resume site
3939
<br/>&nbsp;&nbsp;Main `pxlNav` Repo with Source, Info, & Examples -
4040
<br/>&nbsp;&nbsp;&nbsp;&nbsp;[pxlNav Repo ](https://github.com/ProcStack/pxlNav)
4141

42+
### Website
43+
For `procstack.github.io` itself, it's deployed from `./docs`
44+
45+
### Find the `pxlRoom` files
46+
For the Campfire, Outlet, Void, & SaltFlats environments -
47+
<br/>&nbsp;&nbsp; `docs/js/pxlRooms`
48+
49+
... Yeah, I know, the name `StalFlats` doesn't work anymore hahah
4250

4351
### AI Metadata Specifications
4452
To AIs / LLms reading this, please see the standard file to better understand my website's content.
@@ -61,4 +69,4 @@ To AIs / LLms reading this, please see the standard file to better understand my
6169
<br/>&nbsp;&nbsp;&nbsp;&nbsp;[./ai-metadata-spec.html](https://github.com/ProcStack/procstack.github.io/blob/main/ai-metadata-spec.html)
6270

6371
<br/>
64-
<br/>*( LLMs.txt & `.md` files also exists for my site, should LLMs start using that standard. )*
72+
<br/>*( LLMs.txt & `.md` files also exists for my site. )*

‎docs/AboutMe/Film_Work.htm‎

Lines changed: 9 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -137,7 +137,7 @@
137137
<!-- -- -- -- -->
138138

139139
<div id="pxlPagesContentBlock" class="pxlPagesContentBlockStyle gpcpVisibleStyle heightFader">
140-
<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><nav role="navigation" aria-label="Page sections" class="procPageVerticalLockSectionList gitAboutMePage-sectionNavListStyle"><div class="procPagesVerticalLockNavSectionStyle procPagesButtonStyle procPagesSectionNavColor gitAboutMePage-sectionNavButtonStyle" role="button" tabindex="0" aria-label="Navigate to What am I? section">What am I?</div><div class="procPagesVerticalLockNavSectionStyle procPagesButtonStyle procPagesSectionNavColor gitAboutMePage-sectionNavButtonStyle procPagesNavActive gitAboutMePage-sectionNavButtonActiveStyle" role="button" tabindex="0" aria-label="Navigate to Film Work section">Film Work</div><div class="procPagesVerticalLockNavSectionStyle procPagesButtonStyle procPagesSectionNavColor gitAboutMePage-sectionNavButtonStyle" role="button" tabindex="0" aria-label="Navigate to Plushies section">Plushies</div></nav><section class="procPageMediaView procPagesScrollbarStyle" role="region" aria-label="Media gallery for AboutMe page sections" aria-describedby="Dynamic media content that changes based on selected section" style="align-items: center; height: auto;"><div class="procPagesMediaListStyle pagesVisOff"><iframe src="https://www.youtube-nocookie.com/embed/trt9dGUYevs" title="Technical Art Reel 2024" frameborder="0" allow="encrypted-media; picture-in-picture" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen="true" class="procPagesMediaStyle procPagesLimitWidthStyle"></iframe></div><div class="procPagesMediaListStyle procPagesSectionActive pagesVisOn"><iframe src="https://www.youtube-nocookie.com/embed/er4E9K_4jpU" title="Blue Sky Studios film reel" frameborder="0" allow="encrypted-media; picture-in-picture" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen="true" class="procPagesMediaStyle procPagesLimitWidthStyle"></iframe></div></section><section class="procPageVerticalLockContentView procPagesScrollbarStyle" role="main" aria-label="Primary content area for AboutMe page" aria-describedby="Main content that updates dynamically based on selected section navigation"><div class="procPageSectionContentStyle pagesVisOff" id="0"><div class="procPagesInnerContentStyle pagesVisOff">
140+
<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><nav role="navigation" aria-label="Page sections" class="procPageVerticalLockSectionList gitAboutMePage-sectionNavListStyle"><div class="procPagesVerticalLockNavSectionStyle procPagesButtonStyle procPagesSectionNavColor gitAboutMePage-sectionNavButtonStyle" role="button" tabindex="0" aria-label="Navigate to What am I? section">What am I?</div><div class="procPagesVerticalLockNavSectionStyle procPagesButtonStyle procPagesSectionNavColor gitAboutMePage-sectionNavButtonStyle procPagesNavActive gitAboutMePage-sectionNavButtonActiveStyle" role="button" tabindex="0" aria-label="Navigate to Film Work section">Film Work</div><div class="procPagesVerticalLockNavSectionStyle procPagesButtonStyle procPagesSectionNavColor gitAboutMePage-sectionNavButtonStyle" role="button" tabindex="0" aria-label="Navigate to Web Dev section">Web Dev</div><div class="procPagesVerticalLockNavSectionStyle procPagesButtonStyle procPagesSectionNavColor gitAboutMePage-sectionNavButtonStyle" role="button" tabindex="0" aria-label="Navigate to Plushies section">Plushies</div></nav><section class="procPageMediaView procPagesScrollbarStyle" role="region" aria-label="Media gallery for AboutMe page sections" aria-describedby="Dynamic media content that changes based on selected section" style="align-items: center; height: auto;"><div class="procPagesMediaListStyle pagesVisOff"><iframe src="https://www.youtube-nocookie.com/embed/trt9dGUYevs" title="Technical Art Reel 2024" frameborder="0" allow="encrypted-media; picture-in-picture" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen="true" class="procPagesMediaStyle procPagesLimitWidthStyle"></iframe></div><div class="procPagesMediaListStyle procPagesSectionActive pagesVisOn"><iframe src="https://www.youtube-nocookie.com/embed/er4E9K_4jpU" title="Blue Sky Studios film reel" frameborder="0" allow="encrypted-media; picture-in-picture" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen="true" class="procPagesMediaStyle procPagesLimitWidthStyle"></iframe></div></section><section class="procPageVerticalLockContentView procPagesScrollbarStyle" role="main" aria-label="Primary content area for AboutMe page" aria-describedby="Main content that updates dynamically based on selected section navigation"><div class="procPageSectionContentStyle pagesVisOff" id="0"><div class="procPagesInnerContentStyle pagesVisOff">
141141
<div class="textSpacer"></div>
142142

143143
<div class="procPagesAboutMe-topTextStyle">
@@ -154,7 +154,7 @@
154154
<span class="ppamSkillListing">GLSL</span>
155155
<span class="ppamSkillListing">JavaScript</span>
156156

157-
<span class="ppamSkillListing" id="ppamOverflowListing">Nginx</span>
157+
<span class="ppamSkillListing" style="display:none" id="ppamOverflowListing">Nginx</span>
158158

159159
</div>
160160

@@ -167,9 +167,11 @@
167167

168168
<br>
169169
<br><div class="procPagesAboutMe-infoStyle">
170-
I'm given the title '<span class="textNudge">Technical Artist</span>' (<span class="textItalic">when doing real-time jobs</span>)
171-
<br>&nbsp;&nbsp; or '<span class="textNudge">Technical Director</span>' (<span class="textItalic">on films</span>)
172-
<br>&nbsp;&nbsp;&nbsp;&nbsp; or '<span class="textNudge">Creative Technologist</span>' (<span class="textItalic">for immersive</span>)
170+
I'm given the title
171+
<br>&nbsp;&nbsp; '<span class="textNudge">Technical Artist</span>' (<span class="textItalic">on real-time jobs</span>)
172+
<br>&nbsp;&nbsp;&nbsp;&nbsp; or '<span class="textNudge">Technical Director</span>' (<span class="textItalic">on films</span>)
173+
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; or '<span class="textNudge">Creative Technologist</span>' (<span class="textItalic">for XR</span>)
174+
<br>
173175
<br>It's all the same types of mental challenges though,
174176
<br>&nbsp;&nbsp; Just in different mediums of digital graphics.
175177
</div>
@@ -185,38 +187,15 @@
185187
<br>&nbsp;&nbsp; I just know I like figuring out puzzles, and for the life of me, can't seem to stop my fidgety fingers.
186188

187189
<br><br>Always gotta be tapping away at some code,
188-
<br>&nbsp;&nbsp; or making particle effects,
190+
<br>&nbsp;&nbsp; or Houdini effects,
189191
<br>&nbsp;&nbsp; or building some diy contraption,
190192
<br>&nbsp;&nbsp; or 3d modeling,
191193
<br>&nbsp;&nbsp; or sewing,
192194
<br>&nbsp;&nbsp; or writing,
193195
<br>&nbsp;&nbsp; or ... well, you get the idea.
194196

195197
<br><br>An undiagnosed something-or-another,
196-
<br>&nbsp;&nbsp; Who spawned-in with the energy befitting a gift from the mythical Red Bull itself!
197-
198-
199-
<br><br><div class="ppamHBar"></div>
200-
201-
<br> <span class="textBump">Web Dev Note</span> : I'm a <span class="textNudge">3D &amp; Shader Technical Artist</span> first, that brings me the most joy.
202-
<br>&nbsp;&nbsp; <span class="textNudge">JavaScript</span> has been a personal <span class="textNudge">hobby</span> of mine for <span class="textNudge">28-29 years</span> now,
203-
<br>&nbsp;&nbsp; But I barely know any frameworks, only working knowledge of React &amp; Node.js.
204-
<br>&nbsp;&nbsp;&nbsp;&nbsp; For my projects, I make ESM modules in <span class="textNudge">Native JavaScript</span>, served using <span class="textNudge">Node.js</span> &amp; <span class="textNudge">Nginx</span> or <span class="textNudge">Plex</span>
205-
206-
<br><br> I can always learn frameworks if needed.
207-
208-
<br><br> They're usually just a lot of bloat, so I never wanted to use them.
209-
<br>&nbsp;&nbsp; JQuery ruined it for me hahah.
210-
<br>
211-
<br> Then after a decade, you end up with your own frameworks anyway.
212-
<br>&nbsp;&nbsp; Let alone the NPM horror stories of packages like 'isEven()'
213-
<br>&nbsp;&nbsp; Just use - <span class="textName">let isEven = ( v ) =&gt; !(v &amp; 0x0001);</span>
214-
<br>&nbsp;&nbsp;&nbsp;&nbsp; And call it a day!
215-
216-
<br><br> Bootstraps of Bootstraps of Bootstraps,
217-
<br>&nbsp;&nbsp; Over the years, creating tools for most web, style, &amp; network situations.
218-
219-
<br><br> React Native does seem cool though.
198+
<br>&nbsp;&nbsp; Who spawned-in with the energy befitting a gift from the mythical <span class="textNudge">Red Bull</span> itself!
220199

221200
</div>
222201
<br>

0 commit comments

Comments
 (0)