diff options
| author | Dylan Bolger <dylanbolger@Dylans-MacBook-Air.local> | 2018-03-17 00:45:56 -0500 |
|---|---|---|
| committer | Dylan Bolger <dylanbolger@Dylans-MacBook-Air.local> | 2018-03-17 00:45:56 -0500 |
| commit | 5b91a8ca1817905e60c0da954267ed4bf5ea1f58 (patch) | |
| tree | 849b23cf685646cd4e6ed619cca4e7d525c3ceed /depictions/screenshots/index.html | |
| download | personal-website-5b91a8ca1817905e60c0da954267ed4bf5ea1f58.tar.xz personal-website-5b91a8ca1817905e60c0da954267ed4bf5ea1f58.zip | |
push
Diffstat (limited to 'depictions/screenshots/index.html')
| -rwxr-xr-x | depictions/screenshots/index.html | 97 |
1 files changed, 97 insertions, 0 deletions
diff --git a/depictions/screenshots/index.html b/depictions/screenshots/index.html new file mode 100755 index 0000000..ccb9f3b --- /dev/null +++ b/depictions/screenshots/index.html @@ -0,0 +1,97 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <title>Cydia Tweak</title> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <link rel="icon" href="/CydiaIcon.png"> + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css"> + <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> + + <style> + body { + background-color: #efeff4; + } + h1, h2 { + margin-left: 7px; + } + .panel, .alert { + border-radius: 0 !important; + } + .package-error { + display: none; + } + .subshots { + text-align: center; + } + .subshots:nth-child(1) { + margin-bottom: 10px; + } + .screenshots img { + border: thin solid #BEB6D8; + } + </style> +</head> +<body> + <div class="container"> + <div class="package row"> + <div class="header"> + <h1 class="package-name"></h1> + </div> + </div> + + <div class="row alert alert-danger package-error"></div> + + <div class="package-info row screenshots"> + <h2>Screenshots</h2> + </div> + + </div> + <script> + $(document).ready(function() { + var dPackage = getParameterByName("p"); + + if (!dPackage) { + $(".package-error").text("This package doesn't seem to exist!").css("display", "block"); + $(".package-info").css("display", "none"); + $(".package-name").text("Not Found"); + return; + } + + $.getJSON("/packages/" + dPackage + ".json", function(data) { + document.title = data.name + " by " + data.author; + $(".package-name").text(data.name); + + var count = 0; + var screenshots = data.screenshots; + var sKeys = Object.keys(screenshots); + for (var s in sKeys) { + var screenshot = sKeys[s]; + + if (count % 2 === 0) { + $(".screenshots").append("<div class=\"subshots col-xs-12\"></div>"); + } + + $(".screenshots .subshots:last-child").append("<div class=\"col-xs-6\"><img class=\"img-responsive\" src=\"/images/" + screenshot + "\" title=\"" + screenshots[screenshot] + "\"></div>"); + count += 1; + } + + }) + .fail(function() { + $(".package-error").text("An error occurred while retrieving package info!").css("display", "block"); + $(".package-info").css("display", "none"); + $(".package-name").text("Repository Error"); + return; + }); + + function getParameterByName(name) { + name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]"); + var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), + results = regex.exec(location.search); + return results === null ? null : decodeURIComponent(results[1].replace(/\+/g, " ")); + } + }); + </script> +</body> +</html>
\ No newline at end of file |