Pages auto published, roll back

Moving future changes to Dev branch

Author: ProcStack

docs/index.htm

@@ -22,7 +22,7 @@
 <!-- -- -- -- -->
 
 <link type="text/css" rel="stylesheet" href="style/ProcStackStyle.css">
-<link type="text/css" rel="stylesheet" href="style/pxlNavStyle.css">
+<link type="text/css" rel="stylesheet" href="style/pxlNavStyle.min.css">
 
 
 <!-- -- -- -- -->

docs/js/BlogManager.js

@@ -1 +1,71 @@
-import{blogEntries}from"./blog/blogEntries.js";export class BlogManager{constructor(t,e){this.listParent=t,this.contentParent=e,this.blogEntries=[],this.currentEntry=null}init(){let t=Object.keys(blogEntries);for(let e=0;e<t.length;e++)this.blogEntries.push(blogEntries[t[e]])}setListParent(t){this.listParent=t}setContentParent(t){this.contentParent=t}addBlogEntry(t,e,n,s){let i=new blogEntries(this.parent,t,e,n,s);this.blogEntries.push(i)}build(t=null){let e=t;if(null==e){if(null==this.contentParent)return void console.error("No Parent Object set");e=this.contentParent}for(let t=0;t<this.blogEntries.length;t++){this.blogEntries[t].setId(t),this.blogEntries[t].build(e),this.blogEntries[t].hide();let n=this.blogEntries[t].title+" :: "+this.blogEntries[t].date;this.addListing(n,t)}}addListing(t,e){let n=document.createElement("button");n.textContent=t,n.classList.add("blogEntryListingStyle"),n.addEventListener("click",(()=>{this.showEntry(e)})),this.listParent.appendChild(n)}showEntry(t){(-1==t||t>=this.blogEntries.length)&&(t=this.blogEntries.length-1),null!=this.currentEntry&&this.currentEntry.hide(),this.currentEntry=this.blogEntries[t],this.currentEntry.show()}}
+// Simple blog manager for my procstack blog
+
+
+import { blogEntries } from './blog/blogEntries.js';
+
+export class BlogManager {
+  constructor( listParent, contentParent ){
+    this.listParent = listParent;
+    this.contentParent = contentParent;
+    this.blogEntries = [];
+    this.currentEntry = null;
+  }
+  init(){
+    let blogEntryKeys = Object.keys(blogEntries);
+    for( let i = 0; i < blogEntryKeys.length; i++ ){
+      this.blogEntries.push(  blogEntries[blogEntryKeys[i]] );
+    }
+  }
+  setListParent( listParent ){
+    this.listParent = listParent;
+  }
+  setContentParent( contentParent ){
+    this.contentParent = contentParent;
+  }
+  addBlogEntry( title, date, tags, body ){
+    let blogEntry = new blogEntries( this.parent, title, date, tags, body );
+    this.blogEntries.push( blogEntry );
+  }
+  build( parent=null ){
+    let parentObj = parent;
+    if( parentObj == null ){
+      if( this.contentParent == null ){
+        console.error('No Parent Object set');
+        return;
+      }
+      parentObj = this.contentParent;
+    }
+
+    for( let i = 0; i < this.blogEntries.length; i++ ){
+      // Content Prep
+      this.blogEntries[i].setId( i );
+      this.blogEntries[i].build( parentObj );
+      this.blogEntries[i].hide();
+
+      // Listing Prep
+      let curEntryName = this.blogEntries[i].title + ' :: ' + this.blogEntries[i].date;
+      this.addListing( curEntryName, i );
+    }
+  }
+
+  addListing( name, index ){
+    let entry = document.createElement('button');
+    entry.textContent = name;
+    entry.classList.add('blogEntryListingStyle');
+    entry.addEventListener('click', () => {
+      this.showEntry( index );
+    });
+    this.listParent.appendChild(entry);
+  }
+
+  showEntry( index ){
+    if( index == -1 || index >= this.blogEntries.length){
+      index = this.blogEntries.length - 1;
+    }
+    if( this.currentEntry != null ){
+      this.currentEntry.hide();
+    }
+    this.currentEntry = this.blogEntries[index];
+    this.currentEntry.show();
+  }
+}

docs/js/ProcPages.js

@@ -9,7 +9,7 @@
 //   For `pxlNav` scripting, the entry-point is `./Source/js/pxlNavCore.js`
 //
 
-import { pxlNav, pxlNavVersion, pxlEnums, PXLNAV_OPTIONS } from './pxlNav.esm.js';
+import { pxlNav, pxlNavVersion, pxlEnums, PXLNAV_OPTIONS } from './pxlNav.min.js';
 import { ProcPages } from './ProcPages.js';
 import { BlogManager } from './BlogManager.js';
 

docs/js/ProckStackGitio.js

