Skip to content

Commit 4971d05

Browse files
committed
Added drag and zoom to Images
To test on mobile, working on PC, good for getting a better view of image media
1 parent b4087e7 commit 4971d05

37 files changed

Lines changed: 326 additions & 140 deletions

docs/AIDev.htm

Lines changed: 1 addition & 1 deletion
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 procPagesPlacementTripleStyle aiDevPageStyle pagesFader pagesVisOn"><div class="procPagesInnerBeforeBase procPagesInnerBefore"></div><div class="procPagesInnerStyle procPagesParentStyle procPagesLayoutTripleStyle aiDevPageParentStyle" id="pxlPage_AIDev"><div class="procPageHeader procPagesHeaderStyle">AI Development</div><div class="procPagesHeaderLine aiDevPage-headerLine"></div><nav role="navigation" aria-label="Page sections" class="procPageSectionList aiDevPage-sectionNavListStyle"><div class="procPagesNavSectionStyle procPagesButtonStyle procPagesSectionNavColor aiDevPage-sectionNavButtonStyle procPagesNavActive aiDevPage-sectionNavButtonActiveStyle" role="button" tabindex="0" aria-label="Navigate to My Introduction section">My Introduction</div><div style="height: 3px;"></div><div class="procPagesNavSectionStyle procPagesButtonStyle procPagesSectionNavColor aiDevPage-sectionNavButtonStyle" role="button" tabindex="0" aria-label="Navigate to ESRGAN Upresser section">ESRGAN Upresser</div><div class="procPagesNavSectionStyle procPagesButtonStyle procPagesSectionNavColor aiDevPage-sectionNavButtonStyle" role="button" tabindex="0" aria-label="Navigate to ESN Motion Prediction section">ESN Motion Prediction</div><div class="procPagesNavSectionStyle procPagesButtonStyle procPagesSectionNavColor aiDevPage-sectionNavButtonStyle" role="button" tabindex="0" aria-label="Navigate to GNN Exploration section">GNN Exploration</div><div style="height: 10px;"></div><div class="procPagesNavSectionStyle procPagesButtonStyle procPagesSectionNavColor aiDevPage-sectionNavButtonStyle" role="button" tabindex="0" aria-label="Navigate to Notes &amp; Research section">Notes &amp; Research</div></nav><section class="procPageMediaView aiDevPageScrollbarStyle" role="region" aria-label="Media gallery for AIDev page sections" aria-describedby="Dynamic media content that changes based on selected section" style="align-items: center; height: auto;"><div class="procPagesMediaListStyle procPagesSectionActive pagesVisOn"><iframe src="https://www.youtube-nocookie.com/embed/XJu-UJrI6yk" title="Useful AI for Visual Graphics" frameborder="0" allow="encrypted-media; picture-in-picture" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen="true" class="procPagesMediaStyle procPagesLimitWidthStyle"></iframe></div></section><section class="procPageContentView aiDevPageScrollbarStyle" role="main" aria-label="Primary content area for AIDev page" aria-describedby="Main content that updates dynamically based on selected section navigation"><div class="procPageSectionContentStyle pagesVisOn procPagesSectionActive" id="0"><div class="procPagesInnerContentStyle procPagesSectionActive pagesVisOn">
140+
<div id="pxlPagesContentParent" class="pxlPagesContentParentStyle"><div class="gpcpVisibleStyle procPagesContentStyle procPagesPlacementTripleStyle aiDevPageStyle pagesFader pagesVisOn"><div class="procPagesInnerBeforeBase procPagesInnerBefore"></div><div class="procPagesInnerStyle procPagesParentStyle procPagesLayoutTripleStyle aiDevPageParentStyle" id="pxlPage_AIDev"><div class="procPageHeader procPagesHeaderStyle">AI Development</div><div class="procPagesHeaderLine aiDevPage-headerLine"></div><nav role="navigation" aria-label="Page sections" class="procPageSectionList aiDevPage-sectionNavListStyle"><div class="procPagesNavSectionStyle procPagesButtonStyle procPagesSectionNavColor aiDevPage-sectionNavButtonStyle procPagesNavActive aiDevPage-sectionNavButtonActiveStyle" role="button" tabindex="0" aria-label="Navigate to My Introduction section">My Introduction</div><div style="height: 3px; user-select: none;"></div><div class="procPagesNavSectionStyle procPagesButtonStyle procPagesSectionNavColor aiDevPage-sectionNavButtonStyle" role="button" tabindex="0" aria-label="Navigate to ESRGAN Upresser section">ESRGAN Upresser</div><div class="procPagesNavSectionStyle procPagesButtonStyle procPagesSectionNavColor aiDevPage-sectionNavButtonStyle" role="button" tabindex="0" aria-label="Navigate to ESN Motion Prediction section">ESN Motion Prediction</div><div class="procPagesNavSectionStyle procPagesButtonStyle procPagesSectionNavColor aiDevPage-sectionNavButtonStyle" role="button" tabindex="0" aria-label="Navigate to GNN Exploration section">GNN Exploration</div><div style="height: 10px; user-select: none;"></div><div class="procPagesNavSectionStyle procPagesButtonStyle procPagesSectionNavColor aiDevPage-sectionNavButtonStyle" role="button" tabindex="0" aria-label="Navigate to Notes &amp; Research section">Notes &amp; Research</div></nav><section class="procPageMediaView aiDevPageScrollbarStyle" role="region" aria-label="Media gallery for AIDev page sections" aria-describedby="Dynamic media content that changes based on selected section" style="align-items: center; height: auto;"><div class="procPagesMediaListStyle procPagesSectionActive pagesVisOn"><iframe src="https://www.youtube-nocookie.com/embed/XJu-UJrI6yk" title="Useful AI for Visual Graphics" frameborder="0" allow="encrypted-media; picture-in-picture" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen="true" class="procPagesMediaStyle procPagesLimitWidthStyle"></iframe></div></section><section class="procPageContentView aiDevPageScrollbarStyle" role="main" aria-label="Primary content area for AIDev page" aria-describedby="Main content that updates dynamically based on selected section navigation"><div class="procPageSectionContentStyle pagesVisOn procPagesSectionActive" id="0"><div class="procPagesInnerContentStyle procPagesSectionActive pagesVisOn">
141141
<div class="textSpacer"></div>
142142
<div class="procPagesAboutMe-infoStyle">
143143
<br>I started my dive into AI in 2008 writing a Boid / Crowd system for my thesis while in art college, School of Visual Arts.

