Add icon navigation to home page

content/css/structure.css

@@ -56,6 +56,19 @@
   margin-top: 50px;
 }
 
+#icon-nav ul {
+display: block;
+clear: both;
+}
+#icon-nav ul li {
+list-style-type: none;
+padding: 7px;
+float: left;
+}
+#icon-nav ul li:last-child {
+margin: 0;
+}
+
 #content #welcome p {
 	font-size: 1.2em;
 	margin: 0;
@@ -72,7 +85,7 @@
   font-weight: 700;
 }
 
-#footer {
+#footer, #footer a {
   color: #f8f8f8;
 }
 

content/index.html

@@ -50,8 +50,24 @@
 			<div id="welcome">
 				<div class="container">
 					<h1><img src="/img/logo_biblebox-320x69.png" width="280" height="60" alt="BibleBox"></h1>
+					<div class="container">
+						<div id="icon-nav">
+						  <ul>
+							<li><a href="/Bible-EnglishWEB/index.htm" class="active"><img src="img/holy-bible.png" width="64" height="64" alt="holy-bible"></a></li>
+							<li><a href="/shared/books/"><img src="img/open-book.png" width="64" height="64" alt="open-book"></a></li>
+							<li><a href="/shared/audio/"><img src="img/speaker.png" width="64" height="64" alt="audio-speaker-on"></a></li>
+							<li><a href="/shared/videos/"><img src="img/video-player.png" width="64" height="64" alt="video-player"></a></li>
+							<li><a href="/shared/photos/"><img src="img/picture.png" width="64" height="64" alt="picture"></a></li>
+							<li><a href="/shared/software/"><img src="img/browser.png" width="64" height="64" alt="browser"></a></li>
+							<li><a href="/shared/"><img src="img/open-folder.png" width="64" height="64" alt="folder"></a></li>
+							<li><a href="/chat.html"><img src="img/speech-bubble.png" width="64" height="64" alt="speech-bubble"></a></li>
+							<li><a href="/stats.html"><img src="img/pie-chart.png" width="64" height="64" alt="pie-chart"></a></li>
+							<li><a href="/about.html"><img src="img/info.png" width="64" height="64" alt="info"></a></li>
+						  </ul>
+						</div>
+					</div>
 					<h1>Welcome!</h1>
-					<p>Use the Top Menu bar to browse content on this BibleBox and download any of the available files, or chat with other users in the Chat Box below.</p>
+					<p>Use the icons above or the Top Menu bar to browse content on this BibleBox and download any of the available files, or chat with other users in the Chat Box below.</p>
 					<p>&nbsp;</p>
 					<p>While you are connected to this BibleBox your device will not be able to access anything from the internet. You will need to switch back to your mobile or wifi data connection to access any external websites or email.</p>
 					<p>&nbsp;</p>
@@ -101,7 +117,7 @@ <h3>Text Color:</h3>
 		<div class="container">
 			<p class="to-top"><a href="#header">Back to top</a></p>
 			<p>The BibleBox Project is Software Licensed under GPLv2, see http://www.gnu.org/licenses/gpl-2.0.html for license details. </p>
-			<small>All BibleBox content not otherwise licensed is released under a Creative Commons NC-BY license.  For more information, visit http://BibleBox.org</small>
+			<small>Icons made by <a href="http://www.flaticon.com/authors/gregor-cresnar" title="Gregor Cresnar">Gregor Cresnar</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a>. All BibleBox content not otherwise licensed is released under a Creative Commons NC-BY license.  For more information, visit http://BibleBox.org</small>
 		</div>
 	</footer>