Add metadata and improve accessibility, screen-reader & text-browser rendering

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%;