add wishlist page

.gitignore

@@ -9,3 +9,5 @@ tmp
 log
 local.py
 vendor
+
+*sublime*

css/sb-admin.css

@@ -0,0 +1,329 @@
+/* Global Styles */
+
+/* ------------------------------- */
+
+body {
+    padding-top: 100px;
+    background-color: #f8f8f8;
+}
+
+@media(min-width:768px) {
+    body {
+        padding-top: 50px;
+    }
+}
+
+/* Wrappers */
+
+/* ------------------------------- */
+
+#wrapper {
+    width: 100%;
+}
+
+#page-wrapper {
+    padding: 0 15px;
+    min-height: 568px;
+    background-color: #fff;
+}
+
+@media(min-width:768px) {
+    #page-wrapper {
+        position: inherit;
+        margin: 0 0 0 250px;
+        padding: 0 30px;
+        min-height: 1300px;
+        border-left: 1px solid #e7e7e7;
+    }
+}
+
+/* Navigation */
+
+/* ------------------------------- */
+
+/* Top Right Navigation Dropdown Styles */
+
+.navbar-top-links li {
+    display: inline-block;
+}
+
+.navbar-top-links li:last-child {
+    margin-right: 15px;
+}
+
+.navbar-top-links li a {
+    padding: 15px;
+    min-height: 50px;
+}
+
+.navbar-top-links .dropdown-menu li {
+    display: block;
+}
+
+.navbar-top-links .dropdown-menu li:last-child {
+    margin-right: 0;
+}
+
+.navbar-top-links .dropdown-menu li a {
+    padding: 3px 20px;
+    min-height: 0;
+}
+
+.navbar-top-links .dropdown-menu li a div {
+    white-space: normal;
+}
+
+.navbar-top-links .dropdown-messages,
+.navbar-top-links .dropdown-tasks,
+.navbar-top-links .dropdown-alerts {
+    width: 310px;
+    min-width: 0;
+}
+
+.navbar-top-links .dropdown-messages {
+    margin-left: 5px;
+}
+
+.navbar-top-links .dropdown-tasks {
+    margin-left: -59px;
+}
+
+.navbar-top-links .dropdown-alerts {
+    margin-left: -123px;
+}
+
+.navbar-top-links .dropdown-user {
+    right: 0;
+    left: auto;
+}
+
+/* Sidebar Menu Styles */
+
+.navbar-static-side ul li {
+    border-bottom: 1px solid #e7e7e7;
+}
+
+.sidebar-search {
+    padding: 15px;
+}
+
+.arrow {
+    float: right;
+}
+
+.fa.arrow:before {
+    content: "\f104";
+}
+
+.active > a > .fa.arrow:before {
+    content: "\f107";
+}
+
+.nav-second-level li,
+.nav-third-level li {
+    border-bottom: none !important;
+}
+
+.nav-second-level li a {
+    padding-left: 37px;
+}
+
+.nav-third-level li a {
+    padding-left: 52px;
+}
+
+@media(min-width:768px) {
+    .navbar-static-side {
+        z-index: 1;
+        position: absolute;
+        width: 250px;
+        margin-top: 51px;
+    }
+
+    .navbar-top-links .dropdown-messages,
+    .navbar-top-links .dropdown-tasks,
+    .navbar-top-links .dropdown-alerts {
+        margin-left: auto;
+    }
+}
+
+@media(max-height:600px) and (max-width:767px) {
+    .sidebar-collapse {
+        max-height: 300px;
+        overflow-y: scroll;
+    }
+}
+
+@media(max-height:400px) and (max-width:767px) {
+    .sidebar-collapse {
+        max-height: 200px;
+        overflow-y: scroll;
+    }
+}
+
+/* Buttons */
+
+/* ------------------------------- */
+
+.btn-outline {
+    color: inherit;
+    background-color: transparent;
+    transition: all .5s;
+}
+
+.btn-primary.btn-outline {
+    color: #428bca;
+}
+
+.btn-success.btn-outline {
+    color: #5cb85c;
+}
+
+.btn-info.btn-outline {
+    color: #5bc0de;
+}
+
+.btn-warning.btn-outline {
+    color: #f0ad4e;
+}
+
+.btn-danger.btn-outline {
+    color: #d9534f;
+}
+
+.btn-primary.btn-outline:hover,
+.btn-success.btn-outline:hover,
+.btn-info.btn-outline:hover,
+.btn-warning.btn-outline:hover,
+.btn-danger.btn-outline:hover {
+    color: #fff;
+}
+
+/* Pages */
+
+/* ------------------------------- */
+
+/* Dashboard Chat */
+
+.chat {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+.chat li {
+    margin-bottom: 10px;
+    padding-bottom: 5px;
+    border-bottom: 1px dotted #B3A9A9;
+}
+
+.chat li.left .chat-body {
+    margin-left: 60px;
+}
+
+.chat li.right .chat-body {
+    margin-right: 60px;
+}
+
+.chat li .chat-body p {
+    margin: 0;
+    color: #777777;
+}
+
+.panel .slidedown .glyphicon,
+.chat .glyphicon {
+    margin-right: 5px;
+}
+
+.chat-panel .panel-body {
+    height: 350px;
+    overflow-y: scroll;
+}
+
+/* Login Page */
+
+.login-panel {
+    margin-top: 25%;
+}
+
+/* Flot Chart Containers */
+
+.flot-chart {
+    display: block;
+    height: 400px;
+}
+
+.flot-chart-content {
+    width: 100%;
+    height: 100%;
+}
+
+/* DataTables Overrides */
+
+table.dataTable thead .sorting,
+table.dataTable thead .sorting_asc,
+table.dataTable thead .sorting_desc,
+table.dataTable thead .sorting_asc_disabled,
+table.dataTable thead .sorting_desc_disabled {
+    background: transparent;
+}
+
+table.dataTable thead .sorting_asc:after {
+    content: "\f0de";
+    float: right;
+    font-family: fontawesome;
+}
+
+table.dataTable thead .sorting_desc:after {
+    content: "\f0dd";
+    float: right;
+    font-family: fontawesome;
+}
+
+table.dataTable thead .sorting:after {
+    content: "\f0dc";
+    float: right;
+    font-family: fontawesome;
+    color: rgba(50,50,50,.5);
+}
+
+/* Circle Buttons */
+
+.btn-circle {
+    width: 30px;
+    height: 30px;
+    padding: 6px 0;
+    border-radius: 15px;
+    text-align: center;
+    font-size: 12px;
+    line-height: 1.428571429;
+}
+
+.btn-circle.btn-lg {
+    width: 50px;
+    height: 50px;
+    padding: 10px 16px;
+    border-radius: 25px;
+    font-size: 18px;
+    line-height: 1.33;
+}
+
+.btn-circle.btn-xl {
+    width: 70px;
+    height: 70px;
+    padding: 10px 16px;
+    border-radius: 35px;
+    font-size: 24px;
+    line-height: 1.33;
+}
+
+.show-grid [class^="col-"] {
+    padding-top: 10px;
+    padding-bottom: 10px;
+    border: 1px solid #ddd;
+    background-color: #eee !important;
+}
+
+.show-grid {
+    margin: 15px 0;
+}

html/index.html

@@ -6,6 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../css/lumen.css" media="screen">
     <link rel="stylesheet" href="../vendor/font-awesome/css/font-awesome.min.css" media="screen">
+    <link rel="stylesheet" href="../css/sb-admin.css">
     <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!--[if lt IE 9]>
       <script src="../bower_components/html5shiv/dist/html5shiv.js"></script>
@@ -20,6 +21,9 @@
         background-color: rgba(248, 248, 248, 0.9);
         border-color: rgba(231, 231, 231, 0.9);
       }
