Add icons (#49)

Author: jbampton

doc/source/_static/custom.css

@@ -41,3 +41,53 @@ body.dark div.body {
 body.dark div.body p {
     color: #f3e5ab;
 }
+
+/* Style for the UL container */
+body.dark div.body ul {
+    list-style-type: none; /* Remove any default list markers */
+    padding-left: 20px; /* Space for the background image on the list items */
+    background: none; /* Make sure the UL itself has no background image */
+    margin: 0;
+}
+
+/* Base style for all list items */
+body.dark div.body ul li {
+    list-style-type: none; /* No bullet points on list items */
+    background-repeat: no-repeat;
+    background-position: 0 50%; /* Vertically center the image */
+    background-size: 16px 16px;
+    padding-left: 20px; /* Space for the image on each list item */
+    margin-left: 0;
+    line-height: 1.5;
+}
+
+body.dark div.body ul li {
+    background-image: url('images/favicon.ico');
+}
+
+/* Unique image for the first list item */
+body.dark div.body ul li:nth-child(1) {
+    background-image: url('images/favicon1.ico');
+}
+
+/* Unique image for the second list item */
+body.dark div.body ul li:nth-child(2) {
+    background-image: url('images/favicon2.ico');
+}
+
+/* Unique image for the third list item */
+body.dark div.body ul li:nth-child(3) {
+    background-image: url('images/favicon3.ico');
+}
+
+body.dark div.body ul li:nth-child(4) {
+    background-image: url('images/favicon4.ico');
+}
+
+body.dark div.body ul li:nth-child(5) {
+    background-image: url('images/favicon5.ico');
+}
+
+body.dark div.body ul li:nth-child(6) {
+    background-image: url('images/favicon6.ico');
+}