Standardize favicons sitewide: Replace old T logo with new TSG brand assets

Author: TechStack Global

.planning/ROADMAP.md

@@ -7,6 +7,7 @@
 - [✓] Phase 1: Map existing codebase into `.planning/codebase/`.
 - [✓] Phase 2: Initialize project and requirements in `.planning/`.
 - [ ] Phase 3: Comprehensive SEO & Layout Health Check (Audit Milestone).
+- [ ] Phase 3.1: Content Standardization (Remove Redundant Sections).
 
 ## 🧱 Milestone 2: Technical Debt & Sitemap Recovery
 - [ ] Phase 4: Resolution of Search Console sitemap fetch errors.

.planning/phases/content_standardization.md

@@ -0,0 +1,33 @@
+# Phase 3.1: Content Standardization (Remove Redundant Sections)
+
+**Objective**: Clean up all article pages by removing specific sections that are redundant or moving them to the sidebar.
+
+## 📋 Requirements
+- **REQ-CS-001**: Remove all `<section>` or `<div>` blocks with the header "The Quick Ruling" (or similar).
+- **REQ-CS-002**: Remove all `<section>` or `<div>` blocks with the header "Technical Specs".
+- **REQ-CS-003**: Remove all `<section>` or `<div>` blocks with the header "Comfort Verdict".
+- **REQ-CS-004**: Remove all `<section>` or `<div>` blocks with the header "Final Recommendation".
+- **REQ-CS-005**: Ensure that no broken HTML tags are left behind.
+- **REQ-CS-006**: Verify that mobile and desktop layouts remain intact.
+
+## 🛠️ Implementation Plan
+
+### Wave 1: Identification & Multi-Article Audit
+1. Run a `grep_search` to identify all files containing these headers.
+2. List the specific HTML structures (classes/IDs) used for these sections to create a safe regex.
+
+### Wave 2: Automated Cleanup
+1. Use a Python script (leveraging `BeautifulSoup`) to identify headers and remove their parent containers.
+2. Run the script on all files in `/posts/`.
+
+### Wave 3: Verification
+1. Manually check 3 representative pages:
+   - A standard review (e.g., Shure SM7dB)
+   - A comparison page (e.g., Sony vs AirPods)
+   - A guide page (e.g., Best Headphones for Zoom)
+2. Run `seo_audit.py` if available to ensure no critical SEO impact.
+
+## 🎯 Success Criteria
+- [ ] No "Quick Ruling", "Technical Specs", "Comfort Verdict", or "Final Recommendation" headers exist in any page.
+- [ ] Pages still look premium and follow Glassmorphism standards.
+- [ ] Zero broken links or malformed HTML.

about.html

@@ -25,21 +25,12 @@
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&amp;display=swap" rel="stylesheet"/>
 <link href="style.min.css?v=9" rel="stylesheet"/>
 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet"/>
-<link href="assets/icons/favicon-32.png?v=6" rel="icon" sizes="32x32" type="image/png"/>
-<link href="assets/icons/favicon-16.png?v=6" rel="icon" sizes="16x16" type="image/png"/>
-<link href="assets/icons/techstack-logo-192.png?v=6" rel="apple-touch-icon" sizes="192x192"/>
-<link href="assets/icons/favicon.ico?v=6" rel="shortcut icon"/>
 <script type="application/ld+json">{
  "@context": "https://schema.org",
  "@type": "WebPage",
  "name": "About TechStack Global | Our B2B Tech Vetting Methodology",
  "url": "https://techstackglobal.github.io/about.html"
 }</script><meta content="summary_large_image" name="twitter:card"/><meta content="About TechStack Global | Our B2B Tech Vetting Methodology" name="twitter:title"/><meta content="Transparency and technical rigor in every review." name="twitter:description"/><meta content="https://techstackglobal.github.io/assets/images/og-about.jpg" name="twitter:image"/>
-<!-- Site Favicons -->
-<link href="/favicon.ico" rel="icon"/>
-<link href="/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png"/>
-<link href="/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png"/>
-<link href="/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"/>
 <meta content="#0a2540" name="theme-color"/>
 <meta content="TechStack Global" property="og:site_name"/>
 <meta content="TechStack Global" name="application-name"/>
