add top banner for beta

11 years ago · b4448493be
2 changed files with 22 additions and 3 deletions
--- 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>

--- 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; }