feat: screenshots only for selected device

index.html

@@ -71,7 +71,8 @@
 			<div>$IMG</div>
 			<p>$DESCRIPTION</p>
 		</div>
-		<a class="screenshot" href="$REF" target="_blank"><img src="$URL"></a>
+		<a class="screenshot" href="$REF" target="_blank"><img src="$URL" crossorigin="anonymous"
+				referrerpolicy="no-referrer"></a>
 		<div class="randomAction">
 			Actions:
 			<button onclick="searchBundle($IDX, '&random=$IDX')">Show all versions</button>

script.js

@@ -209,12 +209,13 @@ function randomIPA(specificId) {
         const info = obj.results[0];
         const imgs1 = info.screenshotUrls;
         const imgs2 = info.ipadScreenshotUrls;
+        const device = document.getElementById('device').value || 255;
 
         var imgStr = '';
-        if (imgs1 && imgs1.length > 0) {
+        if (imgs1 && imgs1.length > 0 && device & 1) {
             imgStr += '<p>iPhone Screenshots:</p>' + urlsToImgs(redirectUrl, imgs1);
         }
-        if (imgs2 && imgs2.length > 0) {
+        if (imgs2 && imgs2.length > 0 && device & 2) {
             imgStr += '<p>iPad Screenshots:</p>' + urlsToImgs(redirectUrl, imgs2);
         }
 

style.css

@@ -95,6 +95,8 @@ h4 {
 .carousel img {
   max-height: 330px;
   margin: 8px;
+  min-width: 100px;
+  min-height: 100px;
 }
 .itunes p {
   white-space: pre-wrap;