@@ -52,7 +43,13 @@
   "logo": "https://techstackglobal.github.io/favicon-32x32.png"
 }
 </script>
-<link href="https://techstackglobal.github.io/about.html" rel="canonical"/></head>
+<link href="https://techstackglobal.github.io/about.html" rel="canonical"/>
+<!-- Site Favicons -->
+<link href="/favicon.ico" rel="icon"/>
+<link href="/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png"/>
+<link href="/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png"/>
+<link href="/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"/>
+</head>
 <body class="dark-theme">
 <div class="ambient-grid"></div>
 <header class="glass-header">

affiliate-disclosure.html

@@ -17,21 +17,12 @@
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&amp;display=swap" rel="stylesheet"/>
 <link href="style.min.css?v=9" rel="stylesheet"/>
 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet"/>
-<link href="assets/icons/favicon-32.png?v=6" rel="icon" sizes="32x32" type="image/png"/>
-<link href="assets/icons/favicon-16.png?v=6" rel="icon" sizes="16x16" type="image/png"/>
-<link href="assets/icons/techstack-logo-192.png?v=6" rel="apple-touch-icon" sizes="192x192"/>
-<link href="assets/icons/favicon.ico?v=6" rel="shortcut icon"/>
 <meta content="https://techstackglobal.github.io/affiliate-disclosure.html" property="og:url"/><meta content="https://techstackglobal.github.io/og-image.jpg" property="og:image"/><script type="application/ld+json">{
  "@context": "https://schema.org",
  "@type": "WebPage",
  "name": "Affiliate Disclosure | TechStack Global",
  "url": "https://techstackglobal.github.io/affiliate-disclosure.html"
 }</script><meta content="summary_large_image" name="twitter:card"/><meta content="Affiliate Disclosure | TechStack Global" name="twitter:title"/><meta content="Read the TechStack Global affiliate disclosure policy to understand how we fund our independent research and hardware reviews." name="twitter:description"/><meta content="https://techstackglobal.github.io/og-image.jpg" name="twitter:image"/>
-<!-- Site Favicons -->
-<link href="/favicon.ico" rel="icon"/>
-<link href="/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png"/>
-<link href="/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png"/>
-<link href="/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"/>
 <meta content="#0a2540" name="theme-color"/>
 <meta content="TechStack Global" property="og:site_name"/>
 <meta content="TechStack Global" name="application-name"/>
@@ -44,7 +35,13 @@
   "logo": "https://techstackglobal.github.io/favicon-32x32.png"
 }
 </script>
-<link href="https://techstackglobal.github.io/affiliate-disclosure.html" rel="canonical"/></head>
+<link href="https://techstackglobal.github.io/affiliate-disclosure.html" rel="canonical"/>
+<!-- Site Favicons -->
+<link href="/favicon.ico" rel="icon"/>
+<link href="/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png"/>
+<link href="/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png"/>
+<link href="/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"/>
+</head>
 <body class="dark-theme">
 <div class="ambient-grid"></div>
 <header class="glass-header">

amazon-stack.html

@@ -18,10 +18,6 @@
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&amp;display=swap" rel="stylesheet"/>
 <link href="style.min.css?v=9" rel="stylesheet"/>
 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet"/>
