diff --git a/_layouts/default.html b/_layouts/default.html
index 399f141..aea0c16 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -11,11 +11,15 @@
   
   <!-- scripts at bottom of page -->
   
-  <script src="http://desandro.com/mint/?script"></script> <!-- analytics -->
+  <!-- <script src="http://desandro.com/mint/?script"></script> -->
 
 </head>
 <body class="{{ page.category }} {{ page.body_class }}">
-  
+
+  <div id="top-banner">
+    <p><a href="http://isotope.metafizzy.co/beta">Try Isotope v2 beta!</a></p>
+  </div>
+
   <nav id="site-nav">
     <h1><a href="{{ root_path }}index.html">{{ site.name }}</a></h1>
 
diff --git a/css/style.css b/css/style.css
index e87f0d9..56785b8 100644
--- a/css/style.css
+++ b/css/style.css
@@ -447,7 +447,7 @@ body {
   width: 200px;
   position: absolute;
   left: 10px;
-  top: 0px;
+  top: 60px;
   padding-top: 20px;
   font-size: 12px;
 }
@@ -834,7 +834,22 @@ code .nd { color: #9FAD7E; } /* CSS pseudo selector */
           border-radius: 10px;
 }
 
+#top-banner {
+}
+
+#top-banner a {
+  display: block;
+  background: #FF0;
+  color: #06F;
+  padding: 0.5em;
+  font-family: Helvetica Neue, Arial, sans-serif;
+  font-weight: bold;
+  font-size: 20px;
+  border-radius: 4px;
+  text-align: center;
+}
 
+#top-banner a:hover { background: white; color: #F06; }
 
 /* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
 .clearfix:before, .clearfix:after { content: ""; display: table; }
