-<?xml version="1.0" encoding="utf-8"?>
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
+ <meta charset="utf-8"/>
<title><?= htmlspecialchars($json->title); ?> - OUYA game</title>
<meta name="generator" content="stouyapi"/>
+ <meta name="author" content="<?= htmlspecialchars($json->developer->name) ?>"/>
<link rel="stylesheet" type="text/css" href="../ouya-game.css"/>
+ <link rel="icon" href="../favicon.ico"/>
</head>
<body class="game">
<header>
- <img class="ouyalogo" src="../ouya-logo.grey.svg" alt="OUYA logo" width="20%"/>
+ <img class="ouyalogo" src="../ouya-logo.grey.svg" alt="OUYA logo" width="50"/>
</header>
<section class="text">
<h1><?= htmlspecialchars($json->title); ?></h1>
<dl class="meta">
<dt>Rating</dt>
<dd class="rating">
- <span class="average average-<?= round($json->rating->average) ?>"><?= $json->rating->average ?></span>
+ <span class="average average-<?= round($json->rating->average) ?>" title="<?= $json->rating->average ?>"><?= $json->rating->average ?></span>
<span class="count">(<?= $json->rating->count ?>)</span>
</dd>
<dt>Developer</dt>
<dd class="company">
- <?= htmlspecialchars($json->developer->name) ?>
+ <?php if ($appsJson->app->website): ?>
+ <a href="<?= htmlspecialchars($appsJson->app->website) ?>"><?= htmlspecialchars($json->developer->name) ?></a>
+ <?php else: ?>
+ <?= htmlspecialchars($json->developer->name) ?>
+ <?php endif ?>
</dd>
<dt>Suggested age</dt>
<div class="content">
<?php foreach ($json->mediaTiles as $tile): ?>
<?php if ($tile->type == 'image'): ?>
- <img src="<?= htmlspecialchars($tile->urls->thumbnail) ?>" alt="Screenshot of <?= htmlspecialchars($json->title); ?>"/>
+ <img src="<?= htmlspecialchars($tile->urls->full) ?>" alt="Screenshot of <?= htmlspecialchars($json->title); ?>"/>
<?php elseif ($tile->type == 'video'): ?>
<video controls="">
<source src="<?= htmlspecialchars($tile->url) ?>"/>
</section>
<section class="buttons">
+ <h2>Links</h2>
<div>
<a href="<?= $apkDownloadUrl ?>">Download .apk</a>
<p>
<?= gmdate('Y-m-d', $json->version->publishedAt) ?>
</p>
</div>
+ <div>
+ <form method="post" action="<?= htmlspecialchars($pushUrl) ?>" id="push" onsubmit="pushToMyOuya();return false;">
+ <button name="push" type="submit" class="push-to-my-ouya">
+ <img src="../push-to-my-ouya.png" width="335" height="63"
+ alt="Push to my OUYA"
+ />
+ </button>
+ </form>
+ </div>
</section>
<nav>
<a rel="up" href="<?= htmlspecialchars($url) ?>"><?= htmlspecialchars($title) ?></a>
<?php endforeach ?>
</nav>
+
+ <div style="display: none" class="popup" id="push-success">
+ <a class="close" href="#" onclick="this.parentNode.style.display='none';return false;">⊗</a>
+ <strong><?= htmlspecialchars($json->title); ?></strong>
+ will start downloading to your OUYA within the next few minutes
+ </div>
+ <div style="display: none" class="popup" id="push-error">
+ <a class="close" href="#" onclick="this.parentNode.style.display='none';return false;">⊗</a>
+ <strong>Push error</strong>
+ <p>error message</p>
+ </div>
+
+ <script type="text/javascript">
+ function pushToMyOuya() {
+ var form = document.getElementById("push");
+ var req = new XMLHttpRequest();
+ req.addEventListener("load", pushToMyOuyaComplete);
+ req.open("POST", form.action);
+ req.send();
+ }
+ function pushToMyOuyaComplete() {
+ if (this.status / 100 == 2) {
+ document.getElementById('push-success').style.display = "";
+ } else {
+ var err = document.getElementById('push-error');
+ err.getElementsByTagName("p")[0].textContent = this.responseText;
+ err.style.display = "";
+ }
+ }
+ </script>
</body>
</html>