@@ -1 +1,58 @@
-import{blogEntry}from"./blogEntryBase.js";let entryTitle="Site Progress",entryDate="2024-12-07",entryTags=["pxlNav","procstack","github","github.io","javascript","decemeber","2024"],entryBody='\nGettin this site online!\n<br>\n<br>It\'s been quite a bit of work, spread over a longer span of time than I was hoping.\n<br>&nbsp;&nbsp; But it\'s finally coming together nicely!\n\n<div class="blogSpacer"></div>\n\nIt\'s been oddly enjoyable getting <span class="textNudge">pxlNav</span> refactored and accessible from outside of the module.\n<br>Cutting out nearly 7000 lines of code, \n<br>Comments always the bane of my existence,\n<br>&nbsp;&nbsp; But they seem to fill out in time.\n\n<div class="blogSpacer"></div>\n\nCurrently general ambiance is my focus.\n<br>Things in 3d like to be dark when you introduce the idea of a "light" to them\n<br>&nbsp;&nbsp; So making sure shaders are matching textures and lighting takes some time.\n<br>\n<br>Then mix in modeling, rigging, texturing, animating, and scripting the rest of the site.\n<br>&nbsp;&nbsp; Since <span class="textNudge">pxlNav</span> is just what handles Three.js.\n<br>\n<br>All I can say is having drive for a passion project helps build your skills.\n<br>&nbsp;&nbsp; Get\'s you looking for more outlets to share your work.\n<br>&nbsp;&nbsp;&nbsp;&nbsp; And you end up finding other projects people have made that inspire you.\n<br>\n<br>So here\'s to future projects and sharing creativity with others!\n\n<div class="blogSpacer"></div>\n\nI just got the camera location warping working from outside of pxlNav.\n<br>Trigger a camera warp from a button press using a flag on your tag.\n<br>\n<br>This brought me to add optional camera positions in your 3d cgi program of choice.\n<br>Add a new group under your Camera_grp in your scene,\n<br>&nbsp;&nbsp; Just add a Position and lookAt locator/null/empty object in that group,\n<br>&nbsp;&nbsp;&nbsp;&nbsp; Then add a "pxlRoomName" & "pxlCameraView" tag to your link on your site.\n<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "pxlRoomName" is your \'pxlRoom\' name,\n<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "pxlCameraView" is your group name under \'Camera_grp\'.\n<br>&nbsp;&nbsp; Click your link and watch pxlNav warp your camera to that position!\n<br>\n<br>Only problem right now is the warping effect isn\'t running.\n<br>&nbsp;&nbsp; I\'m likely just not enabling the post-process layer for the effect.\n<br>&nbsp;&nbsp;&nbsp;&nbsp; pxlCamera has been reworked a bit up to this point,\n<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; More testing is required.\n<br>\n<br>&nbsp; -Kevin Edzenga\n';const blogEntryObj=new blogEntry(null,entryTitle,entryDate,entryTags,entryBody);export{blogEntryObj};
+import { blogEntry } from './blogEntryBase.js';
+
+let entryTitle = "Site Progress";
+let entryDate = "2024-12-07";
+let entryTags = ["pxlNav", "procstack", "github", "github.io", "javascript", "decemeber", "2024"];
+let entryBody = `
+Gettin this site online!
+<br>
+<br>It's been quite a bit of work, spread over a longer span of time than I was hoping.
+<br>&nbsp;&nbsp; But it's finally coming together nicely!
+
+<div class="blogSpacer"></div>
+
+It's been oddly enjoyable getting <span class="textNudge">pxlNav</span> refactored and accessible from outside of the module.
+<br>Cutting out nearly 7000 lines of code, 
+<br>Comments always the bane of my existence,
+<br>&nbsp;&nbsp; But they seem to fill out in time.
+
+<div class="blogSpacer"></div>
+
+Currently general ambiance is my focus.
+<br>Things in 3d like to be dark when you introduce the idea of a "light" to them
+<br>&nbsp;&nbsp; So making sure shaders are matching textures and lighting takes some time.
+<br>
+<br>Then mix in modeling, rigging, texturing, animating, and scripting the rest of the site.
+<br>&nbsp;&nbsp; Since <span class="textNudge">pxlNav</span> is just what handles Three.js.
+<br>
+<br>All I can say is having drive for a passion project helps build your skills.
+<br>&nbsp;&nbsp; Get's you looking for more outlets to share your work.
+<br>&nbsp;&nbsp;&nbsp;&nbsp; And you end up finding other projects people have made that inspire you.
+<br>
+<br>So here's to future projects and sharing creativity with others!
+
+<div class="blogSpacer"></div>
+
+I just got the camera location warping working from outside of pxlNav.
+<br>Trigger a camera warp from a button press using a flag on your tag.
+<br>
+<br>This brought me to add optional camera positions in your 3d cgi program of choice.
+<br>Add a new group under your Camera_grp in your scene,
+<br>&nbsp;&nbsp; Just add a Position and lookAt locator/null/empty object in that group,
+<br>&nbsp;&nbsp;&nbsp;&nbsp; Then add a "pxlRoomName" & "pxlCameraView" tag to your link on your site.
+<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "pxlRoomName" is your 'pxlRoom' name,
+<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "pxlCameraView" is your group name under 'Camera_grp'.
+<br>&nbsp;&nbsp; Click your link and watch pxlNav warp your camera to that position!
+<br>
+<br>Only problem right now is the warping effect isn't running.
+<br>&nbsp;&nbsp; I'm likely just not enabling the post-process layer for the effect.
+<br>&nbsp;&nbsp;&nbsp;&nbsp; pxlCamera has been reworked a bit up to this point,
+<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; More testing is required.
+<br>
+<br>&nbsp; -Kevin Edzenga
+`;
+
+
+const blogEntryObj = new blogEntry(null, entryTitle, entryDate, entryTags, entryBody);
+
+export { blogEntryObj };