From 3d5206fcc4ebc6c38535435f2c6a79845ef466fe Mon Sep 17 00:00:00 2001
From: trichimtrich <trichimtrich@gmail.com>
Date: Mon, 10 Jun 2019 23:53:52 +0800
Subject: [PATCH] add ribbon

---
 static/game.html  |  1 +
 static/js/init.js | 14 ++++++++++++++
 2 files changed, 15 insertions(+)

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