Added Fork Me Ribbon

wbruno · Mar 4, 2015 · 3052111 · 3052111
1 parent f56aa90
commit 3052111
Show file tree

Hide file tree

Showing 12 changed files with 119 additions and 25 deletions.
diff --git a/disable_inputs/index.html b/disable_inputs/index.html
@@ -1,5 +1,7 @@
 <html>
 <head>
+  <meta charset="utf8" />
+  <link rel="stylesheet" href="../gh-fork-ribbon.css" />
 
 </head>
 <body>
@@ -66,5 +68,11 @@
 
 }());
 </script>
+
+<div class="github-fork-ribbon-wrapper right">
+  <div class="github-fork-ribbon">
+    <a href="https://github.com/wbruno/examples">Fork me on GitHub</a>
+  </div>
+</div>
 </body>
 </html>
diff --git a/input-check-required/index.html b/input-check-required/index.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
   <meta charset="UTF-8">
+  <link rel="stylesheet" href="../gh-fork-ribbon.css" />
   <title>Document</title>
 </head>
 <body>
@@ -35,5 +36,11 @@
 
 }());
 </script>
+
+<div class="github-fork-ribbon-wrapper right">
+  <div class="github-fork-ribbon">
+    <a href="https://github.com/wbruno/examples">Fork me on GitHub</a>
+  </div>
+</div>
 </body>
 </html>
diff --git a/input-disabled/index.html b/input-disabled/index.html
@@ -1,3 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <link rel="stylesheet" href="../gh-fork-ribbon.css" />
+  <title>Document</title>
+</head>
+<body>
+
+
 <form action="" id="form">
   <input type="text" id="name" />
   <input type="submit" value="Ok" />
@@ -32,3 +42,10 @@
 });
 </script>
 
+<div class="github-fork-ribbon-wrapper right">
+  <div class="github-fork-ribbon">
+    <a href="https://github.com/wbruno/examples">Fork me on GitHub</a>
+  </div>
+</div>
+</body>
+</html>
diff --git a/pause-interval/index.html b/pause-interval/index.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
   <meta charset="UTF-8">
+  <link rel="stylesheet" href="../gh-fork-ribbon.css" />
   <title>Document</title>
 
   <style type="text/css">
@@ -38,5 +39,10 @@
 });
 </script>
 
+<div class="github-fork-ribbon-wrapper right">
+  <div class="github-fork-ribbon">
+    <a href="https://github.com/wbruno/examples">Fork me on GitHub</a>
+  </div>
+</div>
 </body>
 </html>
diff --git a/rotate/index.html b/rotate/index.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
 	<meta charset="UTF-8">
+    <link rel="stylesheet" href="../gh-fork-ribbon.css" />
 	<title>Document</title>
 
 <style>
@@ -48,5 +49,11 @@
     });
 }());
 </script>
+
+<div class="github-fork-ribbon-wrapper right">
+  <div class="github-fork-ribbon">
+    <a href="https://github.com/wbruno/examples">Fork me on GitHub</a>
+  </div>
+</div>
 </body>
-</html>
+</html>
diff --git a/select-sum/index.html b/select-sum/index.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
   <meta charset="UTF-8">
+  <link rel="stylesheet" href="../gh-fork-ribbon.css" />
   <title>Document</title>
 </head>
 <body>
@@ -45,6 +46,11 @@
 }());
 </script>
 
+<div class="github-fork-ribbon-wrapper right">
+  <div class="github-fork-ribbon">
+    <a href="https://github.com/wbruno/examples">Fork me on GitHub</a>
+  </div>
+</div>
 </body>
 </html>
 
