update so games.html shows games that need a newer version of hft

greggman · Sep 9, 2014 · d3fcda1 · d3fcda1
1 parent 36e3d50
commit d3fcda1
Show file tree

Hide file tree

Showing 4 changed files with 1,141 additions and 95 deletions.
diff --git a/public/css/menu.css b/public/css/menu.css
@@ -103,9 +103,22 @@ h2 a:hover {
     font-size: medium;
     text-shadow: none;
 }
-
+.upgrade-hft {
+    background-color: rgba(128,0,0,0.9);
+    color: white;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    left: 0px;
+    top: -0px;
+    z-index: 2;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
 .hidden-msg {
     position: fixed;
+    z-index: 10;
     left: 0px;
     top: 0px;
     width: 100%;
@@ -161,6 +174,7 @@ h2 a:hover {
 
     height: 150px;
     overflow: hidden;
+    position: relative;
 }
 .game>a>div {
     padding: 5px;

diff --git a/public/games.html b/public/games.html
@@ -39,11 +39,14 @@
   <link rel="stylesheet" href="css/menu.css">
   <style>
   </style>
+  <script class="item-template" id="upgrade-item-template" type="not-javascript">
+<div class="game"><a class="upgrade-button" title="%(info.happyFunTimes.gameId)s" id="%(count)s-button"><div>%(dev)s%(info.name)s</div><img src="%(screenshotUrl)s" /></a><div class="upgrade-hft">Needs new HappyFunTimes</div></div>
+  </script>
   <script class="item-template" id="unity3d-item-template" type="not-javascript">
-<div class="game"><a class="launch-button" title="%(info.happyFunTimes.gameId)s" id="%(count)s-button"><div>%(info.name)s%(dev)s</div><img src="%(screenshotUrl)s" /></a></div>
+<div class="game"><a class="launch-button" title="%(info.happyFunTimes.gameId)s" id="%(count)s-button"><div>%(dev)s%(info.name)s</div><img src="%(screenshotUrl)s" /></a></div>
   </script>
   <script class="item-template" id="html-item-template" type="not-javascript">
-<div class="game"><a href="%(gameUrl)s" title="%(info.happyFunTimes.gameId)s" id="%(count)s-button"><div>%(info.name)s%(dev)s</div><img src="%(screenshotUrl)s" /></a></div>
+<div class="game"><a href="%(gameUrl)s" title="%(info.happyFunTimes.gameId)s" id="%(count)s-button"><div>%(dev)s%(info.name)s</div><img src="%(screenshotUrl)s" /></a></div>
   </script>
 </head>
 <body>