canary

Author: jesuscript

client/templates/footer-canary.js

@@ -0,0 +1,3 @@
+Template.footerCanary.rendered = function(){
+  this.$("[data-toggle=popover]").popover({html: true});
+};

styles/app.less

@@ -272,6 +272,31 @@ body{
       }
     }
   }
+
+  .popover{
+    border-radius:0;
+    border-color: #000;
+    font-family: 'Roboto-Light', sans-serif;
+    padding: 0;
+    background-color: rgba(255,255,255,1);
+    color: #333;
+    max-width: 400px;
+    .popover-title{
+      background-color: rgba(0,0,0,0.8);
+      color: #fff;
+      border-radius: 0;
+      border: 0;
+    }
+    .arrow{
+      border-right-color: #000 !important;
+    }
+    .popover-content{
+      p:last-of-type{
+        margin-bottom: 0;
+      }
+    }
+  }
+
 }
 
 .point-down, .subsection.point-from-left, .subsection.point-from-right{
@@ -378,22 +403,6 @@ body{
   }
 }
 
-.popover{
-  border-radius:0;
-  border-color: #000;
-  font-family: 'Roboto-Light', sans-serif;
-  padding: 0;
-  background-color: rgba(255,255,255,1);
-  .popover-title{
-    background-color: rgba(0,0,0,0.8);
-    color: #fff;
-    border-radius: 0;
-    border: 0;
-  }
-  .arrow{
-    border-right-color: #000 !important;
-  }
-}
 
 table.multicolored{
   table-layout: fixed;

styles/footer-canary.less

@@ -0,0 +1,6 @@
+#footer-canary{
+  margin-top: 30px;
+  a{
+    color: #fff;
+  }
+}

templates/footer-canary.html

@@ -0,0 +1,5 @@
+<template name="footerCanary">
+  <section id="footer-canary">
+    <a data-toggle="popover" title="Canary" data-content="<p>Stiftung Ethereum has never been contacted any government agency anywhere in the world in a way which requires that contact not to be disclosed.</p><p>Stiftung Ethereum will publicly disclose any sort of inquiry from government agencies that falls outside the scope of regular business operations.</p>" data-trigger="hover" data-placement="top">Canary</a>
+  </section>
+</template>

templates/footer.html

@@ -69,6 +69,7 @@ <h4>Resources</h4>
             <div class="pull-right hidden-sm right-section">
               <img class="logo" src="/images/ETHEREUM_NAV-BAR-LOGO.png"/>
               {{> mediaLinks}}
+              {{> footerCanary }}
             </div>
           </div>
         </div>