+      body {
+        color: #4FB0AE;
+      }
     </style>
   </head>
   <body>
@@ -37,7 +41,7 @@
         <div class="navbar-collapse collapse navbar-responsive-collapse">
           <ul class="nav navbar-nav">
             <li class="active"><a href="#">Home</a></li>
-            <li><a href="#"><i class="fa fa-heart-o"></i> Wish List</a></li>
+            <li><a href="wishlist.html"><i class="fa fa-heart-o"></i> Wish List</a></li>
           </ul>
           <form class="navbar-form navbar-left">
             <input type="text" class="form-control col-lg-8" placeholder="Search">
@@ -61,7 +65,6 @@
 
 
     <div class="container">
-      <br/>
       <div class="page-header" id="banner">
         <div class="row">
           <div class="col-lg-8 col-md-7 col-sm-6">

html/wishlist.html

@@ -0,0 +1,310 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Wish List | Seeker</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../css/lumen.css" media="screen">
+    <link rel="stylesheet" href="../vendor/font-awesome/css/font-awesome.min.css" media="screen">
+    <link rel="stylesheet" href="../css/sb-admin.css">
+    <link rel="stylesheet" href="../css/ace.css">
+    <link rel="stylesheet" href="../css/ace-skins.css">
+    <link rel="stylesheet" href="../css/ace-rtl.css">
+    <link rel="stylesheet" href="../css/sb-admin.css">
+    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
+    <!--[if lt IE 9]>
+      <script src="../bower_components/html5shiv/dist/html5shiv.js"></script>
+      <script src="../bower_components/respond/dest/respond.min.js"></script>
+    <![endif]-->
+    <style>
+      .placeholder img {
+        display: inline-block;
+        border-radius: 5%;
+      }
+      .navbar-default {
+        background-color: rgba(248, 248, 248, 0.9);
+        border-color: rgba(231, 231, 231, 0.9);
+      }
+      .item-list {
+        list-style: none;
+        padding-left: 0px;
+      }
+      .item-list>li{
+        padding:9px;
+        background-color:#FFF;
+        margin-top:-1px;
+        position:relative
+      }
+
+      .item-list>li.selected{
+        color:#8090A0;
+        background-color:#F4F9FC
+      }
+
+      .item-list>li.selected label,.item-list>li.selected .lbl{
+        text-decoration:line-through;
+        color:#8090A0
+      }
+
+      .item-list>li>.checkbox{
+        display:inline-block
+      }
+
+      .item-list>li>label.inline{
+        display:inline-block
+      }
+
+      .item-list>li label{
+        font-size:13px
+      }
+
+      .item-list>li .percentage{
+        font-size:11px;
+        font-weight:bold;
+        color:#777
+      }
+
+      .item-list>li.ui-sortable-helper{
+        cursor:move
+      }
+
+      li[class*="item-"]{
+        border:1px solid #DDD;
+        border-left-width:3px
+      }
+
+      li.item-orange{
+        border-left-color:#e8b110
+      }
+
+      li.item-orange2{
+        border-left-color:#f79263
+      }
+
+      li.item-red{
+        border-left-color:#d53f40
+      }
+
+      li.item-red2{
+        border-left-color:#d15b47
+      }
+
+      li.item-green{
+        border-left-color:#9abc32
+      }
+
+      li.item-green2{
+        border-left-color:#0490a6
+      }
+
+      li.item-blue{
+        border-left-color:#4f99c6
+      }
+
+      li.item-blue2{
+        border-left-color:#3983c2
+      }
+
+      li.item-blue3{
+        border-left-color:#1144eb
+      }
+
+      li.item-pink{
+        border-left-color:#cb6fd7
+      }
+
+      li.item-purple{
+        border-left-color:#6f3cc4
+      }
+
+      li.item-black{
+        border-left-color:#505050
+      }
+
+      li.item-grey{
+        border-left-color:#a0a0a0
+      }
+
+      li.item-brown{
+        border-left-color:#a52a2a
+      }
+
+      li.item-default{
+        border-left-color:#abbac3
+      }
+
+      .ui-sortable-placeholder,.ui-sortable-helper,.ui-sortable-placeholder>a,.ui-sortable-helper>a{
+        cursor:move !important
+      }
+    </style>
+  </head>
+  <body>
+
+  <div id="wrapper">
+
+      <nav class="navbar navbar-default navbar-fixed-top" role="navigation" style="margin-bottom: 0">
+          <div class="navbar-header">
+              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
+                  <span class="sr-only">Toggle navigation</span>
+                  <span class="icon-bar"></span>
+                  <span class="icon-bar"></span>
+                  <span class="icon-bar"></span>
+              </button>
+              <a class="navbar-brand" href="index.html">Seeker</a>
+          </div>
+          <!-- /.navbar-header -->
+
+          <ul class="nav navbar-top-links navbar-right">
+            <li><a href="#"><i class="fa fa-shopping-cart"></i> Cart</a></li>
+            <li class="dropdown">
+              <a href="#" class="dropdown-toggle" data-toggle="dropdown">You <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="#">Account</a></li>
+                <li><a href="#"><i class="fa fa-inbox"></i> Inbox</a></li>
+                <li class="divider"></li>
+                <li><a href="#">Logout</a></li>
+              </ul>
+            </li>
+              <!-- /.dropdown -->
+          </ul>
+          <!-- /.navbar-top-links -->
+
+          <div class="navbar-default navbar-static-side" role="navigation">
+              <div class="sidebar-collapse">
+                  <ul class="nav" id="side-menu">
+                      <li>
+                        <a href="index.html"><i class="fa fa-list fa-fw"></i> List</a>
+                        <ul class="nav nav-second-level">
+                            <li>
+                                <a href="blank.html">List 1</a>
+                            </li>
+                            <li>
+                                <a href="login.html">List 2</a>
+                            </li>
+                        </ul>
+                      </li>
+                  </ul>
+                  <!-- /#side-menu -->
+              </div>
+              <!-- /.sidebar-collapse -->
+          </div>
+          <!-- /.navbar-static-side -->
+      </nav>
+
+      <div id="page-wrapper">
+          <div class="row">
+              <div class="col-lg-12">
+                  <h1 class="page-header"><i class="fa fa-heart-o"></i> Wish List</h1>
+                  <ul id="tasks" class="item-list ui-sortable">
+                    <li class="item-orange clearfix">
+                      <label class="inline">
+                        <input class="ace" type="checkbox">
+                        <span class="lbl"> Badminton Racket</span>
+                      </label>
+
+                      <div style="height: 30px; width: 30px; line-height: 29px;" class="pull-right easy-pie-chart percentage" data-size="30" data-color="#ECCB71" data-percent="42">
+                        <span class="percent">42</span>%
+                      <canvas width="30" height="30"></canvas></div>
+                    </li>
+
+                    <li class="item-red clearfix">
+                      <label class="inline">
+                        <input class="ace" type="checkbox">
+                        <span class="label label-info arrowed-right arrowed-in">on sale</span>
+                        <span class="lbl"> iPhone 6</span>
+                      </label>
+
+                      <div class="pull-right action-buttons">
+                        <a href="#" class="blue">
+                          <i class="ace-icon fa fa-pencil bigger-130"></i>
+                        </a>
+
+                        <span class="vbar"></span>
+
+                        <a href="#" class="red">
+                          <i class="ace-icon fa fa-trash-o bigger-130"></i>
+                        </a>
+
+                        <span class="vbar"></span>
+
+                        <a href="#" class="green">
+                          <i class="ace-icon fa fa-flag bigger-130"></i>
+                        </a>
+                      </div>
+                    </li>
+
+                    <li class="item-default clearfix">
+                      <label class="inline">
+                        <input class="ace" type="checkbox">
+                        <span class="lbl"><span class="label label-warning arrowed arrowed-right">SOLD</span> iPad cover</span>
+                      </label>
+
+                      <div class="inline pull-right position-relative dropdown-hover">
+                        <button class="btn btn-minier bigger btn-primary">
+                          <i class="ace-icon fa fa-cog icon-only bigger-120"></i>
+                        </button>
+
+                        <ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-caret dropdown-close dropdown-menu-right">
+                          <li>
+                            <a data-original-title="Mark&nbsp;as&nbsp;done" href="#" class="tooltip-success" data-rel="tooltip" title="">
+                              <span class="green">
+                                <i class="ace-icon fa fa-check bigger-110"></i>
+                              </span>
+                            </a>
+                          </li>
+
+                          <li>
+                            <a data-original-title="Delete" href="#" class="tooltip-error" data-rel="tooltip" title="">
+                              <span class="red">
+                                <i class="ace-icon fa fa-trash-o bigger-110"></i>
+                              </span>
+                            </a>
+                          </li>
+                        </ul>
+                      </div>
+                    </li>
+
+                    <li class="item-blue clearfix">
+                      <label class="inline">
+                        <input class="ace" type="checkbox">
+                        <span class="lbl"> Notebook</span>
+                      </label>
+                    </li>
+
+                    <li class="item-grey clearfix">
+                      <label class="inline">
+                        <input class="ace" type="checkbox">
+                        <span class="lbl"> Jeans</span>
+                      </label>
+                    </li>
+
+                    <li class="item-green clearfix">
+                      <label class="inline">
+                        <input class="ace" type="checkbox">
+                        <span class="lbl"> Adidas' a pair of socks</span>
+                      </label>
+                    </li>
+
+                    <li class="item-pink clearfix">
+                      <label class="inline">
+                        <input class="ace" type="checkbox">
+                        <span class="lbl"> Prawn</span>
+                      </label>
+                    </li>
+                  </ul>
+              </div>
+              <!-- /.col-lg-12 -->
+          </div>
+          <!-- /.row -->
+      </div>
+      <!-- /#page-wrapper -->
+
+  </div>
+  <!-- /#wrapper -->
+
+
+
+  <script src="../vendor/jquery/dist/jquery.min.js"></script>
+  <script src="../vendor/bootstrap/dist/js/bootstrap.min.js"></script>
+</body>
+</html>

index.html

@@ -8,7 +8,7 @@
     <meta name="author" content="">
     <!-- <link rel="icon" href="vendor/bootstrap/favicon.ico"> -->
 
-    <title>Cover Template for Bootstrap</title>
+    <title>Seeker Cover</title>
 
     <!-- Bootstrap core CSS -->
     <link href="vendor/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">