diff --git a/static/game.html b/static/game.html
index b175a4ff..d39ab405 100644
--- a/static/game.html
+++ b/static/game.html
@@ -75,6 +75,7 @@
         <div id="btn-help" unselectable="on" class="btn unselectable" value="help">Help</div>
     </div>
 
+    <a id="ribbon" style="position: fixed; right: 0; top: 0;" href="https://github.com/giongto35/cloud-game"><img width="149" height="149" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_gray_6d6d6d.png?resize=149%2C149" class="attachment-full size-full" alt="Fork me on GitHub" data-recalc-dims="1"></a>
 
     <script>
         DEBUG = true;
diff --git a/static/js/init.js b/static/js/init.js
index 417633c1..ac366ae4 100644
--- a/static/js/init.js
+++ b/static/js/init.js
@@ -15,6 +15,20 @@ function fixScreenLayout() {
     // targetWidth = 800; targetHeight = 600; // test on desktop
 
     fixElementLayout($("#gamebody"), targetWidth, targetHeight);
+
+    var elem = $("#ribbon");
+    var st = "";
+    if (isLayoutSwitched) {
+        var st = "rotate(90deg)";
+        elem.css("bottom", 0);
+        elem.css("top", "");
+    } else {
+        elem.css("bottom", "");
+        elem.css("top", 0);
+    }
+    elem.css("transform", st);
+    elem.css("-webkit-transform", st);
+    elem.css("-moz-transform", st);
 }
 
 $(window).on("resize", fixScreenLayout);