Added tags

Added tags to the site.

Files:

tag.md

---
title: "Browse by Tag"
parent: "2026 Blog Posts"   
nav_order: 2                
layout: default
---

### Browse Posts by Tag


<!-- 1. Generate the list of clickable quick-links at the top -->
<div class="tag-cloud" style="margin-bottom: 2rem;">
<a href="#metalwork" class="btn btn-blue" style="margin: 0.2rem;">MetalWork</a><a href="#site" class="btn btn-blue" style="margin: 0.2rem;">Site</a>
</div>

---

<!-- 2. Display the posts grouped under each tag section -->
<div class="all-tags">

  <div id="metalwork" class="tag-group" style="margin-top: 2.5rem;">
    <h2 style="border-bottom: 1px solid #eee; padding-bottom: 0.3rem;">Tag: MetalWork</h2>
    <ul style="list-style-type: disc; margin-left: 1.5rem;">
    
      <li style="margin-bottom: 0.5rem;">
        <a href="/blogs/posts-2026/2013-09-22-NewMyfordLathe/">A lathe</a>
        <span style="color: #666; font-size: 0.9em; margin-left: 0.5rem;">(September 22, 2013)</span>
      </li>
    
      <li style="margin-bottom: 0.5rem;">
        <a href="/blogs/posts-2026/2013-09-28-initial-review/">Initial review</a>
        <span style="color: #666; font-size: 0.9em; margin-left: 0.5rem;">(September 28, 2013)</span>
      </li>
    
    </ul>
  </div>

  <div id="site" class="tag-group" style="margin-top: 2.5rem;">
    <h2 style="border-bottom: 1px solid #eee; padding-bottom: 0.3rem;">Tag: Site</h2>
    <ul style="list-style-type: disc; margin-left: 1.5rem;">
    
      <li style="margin-bottom: 0.5rem;">
        <a href="/blogs/posts-2026/2026-07-17-blog-added/">Blog added</a>
        <span style="color: #666; font-size: 0.9em; margin-left: 0.5rem;">(July 16, 2026)</span>
      </li>
    
      <li style="margin-bottom: 0.5rem;">
        <a href="/blogs/posts-2026/2026-07-18-tags-added/">Tags added</a>
        <span style="color: #666; font-size: 0.9em; margin-left: 0.5rem;">(July 16, 2026)</span>
      </li>
    
    </ul>
  </div>

</div>

custom-footer.html

<span style="font-weight: bold; font-size: 11px; color: #555; float:left;">Tags:</span>

  <!-- This links back to the specific #anchor on your Browse by Tag page -->
  <a href="/blogs/tags/index.html#site" 
     class="label label-blue" 
     style="margin-left: 0.3rem; text-decoration: none; font-size: 10px; padding: 1px 8px; vertical-align: middle; float:left;">
    Site
  </a>