docs/AIDev/aiIntro.htm

Lines changed: 1 addition & 1 deletion
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 procPagesPlacementTripleStyle aiDevPageStyle pagesFader pagesVisOn"><div class="procPagesInnerBeforeBase procPagesInnerBefore"></div><div class="procPagesInnerStyle procPagesParentStyle procPagesLayoutTripleStyle aiDevPageParentStyle" id="pxlPage_AIDev"><div class="procPageHeader procPagesHeaderStyle">AI Development</div><div class="procPagesHeaderLine aiDevPage-headerLine"></div><nav role="navigation" aria-label="Page sections" class="procPageSectionList aiDevPage-sectionNavListStyle"><div class="procPagesNavSectionStyle procPagesButtonStyle procPagesSectionNavColor aiDevPage-sectionNavButtonStyle procPagesNavActive aiDevPage-sectionNavButtonActiveStyle" role="button" tabindex="0" aria-label="Navigate to My Introduction section">My Introduction</div><div style="height: 3px;"></div><div class="procPagesNavSectionStyle procPagesButtonStyle procPagesSectionNavColor aiDevPage-sectionNavButtonStyle" role="button" tabindex="0" aria-label="Navigate to ESRGAN Upresser section">ESRGAN Upresser</div><div class="procPagesNavSectionStyle procPagesButtonStyle procPagesSectionNavColor aiDevPage-sectionNavButtonStyle" role="button" tabindex="0" aria-label="Navigate to ESN Motion Prediction section">ESN Motion Prediction</div><div class="procPagesNavSectionStyle procPagesButtonStyle procPagesSectionNavColor aiDevPage-sectionNavButtonStyle" role="button" tabindex="0" aria-label="Navigate to GNN Exploration section">GNN Exploration</div><div style="height: 10px;"></div><div class="procPagesNavSectionStyle procPagesButtonStyle procPagesSectionNavColor aiDevPage-sectionNavButtonStyle" role="button" tabindex="0" aria-label="Navigate to Notes &amp; Research section">Notes &amp; Research</div></nav><section class="procPageMediaView aiDevPageScrollbarStyle" role="region" aria-label="Media gallery for AIDev page sections" aria-describedby="Dynamic media content that changes based on selected section" style="align-items: center; height: auto;"><div class="procPagesMediaListStyle procPagesSectionActive pagesVisOn"><iframe src="https://www.youtube-nocookie.com/embed/XJu-UJrI6yk" title="Useful AI for Visual Graphics" frameborder="0" allow="encrypted-media; picture-in-picture" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen="true" class="procPagesMediaStyle procPagesLimitWidthStyle"></iframe></div></section><section class="procPageContentView aiDevPageScrollbarStyle" role="main" aria-label="Primary content area for AIDev page" aria-describedby="Main content that updates dynamically based on selected section navigation"><div class="procPageSectionContentStyle procPagesSectionActive pagesVisOn" id="0"><div class="procPagesInnerContentStyle procPagesSectionActive pagesVisOn">
140+
<div id="pxlPagesContentParent" class="pxlPagesContentParentStyle"><div class="gpcpVisibleStyle procPagesContentStyle procPagesPlacementTripleStyle aiDevPageStyle pagesFader pagesVisOn"><div class="procPagesInnerBeforeBase procPagesInnerBefore"></div><div class="procPagesInnerStyle procPagesParentStyle procPagesLayoutTripleStyle aiDevPageParentStyle" id="pxlPage_AIDev"><div class="procPageHeader procPagesHeaderStyle">AI Development</div><div class="procPagesHeaderLine aiDevPage-headerLine"></div><nav role="navigation" aria-label="Page sections" class="procPageSectionList aiDevPage-sectionNavListStyle"><div class="procPagesNavSectionStyle procPagesButtonStyle procPagesSectionNavColor aiDevPage-sectionNavButtonStyle procPagesNavActive aiDevPage-sectionNavButtonActiveStyle" role="button" tabindex="0" aria-label="Navigate to My Introduction section">My Introduction</div><div style="height: 3px; user-select: none;"></div><div class="procPagesNavSectionStyle procPagesButtonStyle procPagesSectionNavColor aiDevPage-sectionNavButtonStyle" role="button" tabindex="0" aria-label="Navigate to ESRGAN Upresser section">ESRGAN Upresser</div><div class="procPagesNavSectionStyle procPagesButtonStyle procPagesSectionNavColor aiDevPage-sectionNavButtonStyle" role="button" tabindex="0" aria-label="Navigate to ESN Motion Prediction section">ESN Motion Prediction</div><div class="procPagesNavSectionStyle procPagesButtonStyle procPagesSectionNavColor aiDevPage-sectionNavButtonStyle" role="button" tabindex="0" aria-label="Navigate to GNN Exploration section">GNN Exploration</div><div style="height: 10px; user-select: none;"></div><div class="procPagesNavSectionStyle procPagesButtonStyle procPagesSectionNavColor aiDevPage-sectionNavButtonStyle" role="button" tabindex="0" aria-label="Navigate to Notes &amp; Research section">Notes &amp; Research</div></nav><section class="procPageMediaView aiDevPageScrollbarStyle" role="region" aria-label="Media gallery for AIDev page sections" aria-describedby="Dynamic media content that changes based on selected section" style="align-items: center; height: auto;"><div class="procPagesMediaListStyle procPagesSectionActive pagesVisOn"><iframe src="https://www.youtube-nocookie.com/embed/XJu-UJrI6yk" title="Useful AI for Visual Graphics" frameborder="0" allow="encrypted-media; picture-in-picture" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen="true" class="procPagesMediaStyle procPagesLimitWidthStyle"></iframe></div></section><section class="procPageContentView aiDevPageScrollbarStyle" role="main" aria-label="Primary content area for AIDev page" aria-describedby="Main content that updates dynamically based on selected section navigation"><div class="procPageSectionContentStyle procPagesSectionActive pagesVisOn" id="0"><div class="procPagesInnerContentStyle procPagesSectionActive pagesVisOn">
141141
<div class="textSpacer"></div>
142142
<div class="procPagesAboutMe-infoStyle">
143143
<br>I started my dive into AI in 2008 writing a Boid / Crowd system for my thesis while in art college, School of Visual Arts.

