diff --git a/Screenshot_20250201_105345.png b/Screenshot_20250201_105345.png
new file mode 100644
index 0000000..a7a5d9b
Binary files /dev/null and b/Screenshot_20250201_105345.png differ
diff --git a/public_html/css/styles.css b/public_html/css/styles.css
index d87400e..e31b49b 100644
--- a/public_html/css/styles.css
+++ b/public_html/css/styles.css
@@ -197,6 +197,41 @@ a.podcast {
 	transform: scaleX(0.9);
 }
 
+.card {	
+	height: 110px;
+	filter: invert(60%) sepia(50%) hue-rotate(140deg) saturate(200%);
+	transform: scaleX(0.9);
+}
+
+.card.record {
+	background-image: url('../icons/mic-fill.svg');
+}
+
+.card.schedule {
+	background-image: url('../icons/calendar-2-line.svg');	
+}
+
+.card.subscribe {
+	background-image: url('../icons/rss-fill.svg');
+}
+
+.card.listen {
+	background-image: url('../icons/volume-up-fill.svg');
+}
+
+.card.host {
+	background-image: url('../icons/user-fill.svg');	
+}
+
+.card.series {
+	background-image: url('../icons/stack-fill.svg');
+}
+
+.card.about {
+	background-image: url('../icons/question-mark.svg');
+}
+
+
 section.project {
 	width: 90%;
 	margin: 0 5%;
diff --git a/public_html/hpr.ico b/public_html/hpr.ico
new file mode 100644
index 0000000..ffdf5a9
Binary files /dev/null and b/public_html/hpr.ico differ
diff --git a/public_html/index.html b/public_html/index.html
index b4e1476..2b2be34 100644
--- a/public_html/index.html
+++ b/public_html/index.html
@@ -3,8 +3,17 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Hacker Public Radio</title>
+    <title>Hacker Public Radio - The Technology Community Podcast</title>
     <link rel="stylesheet" href="css/styles.css">
+    <meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett">
+    <meta name="keywords" content="Technology, Tech News, Education, Training">
+    <meta name="description" content="Hacker Public Radio is a podcast that releases shows every weekday Monday through Friday. Our shows are produced by the community (you) and can be on any topic that is of interest to hackers and hobbyists.">
+    <link rel="shortcut icon" href="hpr.ico">
+    <link rel="alternate" type="application/rss+xml" title="Hacker Public Radio Opus RSS" href="/hpr_opus_rss.php">
+    <link rel="alternate" type="application/rss+xml" title="Hacker Public Radio Ogg Vorbis RSS" href="/hpr_ogg_rss.php">
+    <link rel="alternate" type="application/rss+xml" title="Hacker Public Radio MP3 RSS" href="/hpr_mp3_rss.php">
+    <link rel="alternate" type="application/rss+xml" title="Hacker Public Radio Comments RSS" href="/comments.rss">
+    <link rel="license" title="CC BY-SA 4.0" href="https://creativecommons.org/licenses/by-sa/4.0/">
 </head>
 <body>
 
@@ -16,7 +25,7 @@
     </nav>
 
     <header class="title">
-        <img src="images/logo.png" alt="Hacker Public Radio" />
+        <img src="images/logo.png" alt="Hacker Public Radio" aria-description="H.P.R. Hacker Public Radio https://HackerPublicRadio.org, The Community Podcast, Sharing Your Ideas, Projects, Options since 2005, New Episodes Every Weekday" />
     </header>
 
     <main>
@@ -27,20 +36,20 @@
 
         <h2>Podcast</h2>
         <section class="podcast">
-            <a class="podcast record">
-                <img src="icons/mic-fill.svg" alt="record">
+            <a class="podcast record" href="#">
+                <div class="card record"></div>
                 <p>Record</p>
             </a>
             <a class="podcast schedule" href="https://hub.hackerpublicradio.org/calendar.php">
-                <img src="icons/calendar-2-line.svg" alt="schedule">
+                <div class="card schedule"></div>                
                 <p>Schedule</p>
             </a>
             <a class="podcast subscribe" href="https://hackerpublicradio.org/syndication.html">
-                <img src="icons/rss-fill.svg" alt="subscribe">
+                <div class="card subscribe"></div>
                 <p>Subscribe</p>
             </a>
             <a class="podcast listen" href="https://hackerpublicradio.org/eps/index.html">
-                <img src="icons/volume-up-fill.svg" alt="listen">
+                <div class="card listen"></div>
                 <p>Listen</p>
             </a>
         </section>
@@ -48,15 +57,15 @@
         <h2>Project</h2>
         <section class="project">
             <a class="project host" href="https://hackerpublicradio.org/correspondents/index.html">
-                <img src="icons/user-fill.svg" alt="host">
+                <div class="card host"></div>                
                 <p>Host</p>
             </a>
             <a class="project series" href="https://hackerpublicradio.org/series/index.html">
-                <img src="icons/stack-fill.svg" alt="series">
+                <div class="card series"></div>                
                 <p>Series</p>
             </a>
             <a class="project about" href="https://repo.anhonesthost.net/HPR/hpr_documentation/">
-                <img src="icons/question-mark.svg" alt="question" href="https://hackerpublicradio.org/about.html">
+                <div class="card about"></div>
                 <p>About</p>
             </a>
         </section>
@@ -81,7 +90,6 @@
                 </ul>
             </section>
         </div>
-
     </main>
 
     <footer>
