improve layout with icons

index.html

@@ -24,35 +24,50 @@ <h1>BYOJS (Bring your own JS)</h1>
 <p><strong>BYOJS</strong> aims to champion this approach, and celebrate great web development practices.</p>
 <ul id="project-list">
 	<li><a href="https://github.com/byojs/storage" aria-label="Storage project">
-		<h3>Storage</h3>
+		<h3>
+			<img alt="Storage Icon" src="/img/storage.svg" width="30" height="30" />
+			Storage
+		</h3>
 		<div class="description">
 			Simple key-value storage API backed by various client storage mechanisms
 		</div>
 		<div class="link" aria-hidden="true">project</div>
 	</a></li>
 	<li><a href="https://github.com/byojs/eventer" aria-label="Eventer project">
-		<h3>Eventer</h3>
+		<h3>
+			<img alt="Eventer Icon" src="/img/eventer.svg" width="30" height="30" />
+			Eventer
+		</h3>
 		<div class="description">
 			Event emitter with async-emit and weak-listener support
 		</div>
 		<div class="link" aria-hidden="true">project</div>
 	</a></li>
 	<li><a href="https://github.com/byojs/modal" aria-label="Modal project">
-		<h3>Modal</h3>
+		<h3>
+			<img alt="Modal Icon" src="/img/modal.svg" width="30" height="30" />
+			Modal
+		</h3>
 		<div class="description">
 			Simple wrapper around SweetAlert2
 		</div>
 		<div class="link" aria-hidden="true">project</div>
 	</a></li>
 	<li><a href="https://github.com/byojs/toggler" aria-label="Toggler project">
-		<h3>Toggler</h3>
+		<h3>
+			<img alt="Toggler Icon" src="/img/toggler.svg" width="30" height="30" />
+			Toggler
+		</h3>
 		<div class="description">
 			Throttled toggler
 		</div>
 		<div class="link" aria-hidden="true">project</div>
 	</a></li>
 	<li><a href="https://github.com/byojs/scheduler" aria-label="Scheduler project">
-		<h3>Scheduler</h3>
+		<h3>
+			<img alt="Scheduler Icon" src="/img/scheduler.svg" width="30" height="30" />
+			Scheduler
+		</h3>
 		<div class="description">
 			Throttle/debounce scheduler
 		</div>