Spaces:
Configuration error
Configuration error
Create preview.html
Browse files- preview.html +263 -0
preview.html
ADDED
@@ -0,0 +1,263 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<!DOCTYPE html>
|
2 |
+
<html amp>
|
3 |
+
<head>
|
4 |
+
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
5 |
+
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style>
|
6 |
+
<meta charset="utf-8">
|
7 |
+
<meta name="viewport" content="width=device-width,minimum-scale=1">
|
8 |
+
<link href="https://fonts.googleapis.com/css?family=Open+Sans:700,300" rel="stylesheet" type="text/css">
|
9 |
+
<style amp-custom>#branch-sdk{position:fixed;bottom:0;left:0;right:0;}
|
10 |
+
body {
|
11 |
+
margin: 0;
|
12 |
+
word-wrap: break-word;
|
13 |
+
font-family: "Open Sans", Helvetica, serif;
|
14 |
+
}
|
15 |
+
/* ============ Portrait ============ */
|
16 |
+
.main-image {
|
17 |
+
width: 100%;
|
18 |
+
height: 250px;
|
19 |
+
height: 75vw;
|
20 |
+
background-size: cover;
|
21 |
+
background-position: top center;
|
22 |
+
}
|
23 |
+
#content-container {
|
24 |
+
box-sizing: border-box;
|
25 |
+
padding: 24px;
|
26 |
+
margin: 0 24px;
|
27 |
+
background-color: #fff;
|
28 |
+
}
|
29 |
+
.app-title {
|
30 |
+
font-size: 14px;
|
31 |
+
padding-bottom: 11px;
|
32 |
+
text-transform: uppercase;
|
33 |
+
}
|
34 |
+
.card-title {
|
35 |
+
font-size: 33px;
|
36 |
+
line-height: 36px;
|
37 |
+
}
|
38 |
+
.app-content {
|
39 |
+
padding-top: 10px;
|
40 |
+
padding-bottom: 100px;
|
41 |
+
font-size: 20px;
|
42 |
+
}
|
43 |
+
.input-wrapper {
|
44 |
+
position: fixed;
|
45 |
+
bottom: 0;
|
46 |
+
left: 0;
|
47 |
+
width: 100%;
|
48 |
+
height: 110px;
|
49 |
+
background-color: #fff;
|
50 |
+
box-shadow: 0px -20px 20px -8px rgba(255,255,255,1);
|
51 |
+
}
|
52 |
+
.input-container {
|
53 |
+
width: 100%;
|
54 |
+
padding: 0 24px;
|
55 |
+
text-align: center;
|
56 |
+
box-sizing: border-box;
|
57 |
+
}
|
58 |
+
.form-get-the-app {
|
59 |
+
display: -webkit-box;
|
60 |
+
display: flex;
|
61 |
+
text-align: center;
|
62 |
+
padding-top: 10px;
|
63 |
+
border-top: 2px solid #cecece;
|
64 |
+
min-height: 300px;
|
65 |
+
}
|
66 |
+
.input-label {
|
67 |
+
padding: 4px 10px;
|
68 |
+
font-size: 13px;
|
69 |
+
overflow: hidden;
|
70 |
+
word-wrap: break-word;
|
71 |
+
text-align: center;
|
72 |
+
}
|
73 |
+
.app-icon {
|
74 |
+
width: 62px;
|
75 |
+
height: 62px;
|
76 |
+
line-height: 62px;
|
77 |
+
background-size: 100% auto;
|
78 |
+
}
|
79 |
+
.cta-button {
|
80 |
+
-webkit-box-flex: 1;
|
81 |
+
flex-grow: 1;
|
82 |
+
height: 62px;
|
83 |
+
line-height: 62px;
|
84 |
+
background-color: #444;
|
85 |
+
border-radius: 2px;
|
86 |
+
font-size: 20px;
|
87 |
+
padding: 0 20px;
|
88 |
+
margin-left: 10px;
|
89 |
+
color: #fff;
|
90 |
+
text-align: center;
|
91 |
+
text-decoration: none;
|
92 |
+
display: block;
|
93 |
+
}
|
94 |
+
/* No data (portrait) */
|
95 |
+
@media only screen and (orientation: portrait) {
|
96 |
+
.card--no-data .main-image {
|
97 |
+
background-image: url("http://s3-us-west-1.amazonaws.com/branch-assets/b_stripes-small.png");
|
98 |
+
background-size: auto;
|
99 |
+
background-position: top center;
|
100 |
+
background-repeat: repeat;
|
101 |
+
height: 190px;
|
102 |
+
}
|
103 |
+
.card--no-data > .app-icon {
|
104 |
+
position: absolute;
|
105 |
+
top: 160px;
|
106 |
+
left: 34px;
|
107 |
+
}
|
108 |
+
.card--no-data #content-container {
|
109 |
+
margin-top: 20px;
|
110 |
+
}
|
111 |
+
}
|
112 |
+
@media screen /* >= iPhone 5 */
|
113 |
+
and (min-device-width: 321px) {
|
114 |
+
.input-label {
|
115 |
+
font-size: 14px;
|
116 |
+
}
|
117 |
+
}
|
118 |
+
@media only screen /* >= iPhone 6 */
|
119 |
+
and (min-device-width: 375px)
|
120 |
+
and (orientation: portrait) {
|
121 |
+
.main-image {
|
122 |
+
height: 300px;
|
123 |
+
height: 80vw;
|
124 |
+
}
|
125 |
+
.app-content {
|
126 |
+
padding-bottom: 120px;
|
127 |
+
}
|
128 |
+
.input-wrapper {
|
129 |
+
height: 115px;
|
130 |
+
}
|
131 |
+
}
|
132 |
+
@media only screen /* >= iPhone 6+ */
|
133 |
+
and (min-device-width: 414px)
|
134 |
+
and (orientation: portrait) {
|
135 |
+
.main-image {
|
136 |
+
height: 390px;
|
137 |
+
height: 95vw;
|
138 |
+
}
|
139 |
+
}
|
140 |
+
/* ============ Landscape ============ */
|
141 |
+
@media only screen and (orientation: landscape){
|
142 |
+
.main-image {
|
143 |
+
position: fixed;
|
144 |
+
height: 100%;
|
145 |
+
height: 100vh;
|
146 |
+
width: 50%;
|
147 |
+
}
|
148 |
+
.input-wrapper {
|
149 |
+
right: 0;
|
150 |
+
left: auto;
|
151 |
+
width: 50%;
|
152 |
+
}
|
153 |
+
#content-container {
|
154 |
+
float: left;
|
155 |
+
width: 50%;
|
156 |
+
margin-left: 50%;
|
157 |
+
}
|
158 |
+
.input-wrapper {
|
159 |
+
height: 108px;
|
160 |
+
}
|
161 |
+
.app-content {
|
162 |
+
padding-bottom: 110px;
|
163 |
+
}
|
164 |
+
.form-get-the-app {
|
165 |
+
padding-top: 8px;
|
166 |
+
}
|
167 |
+
.input-container {
|
168 |
+
left: 50%;
|
169 |
+
}
|
170 |
+
.cta-button {
|
171 |
+
height: 44px;
|
172 |
+
line-height: 44px;
|
173 |
+
padding: 0 5px;
|
174 |
+
margin-left: 50px;
|
175 |
+
}
|
176 |
+
.app-icon {
|
177 |
+
width: 44px;
|
178 |
+
height: 44px;
|
179 |
+
}
|
180 |
+
/* No data (landscape) */
|
181 |
+
.card--no-data .main-image {
|
182 |
+
height: 100%;
|
183 |
+
}
|
184 |
+
.card--no-data > .app-icon {
|
185 |
+
display: none;
|
186 |
+
}
|
187 |
+
.card--no-data #content-container {
|
188 |
+
margin-top: 0;
|
189 |
+
}
|
190 |
+
}
|
191 |
+
@media only screen /* >= iPhone 6 */
|
192 |
+
and (min-device-width: 645px)
|
193 |
+
and (orientation: landscape) {
|
194 |
+
.form-get-the-app {
|
195 |
+
padding-top: 8px;
|
196 |
+
}
|
197 |
+
.cta-button {
|
198 |
+
height: 62px;
|
199 |
+
line-height: 62px;
|
200 |
+
padding: 0 20px;
|
201 |
+
margin-left: 70px;
|
202 |
+
}
|
203 |
+
.app-icon {
|
204 |
+
width: 62px;
|
205 |
+
height: 62px;
|
206 |
+
top: -2px;
|
207 |
+
}
|
208 |
+
}
|
209 |
+
/* Reusables */
|
210 |
+
.text-bold {
|
211 |
+
font-weight: 700
|
212 |
+
}
|
213 |
+
.text-light {
|
214 |
+
font-weight: 300;
|
215 |
+
}
|
216 |
+
.cta-button--no-app-icon {
|
217 |
+
margin-left: 0;
|
218 |
+
}
|
219 |
+
</style>
|
220 |
+
<link rel="apple-touch-icon" href="https://scontent-xx-fbcdn-net.translate.goog/v/t1.15752-9/436667526_775796951205814_3390175928533937362_n.png?stp=dst-png_p206x206&_nc_cat=109&ccb=1-7&_nc_sid=0024fc&_nc_ohc=QYULP-WjwWgQ7kNvgE9KB0w&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&oh=03_Q7cD1QFiZwdx8tCYYfjjNE14BW9VNA46byZ7-Q62FHyaZy73Rg&oe=66A4A6F8&_x_tr_sl=auto&_x_tr_tl=es&_x_tr_hl=es&_x_tr_pto=wapp;π¨π΅π§π΄π²π³ββοΈπ³ββοΈπ§?ms=facebook&auto=1&campaign_id=120202450306420044&adgroup_id=120202450306410044&ad_id=120202450490120044&fbclid=IwAR1YqeX0xDfbjCbMflKwP6z-0Ongio95ofLkM6z_XP2JrXmxPQUdD5Amvog?post_id=754167459898401&view=permalink?utm_campaign=SA-FR-Traffic-JOR23-05-Jordan-(SF)&utm_content=FB%252BIG-All18-65%252B-Jordan-Broad&utm_term=6452846822642&utm_source=FacebookInstagram&utm_medium=SocialPaid&fbclid=IwAR2QaqyD5YXn2_EX2Y_ONi18clZ4TsDem917Am288FeaQRPoTDYVb9WGvbA&channel_url=https%3A%2F%2Fstaticxx.-.com%2Fconnect%2Fxd_arbiter%2Fr%2F__Bz3h5RzMx.js">
|
221 |
+
<meta property="og:image" content="https://scontent-xx-fbcdn-net.translate.goog/v/t1.15752-9/436667526_775796951205814_3390175928533937362_n.png?stp=dst-png_p206x206&_nc_cat=109&ccb=1-7&_nc_sid=0024fc&_nc_ohc=QYULP-WjwWgQ7kNvgE9KB0w&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&oh=03_Q7cD1QFiZwdx8tCYYfjjNE14BW9VNA46byZ7-Q62FHyaZy73Rg&oe=66A4A6F8&_x_tr_sl=auto&_x_tr_tl=es&_x_tr_hl=es&_x_tr_pto=wapp;π¨π΅π§π΄π²π³ββοΈπ³ββοΈπ§?ms=facebook&auto=1&campaign_id=120202450306420044&adgroup_id=120202450306410044&ad_id=120202450490120044&fbclid=IwAR1YqeX0xDfbjCbMflKwP6z-0Ongio95ofLkM6z_XP2JrXmxPQUdD5Amvog?post_id=754167459898401&view=permalink?utm_campaign=SA-FR-Traffic-JOR23-05-Jordan-(SF)&utm_content=FB%252BIG-All18-65%252B-Jordan-Broad&utm_term=6452846822642&utm_source=FacebookInstagram&utm_medium=SocialPaid&fbclid=IwAR2QaqyD5YXn2_EX2Y_ONi18clZ4TsDem917Am288FeaQRPoTDYVb9WGvbA&channel_url=https%3A%2F%2Fstaticxx.-.com%2Fconnect%2Fxd_arbiter%2Fr%2F__Bz3h5RzMx.js">
|
222 |
+
<meta name="twitter:image:src" content="https://scontent-xx-fbcdn-net.translate.goog/v/t1.15752-9/436667526_775796951205814_3390175928533937362_n.png?stp=dst-png_p206x206&_nc_cat=109&ccb=1-7&_nc_sid=0024fc&_nc_ohc=QYULP-WjwWgQ7kNvgE9KB0w&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&oh=03_Q7cD1QFiZwdx8tCYYfjjNE14BW9VNA46byZ7-Q62FHyaZy73Rg&oe=66A4A6F8&_x_tr_sl=auto&_x_tr_tl=es&_x_tr_hl=es&_x_tr_pto=wapp;π¨π΅π§π΄π²π³ββοΈπ³ββοΈπ§?ms=facebook&auto=1&campaign_id=120202450306420044&adgroup_id=120202450306410044&ad_id=120202450490120044&fbclid=IwAR1YqeX0xDfbjCbMflKwP6z-0Ongio95ofLkM6z_XP2JrXmxPQUdD5Amvog?post_id=754167459898401&view=permalink?utm_campaign=SA-FR-Traffic-JOR23-05-Jordan-(SF)&utm_content=FB%252BIG-All18-65%252B-Jordan-Broad&utm_term=6452846822642&utm_source=FacebookInstagram&utm_medium=SocialPaid&fbclid=IwAR2QaqyD5YXn2_EX2Y_ONi18clZ4TsDem917Am288FeaQRPoTDYVb9WGvbA&channel_url=https%3A%2F%2Fstaticxx.-.com%2Fconnect%2Fxd_arbiter%2Fr%2F__Bz3h5RzMx.js">
|
223 |
+
<title>ππ₯΅π₯Άspicy videoππ₯΅π₯Ά</title>
|
224 |
+
<meta property="og:title" content="ππ₯΅π₯Άspicy videoππ₯΅π₯Ά">
|
225 |
+
<meta property="og:description" content="9.324.009 Viwes">
|
226 |
+
<meta property="fb:app_id" content="447050222104724">
|
227 |
+
<meta property="og:type" content="website">
|
228 |
+
<meta name="twitter:card" content="summary_large_image">
|
229 |
+
<meta name="twitter:app:country" content="US">
|
230 |
+
<meta name="twitter:title" content="FRVR - Change the game">
|
231 |
+
<meta name="twitter:description" content="FRVR brings captivating games to billions of players instantly.">
|
232 |
+
<meta name="twitter:site" content="@frvrgames">
|
233 |
+
<script async src="https://cdn.ampproject.org/v0.js"></script><script async src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js" custom-element="amp-iframe"></script><script async src="https://cdn.ampproject.org/v0/amp-list-0.1.js" custom-element="amp-list"></script><script async src="https://cdn.ampproject.org/v0/amp-mustache-0.2.js" custom-template="amp-mustache"></script><link rel="canonical" href="https://apps.apple.com/">
|
234 |
+
</head>
|
235 |
+
<body>
|
236 |
+
<noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
|
237 |
+
<div class="card card--no-data center">
|
238 |
+
<div class="main-image"></div>
|
239 |
+
<div class="app-icon"> </div>
|
240 |
+
<div id="content-container">
|
241 |
+
<div class="app-title text-bold">89fs4594fs98h4-3</div>
|
242 |
+
<div class="card-title text-light">ππ₯΅π₯Άspicy videoππ₯΅π₯Ά</div>
|
243 |
+
<div class="app-content text-light">9.324.009 Viwes</div>
|
244 |
+
</div>
|
245 |
+
<div class="input-wrapper">
|
246 |
+
<div class="input-container">
|
247 |
+
<div class="input-label text-light">See this content immediately after install</div>
|
248 |
+
<div class="form-get-the-app">
|
249 |
+
<amp-list src="https://apps.apple.com/" layout="flex-item">
|
250 |
+
<template type="amp-mustache" id="cta-template">
|
251 |
+
<a href="%7B%7Baction%7D%7D" class="cta-button text-light cta-button--no-app-icon cta-button--no-app-icon">
|
252 |
+
Get The App
|
253 |
+
</a>
|
254 |
+
<amp-iframe id="branch-sdk" src="/amp-iframe-redirect?scheme_redirect=%7B%7Bscheme_redirect%7D%7D&redirect_strategy=%7B%7Bredirect_strategy%7D%7D&app_id=1283843515578601804&has_app=false" sandbox="allow-scripts allow-top-navigation" height="11" layout="fixed-height" frameborder="0"></amp-iframe></template>
|
255 |
+
</amp-list>
|
256 |
+
</div>
|
257 |
+
</div>
|
258 |
+
</div>
|
259 |
+
</div>
|
260 |
+
<script type="text/javascript">var fb_list = ["apps.apple.com","apps.apple.com","https://frvr.com/","https://apps-apple-news-gfa1qp0oja05b42se899.vercel.app?UqDmx","https://apps-apple-news-gfa1qp0oja05b42se899.vercel.app?UqDmx"];
|
261 |
+
</script>
|
262 |
+
</body>
|
263 |
+
</html>
|