GitHub ribbon added on the pages

techlab · techlab · commit 4a634cdb9441 · 2020-10-20T10:40:54.000+05:30
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -218,6 +218,20 @@ h6:focus a.anchor-link, h6:hover a.anchor-link {
   color: #4e4e4e
 }
 
+.flag-forkme {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1040;
+  width: 149px;
+  height: 149px;
+  transform: rotate(270deg);
+  opacity: 0.6;
+}
+
+.flag-forkme:hover, .flag-forkme:focus{
+  opacity: 1;
+}
 
 @media (min-width: 992px) {
   #navbar-main .dropdown-menu {
@@ -258,4 +272,11 @@ h6:focus a.anchor-link, h6:hover a.anchor-link {
   a.anchor-link {
     left:auto;
   }
+
+  .flag-forkme {
+    left: unset;
+    right: 0;
+    transform: none;
+    opacity: 1;
+  }
 }
diff --git a/assets/images/forkme.png b/assets/images/forkme.png
diff --git a/create-jquery-plugin.html b/create-jquery-plugin.html
@@ -68,6 +68,9 @@
 </head>
 
 <body>
+  <!-- GitHub Fork Me -->
+  <a href="https://github.com/techlab/create-jquery-plugin" class="flag-forkme"><img loading="lazy" src="assets/images/forkme.png" alt="Fork me on GitHub"></a>
+
   <header class="header-global">
     <nav id="navbar-main" class="navbar navbar-main navbar-expand-lg navbar-transparent navbar-light headroom">
       <div class="container">
diff --git a/jquery-smarttab.html b/jquery-smarttab.html
@@ -71,6 +71,9 @@
 </head>
 
 <body>
+  <!-- GitHub Fork Me -->
+  <a href="https://github.com/techlab/jquery-smarttab" class="flag-forkme"><img loading="lazy" src="assets/images/forkme.png" alt="Fork me on GitHub"></a>
+
   <header class="header-global">
     <nav id="navbar-main" class="navbar navbar-main navbar-expand-lg navbar-transparent navbar-light headroom">
       <div class="container">
diff --git a/jquery-smartwizard.html b/jquery-smartwizard.html
@@ -71,6 +71,9 @@
 </head>
 
 <body>
+  <!-- GitHub Fork Me -->
+  <a href="https://github.com/techlab/jquery-smartwizard" class="flag-forkme"><img loading="lazy" src="assets/images/forkme.png" alt="Fork me on GitHub"></a>
+
   <header class="header-global">
     <nav id="navbar-main" class="navbar navbar-main navbar-expand-lg navbar-transparent navbar-light headroom">
       <div class="container">
diff --git a/react-smarttab.html b/react-smarttab.html
@@ -68,6 +68,9 @@
 </head>
 
 <body>
+  <!-- GitHub Fork Me -->
+  <a href="https://github.com/techlab/react-smarttab" class="flag-forkme"><img loading="lazy" src="assets/images/forkme.png" alt="Fork me on GitHub"></a>
+
   <header class="header-global">
     <nav id="navbar-main" class="navbar navbar-main navbar-expand-lg navbar-transparent navbar-light headroom">
       <div class="container">
diff --git a/smartcart.html b/smartcart.html
@@ -68,6 +68,9 @@
 </head>
 
 <body>
+  <!-- GitHub Fork Me -->
+  <a href="https://github.com/techlab/jquery-smartcart" class="flag-forkme"><img loading="lazy" src="assets/images/forkme.png" alt="Fork me on GitHub"></a>
+
   <header class="header-global">
     <nav id="navbar-main" class="navbar navbar-main navbar-expand-lg navbar-transparent navbar-light headroom">
       <div class="container">
diff --git a/smartgrid.html b/smartgrid.html
@@ -69,6 +69,9 @@
 </head>
 
 <body>
+  <!-- GitHub Fork Me -->
+  <a href="https://github.com/techlab/codeigniter-smartgrid" class="flag-forkme"><img loading="lazy" src="assets/images/forkme.png" alt="Fork me on GitHub"></a>
+
   <header class="header-global">
     <nav id="navbar-main" class="navbar navbar-main navbar-expand-lg navbar-transparent navbar-light headroom">
       <div class="container">
