fix: sidebar overflow and blog section improvements

- Add overflow-x: hidden to header to prevent content spill
- Reduce robot mascot font size and ASCII art
- Change Documentation to Blog section header
- Remove broken View all guides link
- Show post count instead of broken link

Author: us

docs/_layouts/default.html

@@ -20,6 +20,7 @@
       position: fixed;
       -webkit-font-smoothing: subpixel-antialiased;
       padding-top: 40px;
+      overflow-x: hidden;
     }
 
     section {
@@ -40,11 +41,13 @@
     /* Robot mascot styling */
     .robot-mascot {
       font-family: 'Courier New', monospace;
-      font-size: 11px;
-      line-height: 1.4;
+      font-size: 10px;
+      line-height: 1.3;
       white-space: pre;
       margin: 20px 0;
       color: #666;
+      max-width: 100%;
+      overflow-x: auto;
     }
 
     /* View on GitHub button */
@@ -243,12 +246,12 @@
       <h1>{{ site.title | default: "null-e" }}</h1>
       <p>{{ site.description | default: "The friendly disk cleanup robot for developers" }}</p>
 
-      <pre class="robot-mascot">     .---.
-    |o   o|
-    |  ^  |
-    | === |
-    `-----'
-     /| |\</pre>
+      <pre class="robot-mascot">  .---.
+ |o   o|
+ |  ^  |
+ | === |
+ `-----'
+  /| |\</pre>
 
       <p>
         <a href="https://github.com/us/null-e" class="github-button">View on GitHub</a>

docs/index.md

@@ -87,7 +87,7 @@ null-e docker
 >
 > Like the adorable trash-compacting robot from the movie, null-e tirelessly cleans up your developer junk and sends it where it belongs!
 
-## Documentation
+## Blog
 
 {% for post in site.posts limit:10 %}
 <div class="blog-item">
@@ -103,6 +103,6 @@ null-e docker
 </div>
 {% endfor %}
 
-<p style="margin-top: 20px;">
-  <a href="{{ site.baseurl }}/blog/" style="color: #267CB9; font-weight: 600;">View all {{ site.posts | size }} guides →</a>
+<p style="margin-top: 20px; color: #666; font-size: 14px;">
+  Showing 10 of {{ site.posts | size }} blog posts
 </p>