aboutsummaryrefslogtreecommitdiff
path: root/depictions/screenshots/index.html
diff options
context:
space:
mode:
authorDylan Bolger <dylanbolger@Dylans-MacBook-Air.local>2018-03-17 00:45:56 -0500
committerDylan Bolger <dylanbolger@Dylans-MacBook-Air.local>2018-03-17 00:45:56 -0500
commit5b91a8ca1817905e60c0da954267ed4bf5ea1f58 (patch)
tree849b23cf685646cd4e6ed619cca4e7d525c3ceed /depictions/screenshots/index.html
downloadpersonal-website-5b91a8ca1817905e60c0da954267ed4bf5ea1f58.tar.xz
personal-website-5b91a8ca1817905e60c0da954267ed4bf5ea1f58.zip
push
Diffstat (limited to 'depictions/screenshots/index.html')
-rwxr-xr-xdepictions/screenshots/index.html97
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