AI Dev Formatting & pxlCam media added

Author: ProcStack

docs/index.htm

@@ -22,7 +22,7 @@
   <meta name="robots" content="index, follow">
   <meta name="revisit-after" content="14 days">
   <meta name="fragment" content="!">
-  <link rel="canonical" href="https://procstack.github.io/" id="canonicalLink">
+  <link rel="canonical" href="https://procstack.github.io/Init.htm" id="canonicalLink">
 
   <meta name="description" content="ProcStack's GitHub Portfolio">
   <meta name="keywords" content="ProcStack, Kevin Edzenga, Trancor, Technical Artist, Technical Director, Creative Technologist, 3d modeling, 3d rendering, texturing, shading, scripting, 3d programming, graphics developer, 3d development, 3d art, 3d graphics, visual effects">
@@ -86,10 +86,10 @@
                 <div id="procPagesNav" class="procPagesNavStyle">
                   <a href="Init.htm" class="pageLinkStyle" pxlRoomName="CampfireEnvironment" pxlCameraView="init" page-name="Init" alt="Link to Init...">Init.</a>
                   <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>
-                  <a href="MakingOf.htm" class="pageLinkStyle" pxlRoomName="CampfireEnvironment" pxlCameraView="makingOf" page-name="MakingOf" alt="The gears & servos">Making<span class="squashInLowRes"> Of</span>...</a>
-                  <a href="ProjectsLinks.htm" class="pageLinkStyle" pxlRoomName="SaltFlatsEnvironment" pxlCameraView="default" page-name="ProjectsLinks" alt="Real world projects"><span class="squashInLowRes">Repos /&nbsp;</span>Projects</a>
+                  <a href="MakingOf.htm" class="pageLinkStyle" pxlRoomName="CampfireEnvironment" pxlCameraView="makingOf" page-name="MakingOf" alt="The gears & servos">Making<span class="procPagesHideWhenThin"> Of</span>...</a>
+                  <a href="ProjectsLinks.htm" class="pageLinkStyle" pxlRoomName="SaltFlatsEnvironment" pxlCameraView="default" page-name="ProjectsLinks" alt="Real world projects"><span class="procPagesHideWhenThin">Repos /&nbsp;</span>Projects</a>
                   <a href="Blog.htm" class="pageLinkStyle" pxlRoomName="CampfireEnvironment" pxlCameraView="default" page-name="Blog" alt="My ramblings...">Blog</a>
-                  <a href="AboutMe.htm" class="pageLinkStyle" pxlRoomName="CampfireEnvironment" pxlCameraView="aboutMe" page-name="AboutMe" alt="It's ah me! Marrr.... yeah"><span class="squashInLowRes">About&nbsp;</span>Me</a>
+                  <a href="AboutMe.htm" class="pageLinkStyle" pxlRoomName="CampfireEnvironment" pxlCameraView="aboutMe" page-name="AboutMe" alt="It's ah me! Marrr.... yeah"><span class="procPagesHideWhenThin">About&nbsp;</span>Me</a>
                   <span id="procPagesToggleDOM" class="procPagesToggleDOMStyle">
                     <a class="pageLinkStyle" pageEvent="ToggleDOM" pageValue=1 alt="Toggle the website contents">§</a>
                     <a class="pageLinkStyle" pageEvent="ToggleDOM" pageValue=0 alt="Toggle the website contents">¤</a>

docs/js/pxlPages/ProcPageManager.js