-<link href="assets/icons/favicon-32.png?v=6" rel="icon" sizes="32x32" type="image/png"/>
-<link href="assets/icons/favicon-16.png?v=6" rel="icon" sizes="16x16" type="image/png"/>
-<link href="assets/icons/techstack-logo-192.png?v=6" rel="apple-touch-icon" sizes="192x192"/>
-<link href="assets/icons/favicon.ico?v=6" rel="shortcut icon"/>
 <script type="application/ld+json">
  [
  {
@@ -51,11 +47,6 @@
 <meta content="Amazon Product Stack | Modern Tech Hardware | TechStack Global" name="twitter:title"/>
 <meta content="The definitive guide to Amazon-sourced hardware for students, freelancers, and remote workers. Vetted benchmarks for modern productivity." name="twitter:description"/>
 <meta content="https://techstackglobal.github.io/assets/og-image.jpg" name="twitter:image"/>
-<!-- Site Favicons -->
-<link href="/favicon.ico" rel="icon"/>
-<link href="/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png"/>
-<link href="/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png"/>
-<link href="/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"/>
 <meta content="#0a2540" name="theme-color"/>
 <meta content="TechStack Global" property="og:site_name"/>
 <meta content="TechStack Global" name="application-name"/>
@@ -68,7 +59,13 @@
   "logo": "https://techstackglobal.github.io/favicon-32x32.png"
 }
 </script>
-<link href="https://techstackglobal.github.io/amazon-stack.html" rel="canonical"/></head>
+<link href="https://techstackglobal.github.io/amazon-stack.html" rel="canonical"/>
+<!-- Site Favicons -->
+<link href="/favicon.ico" rel="icon"/>
+<link href="/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png"/>
+<link href="/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png"/>
+<link href="/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"/>
+</head>
 <body class="dark-theme">
 <div class="ambient-grid"></div>
 <header class="glass-header">

audit_favicons.py

@@ -0,0 +1,17 @@
+import os
+
+base = r"C:\Users\PMLS\Desktop\Youtube Shorts\b2b_blog"
+html_files = []
+for root, dirs, files in os.walk(base):
+    for f in files:
+        if f.endswith('.html'):
+            html_files.append(os.path.join(root, f))
+
+for path in html_files:
+    with open(path, 'r', encoding='utf-8', errors='ignore') as f:
+        content = f.read()
+    
+    has_assets = 'assets/icons/favicon' in content
+    has_root = 'link href="/favicon' in content or 'link rel="icon" href="/favicon' in content
+    
+    print(f"{os.path.relpath(path, base)}: assets={has_assets}, root={has_root}")

blog.html

@@ -32,10 +32,6 @@
                 rel="stylesheet" />
         <link href="style.min.css?v=10" rel="stylesheet" />
         <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet" />
-        <link href="assets/icons/favicon-32.png?v=7" rel="icon" sizes="32x32" type="image/png" />
-        <link href="assets/icons/favicon-16.png?v=7" rel="icon" sizes="16x16" type="image/png" />
-        <link href="assets/icons/techstack-logo-192.png?v=7" rel="apple-touch-icon" sizes="192x192" />
-        <link href="assets/icons/favicon.ico?v=7" rel="shortcut icon" />
         <!-- Build Signature: 2026-03-08T20:45:00Z-FORCE-SYNC -->
         <script type="application/ld+json">
    {
@@ -62,6 +58,11 @@
 }
   </script>
         <link href="https://techstackglobal.github.io/blog.html" rel="canonical" />
+<!-- Site Favicons -->
+<link href="/favicon.ico" rel="icon"/>
+<link href="/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png"/>
+<link href="/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png"/>
+<link href="/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"/>
 </head>
 
 <body class="dark-theme">

clean_favicons.py

@@ -0,0 +1,43 @@
+import os
+import re
+
+base = r"C:\Users\PMLS\Desktop\Youtube Shorts\b2b_blog"
+html_files = []
+for root, dirs, files in os.walk(base):
+    for f in files:
+        if f.endswith('.html'):
+            html_files.append(os.path.join(root, f))
+
+root_favicon_block = """<!-- Site Favicons -->
+<link href="/favicon.ico" rel="icon"/>
+<link href="/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png"/>
+<link href="/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png"/>
+<link href="/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"/>"""
+
+# Specific patterns to remove
+remove_patterns = [
+    re.compile(r'\s*<link[^>]+(?:rel="icon"|rel="shortcut icon"|rel="apple-touch-icon"|rel="apple-touch-icon-precomposed")[^>]*>', re.IGNORECASE),
+    re.compile(r'\s*<link[^>]+(?:favicon|techstack-logo-192|apple-touch-icon)[^>]*>', re.IGNORECASE),
+    re.compile(r'\s*<!-- Site Favicons -->', re.IGNORECASE)
+]
+
+for path in html_files:
+    if "test-deploy.html" in path: continue
+    
+    with open(path, 'r', encoding='utf-8', errors='ignore') as f:
+        content = f.read()
+    
+    new_content = content
+    for pattern in remove_patterns:
+        new_content = pattern.sub('', new_content)
+    
+    # Standardize Head space before </head>
+    # Append the root_favicon_block right before </head>
+    new_content = new_content.replace('</head>', f'{root_favicon_block}\n</head>')
+
+    if new_content != content:
+        with open(path, 'w', encoding='utf-8') as f:
+            f.write(new_content)
+        print(f"Deep cleaned and standardized favicons in {os.path.relpath(path, base)}")
+
+print("Done.")

contact.html

@@ -25,21 +25,12 @@
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&amp;display=swap" rel="stylesheet"/>
 <link href="style.min.css?v=9" rel="stylesheet"/>
 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet"/>
-<link href="assets/icons/favicon-32.png?v=6" rel="icon" sizes="32x32" type="image/png"/>
-<link href="assets/icons/favicon-16.png?v=6" rel="icon" sizes="16x16" type="image/png"/>
-<link href="assets/icons/techstack-logo-192.png?v=6" rel="apple-touch-icon" sizes="192x192"/>
-<link href="assets/icons/favicon.ico?v=6" rel="shortcut icon"/>
 <script type="application/ld+json">{
  "@context": "https://schema.org",
  "@type": "WebPage",
  "name": "Contact TechStack Global | Partner with the B2B Authority",
  "url": "https://techstackglobal.github.io/contact.html"
 }</script><meta content="summary_large_image" name="twitter:card"/><meta content="Contact TechStack Global | Partner with the B2B Authority" name="twitter:title"/><meta content="Reach out to our experts for tech stack advice and partnerships." name="twitter:description"/><meta content="https://techstackglobal.github.io/assets/images/og-contact.jpg" name="twitter:image"/>
-<!-- Site Favicons -->
-<link href="/favicon.ico" rel="icon"/>
-<link href="/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png"/>
-<link href="/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png"/>
-<link href="/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"/>
 <meta content="#0a2540" name="theme-color"/>
 <meta content="TechStack Global" property="og:site_name"/>
 <meta content="TechStack Global" name="application-name"/>
@@ -52,7 +43,13 @@
   "logo": "https://techstackglobal.github.io/favicon-32x32.png"
 }
 </script>
