|
1 | 1 | <!DOCTYPE html> |
2 | | -<html lang="{{ site.lang | default: "en-US" }}"> |
3 | | - <head> |
4 | | - <meta charset='utf-8'> |
5 | | - <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
6 | | - <meta name="viewport" content="width=device-width, initial-scale=1"> |
7 | | - <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}"> |
8 | | - <link rel="shortcut icon" type="image/png" href="/asset/fav.png"/> |
| 2 | +<html lang="en-us"> |
9 | 3 |
|
10 | | -{% seo %} |
11 | | - </head> |
| 4 | +{% include head.html %} |
12 | 5 |
|
13 | | - <body> |
| 6 | +<body> |
| 7 | + <div class="imageWrapper"> |
| 8 | + <div class="headerBackground"> |
| 9 | + <div class="container"> |
| 10 | + {% include header.html %} |
| 11 | + <div class="iphonePreview"> |
14 | 12 |
|
15 | | - <header> |
16 | | - <div class="container"> |
17 | | - {% include nav.html %} |
18 | | - </div> |
19 | | - </header> |
| 13 | + <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 0 0" style="position: absolute;"> |
| 14 | + <clipPath id="screenMask" clipPathUnits="objectBoundingBox" transform="scale(0.00257, 0.00119)"> |
| 15 | + <path d="M6490.24,1234.36H6216.28c-2.57,0-10.55-.07-12.07-0.07a87.524,87.524,0,0,1-12-1.03,40.051,40.051,0,0,1-11.4-3.79,38.315,38.315,0,0,1-16.82-16.84,39.948,39.948,0,0,1-3.78-11.42,72.257,72.257,0,0,1-1.04-12.02c-0.06-1.83-.06-5.56-0.06-5.56V452.125h0s0.06-11.391.06-12.086a87.9,87.9,0,0,1,1.04-12.025,39.843,39.843,0,0,1,3.78-11.413,38.283,38.283,0,0,1,16.82-16.847,39.762,39.762,0,0,1,11.4-3.785,71.909,71.909,0,0,1,12-1.037c16.99-.567,36.32-0.061,34.51-0.061,5.02,0,6.5,3.439,6.63,6.962a35.611,35.611,0,0,0,1.2,8.156,21.326,21.326,0,0,0,19.18,15.592c2.28,0.192,6.78.355,6.78,0.355H6433.7s4.5-.059,6.79-0.251a21.348,21.348,0,0,0,19.18-15.591,35.582,35.582,0,0,0,1.19-8.154c0.13-3.523,1.61-6.962,6.64-6.962-1.81,0,17.52-.5,34.5.061a71.923,71.923,0,0,1,12.01,1.038,39.832,39.832,0,0,1,11.4,3.784,38.283,38.283,0,0,1,16.82,16.844,40.153,40.153,0,0,1,3.78,11.413,87.844,87.844,0,0,1,1.03,12.023c0,0.695.06,12.084,0.06,12.084h0V1183.64s0,3.72-.06,5.55a72.366,72.366,0,0,1-1.03,12.03,40.2,40.2,0,0,1-3.78,11.41,38.315,38.315,0,0,1-16.82,16.84,40.155,40.155,0,0,1-11.4,3.79,87.669,87.669,0,0,1-12.01,1.03c-1.52,0-9.5.07-12.07,0.07" transform="translate(-6159.12 -394.656)"/> |
| 16 | + </clipPath> |
| 17 | + </svg> |
20 | 18 |
|
21 | | - <div class="container"> |
22 | | - <section id="main_content"> |
23 | | - {{ content }} |
24 | | - </section> |
25 | | - </div> |
26 | | - <script src="{{ '/assets/js/scale.fix.js' | relative_url }}"></script> |
27 | | - </body> |
| 19 | + <div class="videoContainer hidden"> |
| 20 | + <video class="screenvideo" autoplay="autoplay" controls="controls"> |
| 21 | + </video> |
| 22 | + </div> |
| 23 | + |
| 24 | + <img class="iphoneScreen hidden" src="" alt=""> |
| 25 | + |
| 26 | + {% include screencontent.html %} |
| 27 | + |
| 28 | + </div> |
| 29 | + <div class="appInfo"> |
| 30 | + <div class="appIconShadow"> |
| 31 | + <svg width="0" height="0"> |
| 32 | + <defs> |
| 33 | + <clipPath id="shape120"> |
| 34 | + <path id="shape" class="cls-1" d="M6821,495.533v-4.281c0-1.2-.04-2.4-0.04-3.642a57.7,57.7,0,0,0-.68-7.882,26.144,26.144,0,0,0-2.48-7.483,25.115,25.115,0,0,0-11.04-11.044,26.118,26.118,0,0,0-7.49-2.481,47.28,47.28,0,0,0-7.88-.68c-1.2-.04-2.4-0.04-3.64-0.04h-53.5c-1.2,0-2.4.04-3.64,0.04a57.813,57.813,0,0,0-7.88.68,26.323,26.323,0,0,0-7.49,2.481,25.115,25.115,0,0,0-11.04,11.044,26.144,26.144,0,0,0-2.48,7.483,47.313,47.313,0,0,0-.68,7.882c-0.04,1.2-.04,2.4-0.04,3.642v53.5c0,1.2.04,2.4,0.04,3.641a57.7,57.7,0,0,0,.68,7.883,26.137,26.137,0,0,0,2.48,7.482,25.115,25.115,0,0,0,11.04,11.044,26.261,26.261,0,0,0,7.49,2.481,47.28,47.28,0,0,0,7.88.68c1.2,0.04,2.4.04,3.64,0.04h53.5c1.2,0,2.4-.04,3.64-0.04a57.654,57.654,0,0,0,7.88-.68,26.057,26.057,0,0,0,7.49-2.481,25.115,25.115,0,0,0,11.04-11.044,26.137,26.137,0,0,0,2.48-7.482,47.316,47.316,0,0,0,.68-7.883c0.04-1.2.04-2.4,0.04-3.641V495.533h0Z" transform="translate(-6701 -458)" filter="url(#f1)"/> |
| 35 | + </clipPath> |
| 36 | + </defs> |
| 37 | + </svg> |
| 38 | + <img class="appIconLarge" src="{{ site.app_icon | relative_url }}"> |
| 39 | + </div> |
| 40 | + <div class="appNamePriceContainer"> |
| 41 | + <h1 class="appName"> |
| 42 | + {{ site.app_name }} |
| 43 | + </h1> |
| 44 | + </div> |
| 45 | + <div class="appDescriptionContainer"> |
| 46 | + <p class ="appDescription"> |
| 47 | + {{ site.app_description }} |
| 48 | + </p> |
| 49 | + </div> |
| 50 | + <div class="downloadButtonsContainer"> |
| 51 | + {% if site.playstore_link %} |
| 52 | + <a class="playStoreLink" href="{{site.playstore_link}}"><img class="playStore" src="assets/playstore.png"></a> |
| 53 | + {% endif %} |
| 54 | + {% if site.playstore_free_link %} |
| 55 | + <a class="playStoreLink" href="{{site.playstore_free_link}}"><img class="playStore" src="assets/playstore.png"></a> |
| 56 | + {% endif %} |
| 57 | + <a class="fDroidLink" href="{{site.fdroid_link}}"><img class="appStore" src="assets/fdroid.png"></a> |
| 58 | + </div> |
| 59 | + </div> |
| 60 | + {% include features.html %} |
| 61 | + {% include footer.html %} |
| 62 | + </div> |
| 63 | + </div> |
| 64 | + </div> |
| 65 | +</body> |
28 | 66 | </html> |
0 commit comments