add github ribbon

Fix #1
bocoup · Feb 6, 2015 · 383ee10 · 383ee10
1 parent 3c0a3ee
commit 383ee10
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/assets/css/base.css b/assets/css/base.css
@@ -293,3 +293,16 @@ iframe {
   line-height: 1.4;
   font-size: 12px;
 }
+
+.github-ribbon {
+  position: absolute;
+  top: 40px;
+  right: 0;
+  border: 0;
+}
+
+@media (max-width: 420px) {
+  .github-ribbon {
+    display: none;
+  }
+}
diff --git a/templates/layout.jade b/templates/layout.jade
@@ -3,6 +3,9 @@ html
   include header
 
   body
+    a(href="https://github.com/bocoup/jqfundamentals.com")
+      img.github-ribbon(src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67", alt="Fork me on GitHub", data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png")
+
     .navbar.navbar-fixed-top
       .navbar-inner
         .container