docs/AIDev/aiNotes.htm

Lines changed: 1 addition & 1 deletion
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 procPagesPlacementTripleStyle aiDevPageStyle pagesFader pagesVisOn"><div class="procPagesInnerBeforeBase procPagesInnerBefore"></div><div class="procPagesInnerStyle procPagesParentStyle procPagesLayoutTripleStyle aiDevPageParentStyle procPageNoMediaStyle" id="pxlPage_AIDev"><div class="procPageHeader procPagesHeaderStyle">AI Development</div><div class="procPagesHeaderLine aiDevPage-headerLine"></div><nav role="navigation" aria-label="Page sections" class="procPageSectionList aiDevPage-sectionNavListStyle"><div class="procPagesNavSectionStyle procPagesButtonStyle procPagesSectionNavColor aiDevPage-sectionNavButtonStyle" role="button" tabindex="0" aria-label="Navigate to My Introduction section">My Introduction</div><div style="height: 3px;"></div><div class="procPagesNavSectionStyle procPagesButtonStyle procPagesSectionNavColor aiDevPage-sectionNavButtonStyle" role="button" tabindex="0" aria-label="Navigate to ESRGAN Upresser section">ESRGAN Upresser</div><div class="procPagesNavSectionStyle procPagesButtonStyle procPagesSectionNavColor aiDevPage-sectionNavButtonStyle" role="button" tabindex="0" aria-label="Navigate to ESN Motion Prediction section">ESN Motion Prediction</div><div class="procPagesNavSectionStyle procPagesButtonStyle procPagesSectionNavColor aiDevPage-sectionNavButtonStyle" role="button" tabindex="0" aria-label="Navigate to GNN Exploration section">GNN Exploration</div><div style="height: 10px;"></div><div class="procPagesNavSectionStyle procPagesButtonStyle procPagesSectionNavColor aiDevPage-sectionNavButtonStyle procPagesNavActive aiDevPage-sectionNavButtonActiveStyle" role="button" tabindex="0" aria-label="Navigate to Notes &amp; Research section">Notes &amp; Research</div></nav><section class="procPageMediaView aiDevPageScrollbarStyle" role="region" aria-label="Media gallery for AIDev page sections" aria-describedby="Dynamic media content that changes based on selected section" style="align-items: center; display: none;"><div class="procPagesMediaListStyle pagesVisOff"><iframe src="https://www.youtube-nocookie.com/embed/XJu-UJrI6yk" title="Useful AI for Visual Graphics" frameborder="0" allow="encrypted-media; picture-in-picture" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen="true" class="procPagesMediaStyle procPagesLimitWidthStyle"></iframe></div></section><section class="procPageContentView aiDevPageScrollbarStyle" role="main" aria-label="Primary content area for AIDev 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 procPagesPlacementTripleStyle aiDevPageStyle pagesFader pagesVisOn"><div class="procPagesInnerBeforeBase procPagesInnerBefore"></div><div class="procPagesInnerStyle procPagesParentStyle procPagesLayoutTripleStyle aiDevPageParentStyle procPageNoMediaStyle" id="pxlPage_AIDev"><div class="procPageHeader procPagesHeaderStyle">AI Development</div><div class="procPagesHeaderLine aiDevPage-headerLine"></div><nav role="navigation" aria-label="Page sections" class="procPageSectionList aiDevPage-sectionNavListStyle"><div class="procPagesNavSectionStyle procPagesButtonStyle procPagesSectionNavColor aiDevPage-sectionNavButtonStyle" role="button" tabindex="0" aria-label="Navigate to My Introduction section">My Introduction</div><div style="height: 3px; user-select: none;"></div><div class="procPagesNavSectionStyle procPagesButtonStyle procPagesSectionNavColor aiDevPage-sectionNavButtonStyle" role="button" tabindex="0" aria-label="Navigate to ESRGAN Upresser section">ESRGAN Upresser</div><div class="procPagesNavSectionStyle procPagesButtonStyle procPagesSectionNavColor aiDevPage-sectionNavButtonStyle" role="button" tabindex="0" aria-label="Navigate to ESN Motion Prediction section">ESN Motion Prediction</div><div class="procPagesNavSectionStyle procPagesButtonStyle procPagesSectionNavColor aiDevPage-sectionNavButtonStyle" role="button" tabindex="0" aria-label="Navigate to GNN Exploration section">GNN Exploration</div><div style="height: 10px; user-select: none;"></div><div class="procPagesNavSectionStyle procPagesButtonStyle procPagesSectionNavColor aiDevPage-sectionNavButtonStyle procPagesNavActive aiDevPage-sectionNavButtonActiveStyle" role="button" tabindex="0" aria-label="Navigate to Notes &amp; Research section">Notes &amp; Research</div></nav><section class="procPageMediaView aiDevPageScrollbarStyle" role="region" aria-label="Media gallery for AIDev page sections" aria-describedby="Dynamic media content that changes based on selected section" style="align-items: center; display: none;"><div class="procPagesMediaListStyle pagesVisOff"><iframe src="https://www.youtube-nocookie.com/embed/XJu-UJrI6yk" title="Useful AI for Visual Graphics" frameborder="0" allow="encrypted-media; picture-in-picture" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen="true" class="procPagesMediaStyle procPagesLimitWidthStyle"></iframe></div></section><section class="procPageContentView aiDevPageScrollbarStyle" role="main" aria-label="Primary content area for AIDev 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
<div class="procPagesAboutMe-infoStyle">
143143
<br>I started my dive into AI in 2008 writing a Boid / Crowd system for my thesis while in art college, School of Visual Arts.

0 commit comments

Comments
 (0)