Fix #18

- change the layout for logo
- add link to logo

Author: at15

doc/README.md

@@ -22,7 +22,9 @@ var y = 3
 
 #### I am nested, yeah
 
-A la la la
+| name | type | comment |
+| ---- | ---- | ------- |
+| id   | int  | test    |
 
 ## Contribute
 

public/assets/script/bundle.js

@@ -1,3 +1,4 @@
 /**
  * Created by Pillar on 2015/8/2.
- */
+ */
+$('table').addClass('table');

public/assets/style/bundle.css

@@ -17,19 +17,22 @@ ul {
   top: 0;
   left: 0;
   padding: 10px;
-  width: 18%;
+  width: 16%;
   height: 100%;
   overflow-x: hidden;
   overflow-y: auto; }
   .sidebar li {
     list-style: none; }
   .sidebar a {
     color: white; }
+  .sidebar .doc-viewer-logo-con {
+    padding: 5px;
+    text-align: center; }
 
 .markdown-content {
-  margin-left: 20%;
-  padding: 10px;
-  width: 75%;
+  margin-left: 16%;
+  padding: 20px;
+  width: 70%;
   height: 100%;
   overflow: auto; }
 
@@ -38,7 +41,7 @@ ul {
   top: 0;
   right: 0;
   padding: 10px;
-  width: 18%; }
+  width: 23%; }
   .markdown-toc li {
     list-style: none; }
 

views/assets/javascript/app.js

@@ -1,3 +1,4 @@
 /**
  * Created by Pillar on 2015/8/2.
- */
+ */
+$('table').addClass('table');

views/assets/style/layout.scss

@@ -18,7 +18,7 @@ ul{
 
     padding: 10px;
 
-    width: 18%;
+    width: 16%;
     height: 100%;
 
     overflow-x: hidden;
@@ -31,14 +31,20 @@ ul{
     a {
         color: white;
     }
+
+    .doc-viewer-logo-con {
+        padding:5px;
+
+        text-align: center;
+    }
 }
 
 .markdown-content {
+    // TODO:refactor using variables
+    margin-left: 16%;
+    padding: 20px;
 
-    margin-left: 20%;
-    padding: 10px;
-
-    width: 75%;
+    width: 70%;
     height: 100%;
 
     overflow: auto;
@@ -50,7 +56,7 @@ ul{
     right: 0;
 
     padding: 10px;
-    width: 18%;
+    width: 23%;
 
     li {
         list-style: none;

views/doc.ejs

@@ -9,7 +9,9 @@
 <!--A slide bar to show search and folder or category?  -->
 <div class="sidebar dark-blue-bkg">
     <!-- TODO: add css for the logo -->
-    <img src="/doc-viewer.PNG" alt="">
+    <div class="doc-viewer-logo-con">
+        <a href="https://github.com/at15/doc-viewer" target="_blank"><img src="/doc-viewer.PNG" alt="logo"></a>
+    </div>
     <ul>
         <% for(var i = 0;i < dir.length;i++) { %>
         <li>