1 files changed, 157 insertions, 0 deletions
diff --git a/src/data/home.html b/src/data/home.html
new file mode 100644
index 00000000..f99d0df1
--- /dev/null
+++ b/src/data/home.html
@@ -0,0 +1,157 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
+
+<head>
+<title>%1</title>
+
+<style type="text/css">
+
+/* ------------------------------------------------------- */
+/* generic styles */
+
+html, body, div, h1, h2, h3, h4, a, p{
+margin:0;
+padding:0;
+border:0;
+}
+
+body{
+background: url(%2/tile.gif) repeat-x #fff;
+font-family: sans-serif;
+font-size: 0.8em;
+text-align: center;
+}
+
+h1{
+font: normal bold 2em sans-serif;
+text-align:right;
+color: #3F7AB7;
+margin-right:3%;
+margin-top: 0.5%;
+float:right;
+}
+
+h2{
+font: normal bold 1.2em sans-serif;
+color: #3F7AB7;
+margin-top: 2em;
+}
+
+h3{
+border-bottom-width: 1px;
+-webkit-border-image: url(%2/category.png) 1 1 1 1  stretch stretch;
+padding: 0.2em;
+margin-top: 0.5em;
+margin-bottom: 0.5em;
+font: normal bold 1em sans-serif;
+}
+
+h4{
+font-size: 1em;
+margin-top: 0.5em;
+}
+
+a{
+color: #3F7AB7;
+text-decoration: none;
+}
+a:hover{
+color: black;
+}
+
+/* ------------------------------------------------------- */
+/* page sections */
+
+#container {
+width: 100%;
+}
+
+#navigation {
+display: inline-block;
+margin-top: 2%;
+margin-bottom: 2%;
+text-align: center;
+border-width: 5px;
+-webkit-border-image: url(%2/bg2.png) 12 12 12 12  stretch stretch;
+}
+
+#content {
+text-align: left;
+margin: 2%;
+}
+
+/* -------------------------------------------------------- */
+/* div navigations styles */
+
+.link{
+display: inline-block;
+}
+
+.link img{
+vertical-align: middle;
+margin-right: 5px;
+}
+
+.link a{
+color: black;
+text-decoration:none;
+font: normal 1em sans-serif;
+}
+
+.current{
+border-width: 6px;
+-webkit-border-image: url(%2/button.png) 6 stretch stretch;
+}
+
+#navigation .link:not(.current){
+margin-right: 10px;
+margin-left: 10px;
+}
+
+
+.favorites{
+text-align: center;
+margin-top: -5%;
+}
+
+/* -------------------------------------------------------- */
+/* Thumbnail class */
+
+.thumbnail {
+text-align: center;
+display: inline-block;
+width:25%;
+margin-top: 7%;
+min-width:250px;
+min-height:192px;
+}
+
+.thumbnail object{
+text-align: center;
+width:228px;
+height:192px;
+}
+
+/* -------------------------------------------------------- */
+/* Bookmarks page*/
+
+.bookfolder{
+margin-left: 2em;
+margin-bottom: 0.5em;
+}
+
+/* -------------------------------------------------------- */
+</style>
+</head>
+
+<body>
+
+<div id="container">
+<div id="navigation">
+%3
+</div>
+<div id="content">%4</div>
+</div>
+
+</body>
+</html>