fixes #493 Add nifty icons to our list on Developers (#499)

develop.html

@@ -98,13 +98,13 @@ <h2>What our developers say about their journey</h2>
                         <h2>IMPORTANT LINKS FOR DEVELOPERS</h2> 
                         <p class="customFontSize">The following is a list of important links for people interested in making development contributions to Sugar Labs:
                           <ul>
-			    <li><a href="https://matrix.to/#/#sugar:matrix.org">Chat with us on Matrix</a></li>
-			    <li><a href="https://github.com/sugarlabs/sugar-docs/blob/master/README.md/">Developer guide</a></li>
-                            <li><a href="https://wiki.sugarlabs.org/go/Mailing_Lists">Mailing lists (old-school, but still active and useful)</a></li>
-                            <li><a href="http://translate.sugarlabs.org/">Contribute to translations</a></li>
-			    <li><a href="https://github.com/sugarlabs/sugar-docs/blob/master/README.md">Related projects</a></li><!--What is this?-->
-			    <li><a href="{{ site.baseurl }}/profiles">Who are the developers of Sugar Labs?</a></li>
-			    <li><a href="https://github.com/sugarlabs/sugar-docs/blob/master/src/CODE_OF_CONDUCT.md">Code of Conduct</a></li>
+			    <li><ion-icon name="chatbubble-ellipses-sharp"></ion-icon><a href="https://matrix.to/#/#sugar:matrix.org">&nbsp;Chat with us on Matrix</a></li>
+			    <li><ion-icon name="book-sharp"></ion-icon><a href="https://github.com/sugarlabs/sugar-docs/blob/master/README.md/">&nbsp;Developer guide</a></li>
+                            <li><ion-icon name="mail-sharp"></ion-icon><a href="https://wiki.sugarlabs.org/go/Mailing_Lists">&nbsp;Mailing lists (old-school, but still active and useful)</a></li>
+                            <li><ion-icon name="language-sharp"></ion-icon><a href="http://translate.sugarlabs.org/">&nbsp;Contribute to translations</a></li>
+			    <li><ion-icon name="code-sharp"></ion-icon><a href="https://github.com/sugarlabs/sugar-docs/blob/master/README.md">&nbsp;Related projects</a></li><!--What is this?-->
+			    <li><ion-icon name="person-sharp"></ion-icon><a href="{{ site.baseurl }}/profiles">&nbsp;Who are the developers of Sugar Labs?</a></li>
+			    <li><ion-icon name="people-sharp"></ion-icon><a href="https://github.com/sugarlabs/sugar-docs/blob/master/src/CODE_OF_CONDUCT.md">&nbsp;Code of Conduct</a></li>
                         </ul>
                         </p>
                     </div>
@@ -159,3 +159,5 @@ <h2>What is free, libre, and open (FLO)?</h2>
     </div>
 </section>
 
+<script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
+<script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>