fixed path errors in custom.html, apple 2 blog header

removed reference to \favicon.io folder and added relative_url. changed blogs.yml to use "apple2header" for the background and update main.scss to use "style*="apple2header""

Author: mdcramer

_data/blogs.yml

@@ -3,7 +3,7 @@
 internal_blogs:
   - name: apple 2 blog
     description: Machine learning on an Apple ][+.
-    background: darkred
+    background: apple2header
 
   - name: deep speeling blog
     description: A recurrent neural network (RNN) using Tensorflow designed to correct spelling mistakes.

_includes/head/custom.html

@@ -18,9 +18,16 @@
 <meta property="twitter:image" content="{{ page.image | default: site.og_image | absolute_url }}">
 
 <!-- Favicon -->
+<!-- original code from RealFaviconGenerator.net
 <link rel="icon" type="image/png" href="/assets/images/favicon.ico/favicon-96x96.png" sizes="96x96" />
 <link rel="icon" type="image/svg+xml" href="/assets/images/favicon.ico/favicon.svg" />
 <link rel="shortcut icon" href="/assets/images/favicon.ico/favicon.ico" />
 <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon.ico/apple-touch-icon.png" />
 <meta name="apple-mobile-web-app-title" content="Hackin’ and Tinkerin’" />
-<link rel="manifest" href="/assets/images/favicon.ico/site.webmanifest" />
+<link rel="manifest" href="/assets/images/favicon.ico/site.webmanifest" /> -->
+<link rel="icon" type="image/png" href="{{ '/assets/images/favicon-96x96.png' | relative_url }}" sizes="96x96" />
+<link rel="icon" type="image/svg+xml" href="{{ '/assets/images/favicon.svg' | relative_url }}" />
+<link rel="shortcut icon" href="{{ '/assets/images/favicon.ico' | relative_url }}" />
+<link rel="apple-touch-icon" sizes="180x180" href="{{ '/assets/images/apple-touch-icon.png' | relative_url }}" />
+<meta name="apple-mobile-web-app-title" content="Hackin’ and Tinkerin’" />
+<link rel="manifest" href="{{ '/assets/images/site.webmanifest' | relative_url }}" />

assets/css/main.scss

@@ -44,7 +44,7 @@
 
 /* Apple 2 blog specific header */
 /* https://claude.ai/share/ea376385-c62a-4607-93a6-51cc03e81b1d */
-body.apple-2-blog .page__hero--overlay {
+.page__hero--overlay[style*="apple2header"] {
   background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), 
               url('/assets/images/apple2-header.jpg') center top/cover no-repeat !important;
 }