Updated AI Notes Blog Style for Mobile

Author: ProcStack

docs/AIDev/aiNotes.htm

@@ -203,8 +203,7 @@
       These are my random thoughts or research on AI.
 
       <br>
-      <span class="showOnMobile"><br>Tap the Entry Title above to open the Blog Entry List.
-      <br>Or Tap the Left &amp; Right arrow buttons to change Entry.</span>
+      <span class="showOnMobile"><br>Tap the Entry Title above to open the Blog Entry List.</span>
 
       <br>And no, I'm not using ai to speak for me here.
       <br>These are my thoughts, how ever scattered they may be.

docs/AIDev/aiNotes.htm.md

@@ -3,8 +3,6 @@
 These are my random thoughts or research on AI.
 
 Tap the Entry Title above to open the Blog Entry List.
-      
-Or Tap the Left & Right arrow buttons to change Entry.
 
 And no, I'm not using ai to speak for me here.
 

docs/bots/siteContent.json

@@ -558,7 +558,7 @@
     "title": "Notes & Research",
     "description": "These are my random thoughts or research on AI.",
     "media": [],
-    "content": "\n    <div class='textSpacer'></div>\n    <div class='procPagesAboutMe-infoStyle blogTempContentStyle'>\n      These are my random thoughts or research on AI.\n\n      <br>\n      <span class=\"showOnMobile\"><br>Tap the Entry Title above to open the Blog Entry List.\n      <br>Or Tap the Left & Right arrow buttons to change Entry.</span>\n\n      <br>And no, I'm not using ai to speak for me here.\n      <br>These are my thoughts, how ever scattered they may be.\n    </div>\n\n      <br><br><br><div class='procPagesAIDevBar'></div>\n  ",
+    "content": "\n    <div class='textSpacer'></div>\n    <div class='procPagesAboutMe-infoStyle blogTempContentStyle'>\n      These are my random thoughts or research on AI.\n\n      <br>\n      <span class=\"showOnMobile\"><br>Tap the Entry Title above to open the Blog Entry List.</span>\n\n      <br>And no, I'm not using ai to speak for me here.\n      <br>These are my thoughts, how ever scattered they may be.\n    </div>\n\n      <br><br><br><div class='procPagesAIDevBar'></div>\n  ",
     "pageURL": "https://procstack.github.io/AIDev/aiNotes.htm",
     "relativeURL": "./AIDev/aiNotes.htm"
   },

docs/data-manifest.json

@@ -117,7 +117,7 @@
   },
   "generatedBy": {
     "script": "renderStaticPages.mjs",
-    "timestamp": "2025-08-30T12:53:57.366Z",
-    "isPartialUpdate": false
+    "timestamp": "2025-08-30T13:13:27.503Z",
+    "isPartialUpdate": true
   }
 }

docs/pages/aiDev/aiNotes.js

@@ -42,8 +42,7 @@ export const pageListingData = {
       These are my random thoughts or research on AI.
 
       <br>
-      <span class="showOnMobile"><br>Tap the Entry Title above to open the Blog Entry List.
-      <br>Or Tap the Left & Right arrow buttons to change Entry.</span>
+      <span class="showOnMobile"><br>Tap the Entry Title above to open the Blog Entry List.</span>
 
       <br>And no, I'm not using ai to speak for me here.
       <br>These are my thoughts, how ever scattered they may be.

docs/sitemap.xml

@@ -29,6 +29,14 @@
       <image:loc>https://procstack.github.io/images/ProcStack_th.jpg</image:loc>
     </image:image>
   </url>
+  <url>
+    <loc>https://procstack.github.io/ai-data.html</loc>
+    <lastmod>2025-08-30</lastmod>
+    <changefreq>monthly</changefreq>
+    <image:image>
+      <image:loc>https://procstack.github.io/images/ProcStack_th.jpg</image:loc>
+    </image:image>
+  </url>
   <url>
     <loc>https://procstack.github.io/AIDev.htm</loc>
     <lastmod>2025-08-30</lastmod>
@@ -93,6 +101,14 @@
       <image:loc>https://procstack.github.io/images/ProcStack_th.jpg</image:loc>
     </image:image>
   </url>
+  <url>
+    <loc>https://procstack.github.io/Outlet.htm</loc>
+    <lastmod>2025-08-30</lastmod>
+    <changefreq>monthly</changefreq>
+    <image:image>
+      <image:loc>https://procstack.github.io/images/ProcStack_th.jpg</image:loc>
+    </image:image>
+  </url>
   <url>
     <loc>https://procstack.github.io/ProjectsLinks.htm</loc>
     <lastmod>2025-08-30</lastmod>
@@ -229,14 +245,4 @@
       <image:loc>https://procstack.github.io/images/ProcStack_th.jpg</image:loc>
     </image:image>
   </url>
-  <url>
-    <loc>https://procstack.github.io/Outlet.htm</loc>
-    <lastmod>2025-08-30</lastmod>
-    <changefreq>monthly</changefreq>
-  </url>
-  <url>
-    <loc>https://procstack.github.io/ai-data.html</loc>
-    <lastmod>2025-08-30</lastmod>
-    <changefreq>monthly</changefreq>
-  </url>
 </urlset>

docs/style/procBlogStyles.css

@@ -27,6 +27,7 @@
   width: 100%;
   height: 100%;
   overflow-y: auto;
+  overflow-x: clip;
 }
 
 .blogEntryContentStyle::-webkit-scrollbar {
@@ -146,18 +147,22 @@
   min-width: min-content;
   width: min-content;
   height: 85%;
-  padding: 0px 10px;
+  padding: 0px 1vw;
   text-wrap: nowrap;
+  font-size: .85em;
 }
 .blogMobileCurrent{
-  padding: 5px 10px;
+    padding: 1vw 2vw;
+    width: max-content;
+    min-width: max-content;
 }
 .blogMobileNext{
   min-width: min-content;
   width: min-content;
   height: 85%;
-  padding: 0px 10px;
+  padding: 0px 1vw;
   text-wrap: nowrap;
+  font-size: .85em;
 }
 
 .blogMobilePopupEntry{
@@ -170,25 +175,29 @@
     align-items: center;
     grid-auto-flow: column;
     grid-template-columns: 3fr 1fr 1fr;
+    grid-gap: 1ch;
 }
 
 .blogEntryDateStyle {
   font-size: 0.85em;
   color: rgba(230, 230, 230, 0.65);
   justify-self: end;
+  text-wrap: nowrap;
 }
 
 .blogEntryTagStyle {
   text-align: right;
   font-size: 0.75em;
   color: rgba(230, 230, 230, 0.65);
+  text-wrap: nowrap;
 }
 
 .blogEntryReadTimeStyle{
   font-size: 0.75em;
   color: rgba(230, 230, 230, 0.65);
   justify-self: end;
   padding-right: .65em;
+  text-wrap: nowrap;
 }
 
 .procPagesTempContentStyle{