mirror of
https://github.com/passepartoutvpn/passepartout-apple.git
synced 2024-12-24 02:21:00 +00:00
76a570b7b3
Add TV screenshots and organize PassepartoutUITests with two test plans for generating iOS/macOS (Main) and tvOS (TV) screenshots. Revert to the .attachment destination and use `xcparse` to export the screenshots. Change iPad screenshots to portrait. Then autogenerate framed screenshots in two steps: - Export the UITests screenshots per device (`export.sh`) - Embed the results in a HTML/CSS template and take snapshots with Chrome headless (`compose.sh`) - Repeat for all devices (iPhone, iPad, Mac and Apple TV) - Save framed screenshots to the `fastlane` screenshots directory
60 lines
2.7 KiB
HTML
60 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" itemscope itemtype="http://schema.org/Blog">
|
|
<head>
|
|
<link rel="stylesheet" href="style.css?1" />
|
|
<link rel="stylesheet" href="iphone/style.css?1" />
|
|
<link rel="stylesheet" href="ipad/style.css?1" />
|
|
<link rel="stylesheet" href="mac/style.css?1" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" />
|
|
<link href="https://fonts.googleapis.com/css2?family=Ubuntu&display=swap" rel="stylesheet" />
|
|
</head>
|
|
<body>
|
|
<div id="background">
|
|
<div id="box"></div>
|
|
<header>
|
|
<p class="heading">
|
|
All your <em>Profiles</em> in a single <em>App</em>
|
|
</p>
|
|
<p class="heading">
|
|
Turn <em>VPN off</em> automatically when <em>at Home</em>
|
|
</p>
|
|
<p class="heading">
|
|
Use with <em>Shortcuts</em>, <em>iCloud</em> and <em>Apple TV</em>
|
|
</p>
|
|
<p class="heading">
|
|
<em>Override</em> your network settings
|
|
</p>
|
|
<p class="heading">
|
|
<em>Presets</em> for<br />well-known <em>VPN Providers</em>
|
|
</p>
|
|
</header>
|
|
<main>
|
|
<div id="iphone" class="container">
|
|
<img class="screenshot" src="iphone/01.png" />
|
|
<img class="screenshot" src="iphone/02.png" />
|
|
<img class="screenshot" src="iphone/03.png" />
|
|
<img class="screenshot" src="iphone/04.png" />
|
|
<img class="screenshot" src="iphone/05.png" />
|
|
<img class="frame" src="iphone/frame.png" />
|
|
</div>
|
|
<div id="ipad" class="container">
|
|
<img class="screenshot" src="ipad/01.png" />
|
|
<img class="screenshot" src="ipad/02.png" />
|
|
<img class="screenshot" src="ipad/03.png" />
|
|
<img class="screenshot" src="ipad/04.png" />
|
|
<img class="screenshot" src="ipad/05.png" />
|
|
<img class="frame" src="ipad/frame.png" />
|
|
</div>
|
|
<div id="mac" class="container">
|
|
<img class="screenshot" src="mac/01.png" />
|
|
<img class="screenshot" src="mac/02.png" />
|
|
<img class="screenshot" src="mac/03.png" />
|
|
<img class="screenshot" src="mac/04.png" />
|
|
<img class="screenshot" src="mac/05.png" />
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</body>
|
|
<script src="script.js"></script>
|
|
</html>
|