diff --git a/show-hide/index.html b/show-hide/index.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
+    <link rel="stylesheet" href="../gh-fork-ribbon.css" />
     <title>Document</title>
 <style>
 .box {
@@ -22,45 +23,45 @@
     <a href="#" class="lnk-show" data-div="1">mostrar</a>
     <a href="#" class="lnk-hide" data-div="1">esconder</a>
     <br />
- 
+
     <a href="#" class="lnk-show" data-div="2">mostrar</a>
     <a href="#" class="lnk-hide" data-div="2">esconder</a>
     <br />
- 
+
     <a href="#" class="lnk-show" data-div="3">mostrar</a>
     <a href="#" class="lnk-hide" data-div="3">esconder</a>
     <br />
- 
+
     <a href="#" class="lnk-show" data-div="4">mostrar</a>
     <a href="#" class="lnk-hide" data-div="4">esconder</a>
     <br />
- 
+
     <a href="#" class="lnk-show" data-div="5">mostrar</a>
     <a href="#" class="lnk-hide" data-div="5">esconder</a>
     <br />
- 
- 
+
+
     <br />
- 
+
     <div class="box fleft" data-me="1">1</div>
     <div class="box fleft is-hidden" data-me="2">2</div>
     <div class="box fleft is-hidden" data-me="3">3</div>
     <div class="box fleft is-hidden" data-me="4">4</div>
     <div class="box fleft is-hidden" data-me="5">5</div>
- 
+
 <script>
 (function() {
     "use strict";
     /*jslint browser:true*/
- 
+
     var $boxes = document.getElementsByClassName("box"),
         $lnksShow = document.getElementsByClassName("lnk-show"),
         $lnksHide = document.getElementsByClassName("lnk-hide");
- 
- 
+
+
     function loop($els, cb) {
         var i = $els.length;
- 
+
         while (i > 0) {
             i--;
             cb($els[i]);
@@ -74,28 +75,35 @@
     function getDiv(n) {
         return document.querySelector("[data-me='" + n + "']");
     }
- 
+
     loop($lnksShow, function($lnk) {
         $lnk.addEventListener("click", function(e) {
             e.preventDefault();
             var div = getDiv(this.getAttribute("data-div"));
- 
+
             hideAll($boxes);
- 
+
             div.classList.remove("is-hidden");
         });
     });
     loop($lnksHide, function($lnk) {
         $lnk.addEventListener("click", function(e) {
             e.preventDefault();
             var div = getDiv(this.getAttribute("data-div"));
- 
+
             div.classList.add("is-hidden");
         });
     });
- 
- 
+
+
 }());
 </script>
+
+
+<div class="github-fork-ribbon-wrapper right">
+  <div class="github-fork-ribbon">
+    <a href="https://github.com/wbruno/examples">Fork me on GitHub</a>
+  </div>
+</div>
 </body>
-</html>
+</html>
diff --git a/slider100/index.html b/slider100/index.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
+    <link rel="stylesheet" href="../gh-fork-ribbon.css" />
     <title>Document</title>
 
     <link rel="stylesheet" href="style.css" />
@@ -53,5 +54,12 @@
     </section><!-- #content-about -->
 
     <script src="all.js"></script>
+
+
+<div class="github-fork-ribbon-wrapper right">
+  <div class="github-fork-ribbon">
+    <a href="https://github.com/wbruno/examples">Fork me on GitHub</a>
+  </div>
+</div>
 </body>
-</html>
+</html>
diff --git a/star-rating/index.html b/star-rating/index.html
@@ -1,5 +1,6 @@
 <html>
 <head>
+  <link rel="stylesheet" href="../gh-fork-ribbon.css" />
 <style type="text/css">
 * { margin: 0; padding: 0; list-style: none; }
 .stars {
@@ -118,5 +119,11 @@
 });
 </script>
 
+
+<div class="github-fork-ribbon-wrapper right">
+  <div class="github-fork-ribbon">
+    <a href="https://github.com/wbruno/examples">Fork me on GitHub</a>
+  </div>
+</div>
 </body>
 </html>
diff --git a/time-counter/index.html b/time-counter/index.html
@@ -2,20 +2,21 @@
 <html lang="en">
 <head>
   <meta charset="UTF-8">
+  <link rel="stylesheet" href="../gh-fork-ribbon.css" />
   <title>Document</title>
 </head>
 <body>
 
-<time data-end="2014-09-04-15-03-01" class="counter"></time>
+<time data-end="2015-09-04-15-03-01" class="counter"></time>
 <br><br>
 
-<time data-end="2014-09-03-15-03-11" class="counter"></time>
+<time data-end="2015-09-03-15-03-11" class="counter"></time>
 <br><br>
 
-<time data-end="2014-09-01-12-02-31" class="counter"></time>
+<time data-end="2015-09-01-12-02-31" class="counter"></time>
 <br><br>
 
-<time data-end="2015-09-10-8-32-51" class="counter"></time>
+<time data-end="2016-09-10-8-32-51" class="counter"></time>
 
 
 <script src="time-counter.js"></script>
@@ -30,5 +31,10 @@
 }, 1000);
 </script>
 
+<div class="github-fork-ribbon-wrapper right">
+  <div class="github-fork-ribbon">
+    <a href="https://github.com/wbruno/examples">Fork me on GitHub</a>
+  </div>
+</div>
 </body>
 </html>
diff --git a/upload-ajax/index.html b/upload-ajax/index.html
@@ -2,6 +2,7 @@
 <html>
 <head>
   <meta charset="utf-8" />
+  <link rel="stylesheet" href="../gh-fork-ribbon.css" />
   <title>Upload ajax</title>
 </head>
 <body>
@@ -59,5 +60,10 @@
 
 </script>
 
+<div class="github-fork-ribbon-wrapper right">
+  <div class="github-fork-ribbon">
+    <a href="https://github.com/wbruno/examples">Fork me on GitHub</a>
+  </div>
+</div>
 </body>
 </html>
diff --git a/yt-iframe-api/index.html b/yt-iframe-api/index.html
@@ -2,6 +2,7 @@
 <html>
 <head>
   <meta charset="utf-8">
+  <link rel="stylesheet" href="../gh-fork-ribbon.css" />
   <title>Youtube iFrame API</title>
 </head>
 <body>
@@ -23,5 +24,12 @@
     player.pauseVideo();
   });
   </script>
+
+
+<div class="github-fork-ribbon-wrapper right">
+  <div class="github-fork-ribbon">
+    <a href="https://github.com/wbruno/examples">Fork me on GitHub</a>
+  </div>
+</div>
 </body>
 </html>