Merge pull request #78 from gkchic/gh-pages

Ink template
mermaid-js · Dec 29, 2014 · c0f81d5 · c0f81d5
2 parents 06fb3a8 + 235728b
commit c0f81d5
Showing 1 changed file with 32 additions and 17 deletions.
diff --git a/tpl/ink.html b/tpl/ink.html
@@ -12,7 +12,8 @@
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
 
-  <!-- Place favicon.ico and apple-touch-icon(s) here  -->
+
+<link rel="icon" type="image/x-icon" href="https://assets-cdn.github.com/favicon.ico">
 
   <link rel="shortcut icon" href="http://cdn.ink.sapo.pt/3.1.1/img/favicon.ico">
   <link rel="apple-touch-icon" href="http://cdn.ink.sapo.pt/3.1.1/img/touch-icon-iphone.png">
@@ -52,15 +53,21 @@
   <style type="text/css">
 
     body {
-      background: #ededed;
+      background: #ffffff;
+      font-family: sans-serif;
+      font-size: 90%;
     }
 
     header h1 small:before  {
       content: "|";
       margin: 0 0.5em;
-      font-size: 1.6em;
+      font-size: 1.5em;
     }
-
+
+    h1 {
+    color: #104e8b
+        }        
+
     article header{
       padding: 0;
       overflow: hidden;
@@ -74,7 +81,11 @@
       padding-bottom: 2em;
       border-bottom: 1px solid #ccc;
     }
-
+
+    table, th, td {
+    border: 1px solid #8b8989;
+    } 
+
     .date {
       float: right;
     }
@@ -83,9 +94,13 @@
       font-weight: 700;
       line-height: 1.5;
     }
-
+    .push, footer {
+        height: 120px;
+        margin-top: 0;
+        margin-bottom: 10;
+      } 
     footer {
-      background: #ccc;
+      background: #cdc5bf;
     }
   </style>
   <script>
@@ -165,29 +180,29 @@ <h1 class="logo xlarge-push-left large-push-left">
 
   <section class="column-group gutters">
     <div class="all-20 small-100 tiny-100">
-      <h3>heading</h3>
+      <h4>heading</h4>
       <img class="half-bottom-space" src="holder.js/1200x600/auto/ink" alt="">
-      <p>"Red is not the right word," was the reply. "The plague was scarlet.  The whole face and body turned scarlet in an hour's time. Don't I  know? Didn't I see enough of it? And I am telling you it was scarlet  because&mdash;well, because it was scarlet. There is no other word for it."</p>
+      <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel tortor vel nisl vestibulum congue vel vel lectus. Cras vehicula metus nec nibh ornare, in ullamcorper ipsum sodales. Duis luctus tempus augue, sed facilisis sem semper non. Pellentesque elementum auctor lectus, a fringilla quam."</p>
     </div>
     <div class="all-20 small-100 tiny-100">
-      <h3>heading</h3>
+      <h4>heading</h4>
       <img class="half-bottom-space" src="holder.js/1200x600/auto/ink" alt="">
-      <p>"Red is not the right word," was the reply. "The plague was scarlet.  The whole face and body turned scarlet in an hour's time. Don't I  know? Didn't I see enough of it? And I am telling you it was scarlet  because&mdash;well, because it was scarlet. There is no other word for it."</p>
+      <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel tortor vel nisl vestibulum congue vel vel lectus. Cras vehicula metus nec nibh ornare, in ullamcorper ipsum sodales. Duis luctus tempus augue, sed facilisis sem semper non. Pellentesque elementum auctor lectus, a fringilla quam."</p>
     </div>
     <div class="all-20 small-100 tiny-100">
-      <h3>heading</h3>
+      <h4>heading</h4>
       <img class="half-bottom-space" src="holder.js/1200x600/auto/ink" alt="">
-      <p>"Red is not the right word," was the reply. "The plague was scarlet.  The whole face and body turned scarlet in an hour's time. Don't I  know? Didn't I see enough of it? And I am telling you it was scarlet  because&mdash;well, because it was scarlet. There is no other word for it."</p>
+      <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel tortor vel nisl vestibulum congue vel vel lectus. Cras vehicula metus nec nibh ornare, in ullamcorper ipsum sodales. Duis luctus tempus augue, sed facilisis sem semper non. Pellentesque elementum auctor lectus, a fringilla quam."</p>
     </div>
     <div class="all-20 small-100 tiny-100">
-      <h3>heading</h3>
+      <h4>heading</h4>
       <img class="half-bottom-space" src="holder.js/1200x600/auto/ink" alt="">
-      <p>"Red is not the right word," was the reply. "The plague was scarlet.  The whole face and body turned scarlet in an hour's time. Don't I  know? Didn't I see enough of it? And I am telling you it was scarlet  because&mdash;well, because it was scarlet. There is no other word for it."</p>
+      <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel tortor vel nisl vestibulum congue vel vel lectus. Cras vehicula metus nec nibh ornare, in ullamcorper ipsum sodales. Duis luctus tempus augue, sed facilisis sem semper non. Pellentesque elementum auctor lectus, a fringilla quam."</p>
     </div>
     <div class="all-20 small-100 tiny-100">
-      <h3>heading</h3>
+      <h4>heading</h4>
       <img class="half-bottom-space" src="holder.js/1200x600/auto/ink" alt="">
-      <p>"Red is not the right word," was the reply. "The plague was scarlet.  The whole face and body turned scarlet in an hour's time. Don't I  know? Didn't I see enough of it? And I am telling you it was scarlet  because&mdash;well, because it was scarlet. There is no other word for it."</p>
+      <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel tortor vel nisl vestibulum congue vel vel lectus. Cras vehicula metus nec nibh ornare, in ullamcorper ipsum sodales. Duis luctus tempus augue, sed facilisis sem semper non. Pellentesque elementum auctor lectus, a fringilla quam."</p>
     </div>
   </section>
 </div>