-<link href="https://techstackglobal.github.io/contact.html" rel="canonical"/></head>
+<link href="https://techstackglobal.github.io/contact.html" rel="canonical"/>
+<!-- Site Favicons -->
+<link href="/favicon.ico" rel="icon"/>
+<link href="/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png"/>
+<link href="/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png"/>
+<link href="/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"/>
+</head>
 <body class="dark-theme">
 <div class="ambient-grid"></div>
 <header class="glass-header">

index.html

@@ -42,10 +42,6 @@
   <link href="style.min.css?v=9" rel="stylesheet" />
   <!-- FontAwesome for Icons-->
   <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet" />
-  <link href="assets/icons/favicon-32.png?v=6" rel="icon" sizes="32x32" type="image/png" />
-  <link href="assets/icons/favicon-16.png?v=6" rel="icon" sizes="16x16" type="image/png" />
-  <link href="assets/icons/techstack-logo-192.png?v=6" rel="apple-touch-icon" sizes="192x192" />
-  <link href="assets/icons/favicon.ico?v=6" rel="shortcut icon" />
   <script type="application/ld+json">
 					{
 					  "@context": "https://schema.org",
@@ -71,15 +67,14 @@
   <meta content="TechStack Global" name="twitter:title" />
   <meta content="Expert tech reviews and buying guides for professionals." name="twitter:description" />
   <meta content="https://techstackglobal.github.io/assets/og-image.jpg" name="twitter:image" />
-
-<!-- Site Favicons -->
-<link rel="icon" href="/favicon.ico">
-<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
 <meta name="theme-color" content="#0a2540">
 <meta property="og:site_name" content="TechStack Global">
 <meta name="application-name" content="TechStack Global">
+<!-- Site Favicons -->
+<link href="/favicon.ico" rel="icon"/>
+<link href="/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png"/>
+<link href="/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png"/>
+<link href="/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"/>
 </head>
 
 <body class="dark-theme homepage">