@@ -692,7 +692,7 @@ export class ProcPageManager {
 
 
   onResize(){
-    this.checkNavBarSize();
+    //this.checkNavBarSize();
   }
 
   // TODO : So, my dingus of a butt has realized how much access `calc()` in css now has.

docs/pages/aboutMe/aidev.js

@@ -55,21 +55,24 @@ export const pageListingData = {
       <br>I starting my dive into AI in 2008 writing a Boid / Crowds system for my thesis in art college.
       <br>&nbsp;&nbsp; An insane Mel script particle expression + 3d animation cycles in Maya haha.
       <br>Then did Boid movement, navigation, & obstacle detection in animated films for 5 years, using Houdini.
-      <div class='procPagesAboutMeSpacer'></div>
-      <br>In 2015 I decided I'd make my own machine learning AI crammed into a Jetson TK1 by the end of 2026.
-      <br>&nbsp;&nbsp; Which evolved into a deep learning AI crammed into, likely, a Jetson Nano.
-      <br>See if I can make something that can learn without being connected to the internet.
       <br>
       <br>Then dove into Style-Transfer AI & Long Short-Term Memory (LSTM) training in 2019-2020,
       <br>&nbsp;&nbsp; But been developing different multi-media AI structures since then.
+      
+      <br>
+      <br><div class='procPagesAboutMeBar'></div>
 
+      <br>In 2015 I decided I'd make my own machine learning AI crammed into a Jetson TK1 by the end of 2026.
+      <br>&nbsp;&nbsp; Which evolved into a deep learning AI crammed into, likely, a Jetson Nano.
+      <br>See if I can make something that can learn without being connected to the internet.
       <br>
+
       <br><span class="innerCenter">
         You could guess,
         <br>All the recent AI stuff has been quite serendipitous for my creations!
       </span>
 
-      <br><div class='procPagesAboutMeBar'></div>
+      <div class='procPagesAboutMeSpacer'></div>
       
       <br>For my 2026 goal, I've been exploring <span class="textNudge">Graph Attention Network</span> (<span class="textNudge">GAT</span>) artificial intelligence.
       <br>&nbsp;&nbsp; This is a type of neural network that considers the relationships between data points.
@@ -79,6 +82,7 @@ export const pageListingData = {
       <br>These days, the common path for <span class="textNudge">Artificial General Intelligence</span> (<span class="textNudge">AGI</span>) has been through Transformer Networks,
       &nbsp;which is a type of <span class="textNudge">Recurrent Neural Network</span> (<span class="textNudge">RNN</span>)
       <br>&nbsp;&nbsp; With a lot of added specialized layers to handle different types of data / media.
+      <br>
       <br>I honestly believe GATs can be used for AGI, but I'm biased.
       <br>&nbsp;&nbsp; Since Boids operate like a GAT's Graph Nodes, but with easier gradient descent when sampling sparse fields.
       
@@ -92,8 +96,10 @@ export const pageListingData = {
 
       <br>I've been working on a general-purpose neuron that adjusts its own connections during prediction;
       <br>&nbsp;&nbsp; So the same system could learn my voice on the fly, as well as sensor signals connected to the Jetson computer.
+      <br>
       <br>Since it's the Structure in a GAT that causes regions of neural activation based on stimuli, like the Butterfly Effect echoing through nature.
       <br>&nbsp;&nbsp; It forms a result <span class="textDrinkMeAlice">(prediction)</span> after subsiquent activations, as-though compounding ripples in a pond.
+      <br>
       <br>That structure can be saved out as a model,
       <br>&nbsp;&nbsp; But it's not a 'model' in the traditional sense of tensor weights & biases.
       <br>&nbsp;&nbsp;&nbsp;&nbsp; How I'm devloping it, at least.
@@ -107,7 +113,8 @@ export const pageListingData = {
       <br>&nbsp;&nbsp; With that general-purpose neuron, I can provide text, images, audio histograms, etc. to the network.
       &nbsp; It'll then create connections from initial data points, sample the differences, then pass the 'prediction' forward and 'back' in the chain, and adjust the connections based on their revisit to the same data in the current 'prediction'.
       <br>&nbsp;&nbsp; Relying on localized regions of sub-networks to recurrently process the data
-      <br>Self-taught descrimination of attention between neurons;
+      <br>
+      <br>It should be self-taught descrimination of attention between neurons;
       <br>&nbsp;&nbsp; Like in the human brain.
       <br><div class="textSkew">&nbsp;&nbsp;&nbsp;&nbsp; (When the purple circles go red in the GAT video above)</div>
       
@@ -132,7 +139,7 @@ export const pageListingData = {
         So I'm just learnin' while watching my ai learnin'!
         <div class='procPagesAboutMeSpacer'></div>
         
-        <br>I had the "reservoir" set to 15 times steps, you'll notice about every 15 frames the brain shifts.
+        <br>In the videos, I had the "reservoir" set to 15 times steps, you'll notice about every 15 frames the brain shifts.
         <br>By frame ~45, it's learned some patterns
         <br>The brain seems to completely melt at ~75 & rebuild itself by ~95. 
         

docs/pages/projects/images/pxlCam_empireStateBuilding.jpg

@@ -9,6 +9,12 @@ export const pageListingData = {
       'alt' : 'Trippy tree stump',
       'style' : 'procPagesImageStyle'
     },
+    {
+      'type' : 'image',
+      'src' : '../pages/projects/images/pxlCam_trainTracks.jpg',
+      'alt' : 'Train track edges',
+      'style' : 'procPagesImageStyle'
+    },
     {
       'type' : 'image',
       'src' : '../pages/projects/images/pxlCam_fungi.jpg',
@@ -21,6 +27,12 @@ export const pageListingData = {
       'alt' : 'Funky tree bark',
       'style' : 'procPagesImageStyle'
     },
+    {
+      'type' : 'image',
+      'src' : '../pages/projects/images/pxlCam_empireStateBuilding.jpg',
+      'alt' : 'Tweaked Empire State Building',
+      'style' : 'procPagesImageStyle'
+    },
   ],
   'content' : `
       <div class="procPagesProjectsHeaderStyle"><a href='https://pxlmancer.com/gl/pxlCam' class="textBump" target='_blank'>pxlCam</a></div>

docs/pages/projects/images/pxlCam_trainTracks.jpg

@@ -133,7 +133,7 @@ left: calc(max(3.5vw, 50vw - 765px));
 /* -- -- -- */
 
 .procPagesNavStyle {
-  width: 60vw;
+  width: 100vw;
   max-width: 950px;
   display: flex;
   flex-wrap: wrap;