8th.html 107 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803
  1. <html class="a-fullscreen">
  2. <head>
  3. <!-- 33f8d6115e2fb2e68fc7104365846112a65ba05d 8f1e8162a4553fb16164280a163e0bf0 -->
  4. <meta charset="UTF-8">
  5. <title>Fox AR</title>
  6. <meta itemprop="name" content="Fox AR">
  7. <meta name="twitter:title" content="Fox AR">
  8. <meta property="og:title" content="Fox AR">
  9. <meta property="og:site_name" content="Fox AR">
  10. <meta name="image" content="https://cdn.8thwall.com/apps/cover/default3-preview-1200x630">
  11. <meta itemprop="image" content="https://cdn.8thwall.com/apps/cover/default3-preview-1200x630">
  12. <meta property="og:image" content="https://cdn.8thwall.com/apps/cover/default3-preview-1200x630">
  13. <meta name="twitter:image" content="https://cdn.8thwall.com/apps/cover/default3-preview-1200x630">
  14. <meta property="og:type" content="website">
  15. <meta name="twitter:card" content="summary_large_image">
  16. <meta name="8thwall:workspace" content="likexr">
  17. <meta name="8thwall:project" content="fox-ar">
  18. <meta name="8thwall:shortlink" content="f9g5x">
  19. <meta aframe-injected="" name="viewport"
  20. content="width=device-width,initial-scale=1,maximum-scale=1,shrink-to-fit=no,user-scalable=no,minimal-ui,viewport-fit=cover">
  21. <meta aframe-injected="" name="mobile-web-app-capable" content="yes">
  22. <meta aframe-injected="" name="theme-color" content="black">
  23. <script crossorigin="anonymous" src="https://cdn.8thwall.com/web/hosting/app8-llffcbpc.js"
  24. data-xrweb-src="https://apps.8thwall.com/xrweb?appKey=qqwONV89Mi2MnVrNZYCC050zGoLF6hoatuPXneGdmkjADCZ4YNB3TPfZypTKhuUNdJVZLU&amp;s=1">
  25. </script>
  26. <script async="" crossorigin="use-credentials"
  27. src="https://apps.8thwall.com/xrweb?appKey=qqwONV89Mi2MnVrNZYCC050zGoLF6hoatuPXneGdmkjADCZ4YNB3TPfZypTKhuUNdJVZLU&amp;s=1"></script>
  28. <script crossorigin="anonymous" src="//cdn.8thwall.com/web/aframe/8frame-1.1.0.min.js"></script>
  29. <style type="text/css" data-href="src/style/aframe.css">
  30. html.a-fullscreen {
  31. bottom: 0;
  32. left: 0;
  33. position: fixed;
  34. right: 0;
  35. top: 0
  36. }
  37. html.a-fullscreen body {
  38. height: 100%;
  39. margin: 0;
  40. overflow: hidden;
  41. padding: 0;
  42. width: 100%
  43. }
  44. html.a-fullscreen .a-canvas {
  45. width: 100% !important;
  46. height: 100% !important;
  47. top: 0 !important;
  48. left: 0 !important;
  49. right: 0 !important;
  50. bottom: 0 !important;
  51. position: fixed !important
  52. }
  53. html:not(.a-fullscreen) .a-enter-ar,
  54. html:not(.a-fullscreen) .a-enter-vr {
  55. right: 5px;
  56. bottom: 5px
  57. }
  58. :-webkit-full-screen {
  59. background-color: transparent
  60. }
  61. .a-hidden {
  62. display: none !important
  63. }
  64. .a-canvas {
  65. height: 100%;
  66. left: 0;
  67. position: absolute;
  68. top: 0;
  69. width: 100%
  70. }
  71. .a-canvas.a-grab-cursor:hover {
  72. cursor: grab;
  73. cursor: -moz-grab;
  74. cursor: -webkit-grab
  75. }
  76. canvas.a-canvas.a-mouse-cursor-hover:hover {
  77. cursor: pointer
  78. }
  79. .a-inspector-loader {
  80. background-color: #ed3160;
  81. position: fixed;
  82. left: 3px;
  83. top: 3px;
  84. padding: 6px 10px;
  85. color: #fff;
  86. text-decoration: none;
  87. font-size: 12px;
  88. font-family: Roboto, sans-serif;
  89. text-align: center;
  90. z-index: 99999;
  91. width: 204px
  92. }
  93. @keyframes dots-1 {
  94. from {
  95. opacity: 0
  96. }
  97. 25% {
  98. opacity: 1
  99. }
  100. }
  101. @keyframes dots-2 {
  102. from {
  103. opacity: 0
  104. }
  105. 50% {
  106. opacity: 1
  107. }
  108. }
  109. @keyframes dots-3 {
  110. from {
  111. opacity: 0
  112. }
  113. 75% {
  114. opacity: 1
  115. }
  116. }
  117. @-webkit-keyframes dots-1 {
  118. from {
  119. opacity: 0
  120. }
  121. 25% {
  122. opacity: 1
  123. }
  124. }
  125. @-webkit-keyframes dots-2 {
  126. from {
  127. opacity: 0
  128. }
  129. 50% {
  130. opacity: 1
  131. }
  132. }
  133. @-webkit-keyframes dots-3 {
  134. from {
  135. opacity: 0
  136. }
  137. 75% {
  138. opacity: 1
  139. }
  140. }
  141. .a-inspector-loader .dots span {
  142. animation: dots-1 2s infinite steps(1);
  143. -webkit-animation: dots-1 2s infinite steps(1)
  144. }
  145. .a-inspector-loader .dots span:first-child+span {
  146. animation-name: dots-2;
  147. -webkit-animation-name: dots-2
  148. }
  149. .a-inspector-loader .dots span:first-child+span+span {
  150. animation-name: dots-3;
  151. -webkit-animation-name: dots-3
  152. }
  153. a-scene {
  154. display: block;
  155. position: relative;
  156. height: 100%;
  157. width: 100%
  158. }
  159. a-assets,
  160. a-scene audio,
  161. a-scene img,
  162. a-scene video {
  163. display: none
  164. }
  165. .a-enter-vr-modal,
  166. .a-orientation-modal {
  167. font-family: Consolas, Andale Mono, Courier New, monospace
  168. }
  169. .a-enter-vr-modal a {
  170. border-bottom: 1px solid #fff;
  171. padding: 2px 0;
  172. text-decoration: none;
  173. transition: .1s color ease-in
  174. }
  175. .a-enter-vr-modal a:hover {
  176. background-color: #fff;
  177. color: #111;
  178. padding: 2px 4px;
  179. position: relative;
  180. left: -4px
  181. }
  182. .a-enter-ar,
  183. .a-enter-vr {
  184. font-family: sans-serif, monospace;
  185. font-size: 13px;
  186. width: 100%;
  187. font-weight: 200;
  188. line-height: 16px;
  189. position: absolute;
  190. right: 20px;
  191. bottom: 20px
  192. }
  193. .a-enter-ar {
  194. right: 80px
  195. }
  196. .a-enter-vr-button,
  197. .a-enter-vr-modal,
  198. .a-enter-vr-modal a {
  199. color: #fff;
  200. user-select: none;
  201. outline: 0
  202. }
  203. .a-enter-vr-button {
  204. background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='108' height='62' viewBox='0 0 108 62'%3E%3Ctitle%3Eaframe-vrmode-noborder-reduced-tracking%3C/title%3E%3Cpath d='M68.81,21.56H64.23v8.27h4.58a4.13,4.13,0,0,0,3.1-1.09,4.2,4.2,0,0,0,1-3,4.24,4.24,0,0,0-1-3A4.05,4.05,0,0,0,68.81,21.56Z' fill='%23fff'/%3E%3Cpath d='M96,0H12A12,12,0,0,0,0,12V50A12,12,0,0,0,12,62H96a12,12,0,0,0,12-12V12A12,12,0,0,0,96,0ZM41.9,46H34L24,16h8l6,21.84,6-21.84H52Zm39.29,0H73.44L68.15,35.39H64.23V46H57V16H68.81q5.32,0,8.34,2.37a8,8,0,0,1,3,6.69,9.68,9.68,0,0,1-1.27,5.18,8.9,8.9,0,0,1-4,3.34l6.26,12.11Z' fill='%23fff'/%3E%3C/svg%3E") 50% 50% no-repeat rgba(0, 0, 0, .35)
  205. }
  206. .a-enter-ar-button {
  207. background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='108' height='62' viewBox='0 0 108 62'%3E%3Ctitle%3Eaframe-armode-noborder-reduced-tracking%3C/title%3E%3Cpath d='M96,0H12A12,12,0,0,0,0,12V50A12,12,0,0,0,12,62H96a12,12,0,0,0,12-12V12A12,12,0,0,0,96,0Zm8,50a8,8,0,0,1-8,8H12a8,8,0,0,1-8-8V12a8,8,0,0,1,8-8H96a8,8,0,0,1,8,8Z' fill='%23fff'/%3E%3Cpath d='M43.35,39.82H32.51L30.45,46H23.88L35,16h5.73L52,46H45.43Zm-9.17-5h7.5L37.91,23.58Z' fill='%23fff'/%3E%3Cpath d='M68.11,35H63.18V46H57V16H68.15q5.31,0,8.2,2.37a8.18,8.18,0,0,1,2.88,6.7,9.22,9.22,0,0,1-1.33,5.12,9.09,9.09,0,0,1-4,3.26l6.49,12.26V46H73.73Zm-4.93-5h5a5.09,5.09,0,0,0,3.6-1.18,4.21,4.21,0,0,0,1.28-3.27,4.56,4.56,0,0,0-1.2-3.34A5,5,0,0,0,68.15,21h-5Z' fill='%23fff'/%3E%3C/svg%3E") 50% 50% no-repeat rgba(0, 0, 0, .2)
  208. }
  209. .a-enter-ar-button,
  210. .a-enter-vr-button {
  211. background-size: 90% 90%;
  212. border: 0;
  213. bottom: 0;
  214. cursor: pointer;
  215. min-width: 58px;
  216. min-height: 34px;
  217. padding-right: 0;
  218. padding-top: 0;
  219. position: absolute;
  220. right: 0;
  221. transition: background-color .05s ease;
  222. -webkit-transition: background-color .05s ease;
  223. z-index: 9999;
  224. border-radius: 8px;
  225. touch-action: manipulation
  226. }
  227. .a-enter-ar-button {
  228. background-size: 100% 90%;
  229. margin-right: 10px;
  230. border-radius: 7px
  231. }
  232. .a-enter-ar-button:active,
  233. .a-enter-ar-button:hover,
  234. .a-enter-vr-button:active,
  235. .a-enter-vr-button:hover {
  236. background-color: #ef2d5e
  237. }
  238. .a-enter-vr-button.resethover {
  239. background-color: rgba(0, 0, 0, .35)
  240. }
  241. [data-a-enter-vr-no-webvr] .a-enter-vr-button {
  242. border-color: #666;
  243. opacity: .65
  244. }
  245. [data-a-enter-vr-no-webvr] .a-enter-vr-button:active,
  246. [data-a-enter-vr-no-webvr] .a-enter-vr-button:hover {
  247. background-color: rgba(0, 0, 0, .35);
  248. cursor: not-allowed
  249. }
  250. .a-enter-vr-modal {
  251. background-color: #666;
  252. border-radius: 0;
  253. display: none;
  254. min-height: 32px;
  255. margin-right: 70px;
  256. padding: 9px;
  257. width: 280px;
  258. right: 2%;
  259. position: absolute
  260. }
  261. .a-enter-vr-modal:after {
  262. border-bottom: 10px solid transparent;
  263. border-left: 10px solid #666;
  264. border-top: 10px solid transparent;
  265. display: inline-block;
  266. content: '';
  267. position: absolute;
  268. right: -5px;
  269. top: 5px;
  270. width: 0;
  271. height: 0
  272. }
  273. .a-enter-vr-modal a,
  274. .a-enter-vr-modal p {
  275. display: inline
  276. }
  277. .a-enter-vr-modal p {
  278. margin: 0
  279. }
  280. .a-enter-vr-modal p:after {
  281. content: ' '
  282. }
  283. [data-a-enter-vr-no-headset].a-enter-vr:hover .a-enter-vr-modal,
  284. [data-a-enter-vr-no-webvr].a-enter-vr:hover .a-enter-vr-modal {
  285. display: block
  286. }
  287. .a-orientation-modal {
  288. background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20version%3D%221.1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2090%2090%22%20enable-background%3D%22new%200%200%2090%2090%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%220%2C0%200%2C0%200%2C0%20%22%3E%3C/polygon%3E%3Cg%3E%3Cpath%20d%3D%22M71.545%2C48.145h-31.98V20.743c0-2.627-2.138-4.765-4.765-4.765H18.456c-2.628%2C0-4.767%2C2.138-4.767%2C4.765v42.789%20%20%20c0%2C2.628%2C2.138%2C4.766%2C4.767%2C4.766h5.535v0.959c0%2C2.628%2C2.138%2C4.765%2C4.766%2C4.765h42.788c2.628%2C0%2C4.766-2.137%2C4.766-4.765V52.914%20%20%20C76.311%2C50.284%2C74.173%2C48.145%2C71.545%2C48.145z%20M18.455%2C16.935h16.344c2.1%2C0%2C3.808%2C1.708%2C3.808%2C3.808v27.401H37.25V22.636%20%20%20c0-0.264-0.215-0.478-0.479-0.478H16.482c-0.264%2C0-0.479%2C0.214-0.479%2C0.478v36.585c0%2C0.264%2C0.215%2C0.478%2C0.479%2C0.478h7.507v7.644%20%20%20h-5.534c-2.101%2C0-3.81-1.709-3.81-3.81V20.743C14.645%2C18.643%2C16.354%2C16.935%2C18.455%2C16.935z%20M16.96%2C23.116h19.331v25.031h-7.535%20%20%20c-2.628%2C0-4.766%2C2.139-4.766%2C4.768v5.828h-7.03V23.116z%20M71.545%2C73.064H28.757c-2.101%2C0-3.81-1.708-3.81-3.808V52.914%20%20%20c0-2.102%2C1.709-3.812%2C3.81-3.812h42.788c2.1%2C0%2C3.809%2C1.71%2C3.809%2C3.812v16.343C75.354%2C71.356%2C73.645%2C73.064%2C71.545%2C73.064z%22%3E%3C/path%3E%3Cpath%20d%3D%22M28.919%2C58.424c-1.466%2C0-2.659%2C1.193-2.659%2C2.66c0%2C1.466%2C1.193%2C2.658%2C2.659%2C2.658c1.468%2C0%2C2.662-1.192%2C2.662-2.658%20%20%20C31.581%2C59.617%2C30.387%2C58.424%2C28.919%2C58.424z%20M28.919%2C62.786c-0.939%2C0-1.703-0.764-1.703-1.702c0-0.939%2C0.764-1.704%2C1.703-1.704%20%20%20c0.94%2C0%2C1.705%2C0.765%2C1.705%2C1.704C30.623%2C62.022%2C29.858%2C62.786%2C28.919%2C62.786z%22%3E%3C/path%3E%3Cpath%20d%3D%22M69.654%2C50.461H33.069c-0.264%2C0-0.479%2C0.215-0.479%2C0.479v20.288c0%2C0.264%2C0.215%2C0.478%2C0.479%2C0.478h36.585%20%20%20c0.263%2C0%2C0.477-0.214%2C0.477-0.478V50.939C70.131%2C50.676%2C69.917%2C50.461%2C69.654%2C50.461z%20M69.174%2C51.417V70.75H33.548V51.417H69.174z%22%3E%3C/path%3E%3Cpath%20d%3D%22M45.201%2C30.296c6.651%2C0%2C12.233%2C5.351%2C12.551%2C11.977l-3.033-2.638c-0.193-0.165-0.507-0.142-0.675%2C0.048%20%20%20c-0.174%2C0.198-0.153%2C0.501%2C0.045%2C0.676l3.883%2C3.375c0.09%2C0.075%2C0.198%2C0.115%2C0.312%2C0.115c0.141%2C0%2C0.273-0.061%2C0.362-0.166%20%20%20l3.371-3.877c0.173-0.2%2C0.151-0.502-0.047-0.675c-0.194-0.166-0.508-0.144-0.676%2C0.048l-2.592%2C2.979%20%20%20c-0.18-3.417-1.629-6.605-4.099-9.001c-2.538-2.461-5.877-3.817-9.404-3.817c-0.264%2C0-0.479%2C0.215-0.479%2C0.479%20%20%20C44.72%2C30.083%2C44.936%2C30.296%2C45.201%2C30.296z%22%3E%3C/path%3E%3C/g%3E%3C/svg%3E) center/50% 50% no-repeat rgba(244, 244, 244, 1);
  289. bottom: 0;
  290. font-size: 14px;
  291. font-weight: 600;
  292. left: 0;
  293. line-height: 20px;
  294. right: 0;
  295. position: fixed;
  296. top: 0;
  297. z-index: 9999999
  298. }
  299. .a-orientation-modal:after {
  300. color: #666;
  301. content: "Insert phone into Cardboard holder.";
  302. display: block;
  303. position: absolute;
  304. text-align: center;
  305. top: 70%;
  306. transform: translateY(-70%);
  307. width: 100%
  308. }
  309. .a-orientation-modal button {
  310. background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20version%3D%221.1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20enable-background%3D%22new%200%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M55.209%2C50l17.803-17.803c1.416-1.416%2C1.416-3.713%2C0-5.129c-1.416-1.417-3.713-1.417-5.129%2C0L50.08%2C44.872%20%20L32.278%2C27.069c-1.416-1.417-3.714-1.417-5.129%2C0c-1.417%2C1.416-1.417%2C3.713%2C0%2C5.129L44.951%2C50L27.149%2C67.803%20%20c-1.417%2C1.416-1.417%2C3.713%2C0%2C5.129c0.708%2C0.708%2C1.636%2C1.062%2C2.564%2C1.062c0.928%2C0%2C1.856-0.354%2C2.564-1.062L50.08%2C55.13l17.803%2C17.802%20%20c0.708%2C0.708%2C1.637%2C1.062%2C2.564%2C1.062s1.856-0.354%2C2.564-1.062c1.416-1.416%2C1.416-3.713%2C0-5.129L55.209%2C50z%22%3E%3C/path%3E%3C/svg%3E) no-repeat;
  311. border: none;
  312. height: 50px;
  313. text-indent: -9999px;
  314. width: 50px
  315. }
  316. .a-loader-title {
  317. background-color: rgba(0, 0, 0, .6);
  318. font-family: sans-serif, monospace;
  319. text-align: center;
  320. font-size: 20px;
  321. height: 50px;
  322. font-weight: 300;
  323. line-height: 50px;
  324. position: absolute;
  325. right: 0;
  326. left: 0;
  327. top: 0;
  328. color: #fff
  329. }
  330. .a-modal {
  331. background: 0 0/50% 50% rgba(0, 0, 0, .6);
  332. bottom: 0;
  333. font-size: 14px;
  334. font-weight: 600;
  335. left: 0;
  336. line-height: 20px;
  337. right: 0;
  338. position: fixed;
  339. top: 0;
  340. z-index: 9999999
  341. }
  342. .a-dialog {
  343. position: relative;
  344. left: 50%;
  345. top: 50%;
  346. transform: translate(-50%, -50%);
  347. z-index: 199995;
  348. width: 300px;
  349. height: 200px;
  350. background-size: contain;
  351. background-color: #fff;
  352. font-family: sans-serif, monospace;
  353. font-size: 20px;
  354. border-radius: 3px;
  355. padding: 6px
  356. }
  357. .a-dialog-text-container {
  358. width: 100%;
  359. height: 70%;
  360. align-self: flex-start;
  361. display: flex;
  362. justify-content: center;
  363. align-content: center;
  364. flex-direction: column
  365. }
  366. .a-dialog-text {
  367. display: inline-block;
  368. font-weight: 400;
  369. font-size: 14pt;
  370. margin: 8px
  371. }
  372. .a-dialog-buttons-container {
  373. display: inline-flex;
  374. align-self: flex-end;
  375. width: 100%;
  376. height: 30%
  377. }
  378. .a-dialog-button {
  379. cursor: pointer;
  380. align-self: center;
  381. opacity: .9;
  382. height: 80%;
  383. width: 50%;
  384. font-size: 12pt;
  385. margin: 4px;
  386. border-radius: 2px;
  387. text-align: center;
  388. border: none;
  389. display: inline-block;
  390. -webkit-transition: all .25s ease-in-out;
  391. transition: all .25s ease-in-out;
  392. box-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .2);
  393. user-select: none
  394. }
  395. .a-dialog-permission-button:hover {
  396. box-shadow: 0 7px 14px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .2)
  397. }
  398. .a-dialog-allow-button {
  399. background-color: #00ceff
  400. }
  401. .a-dialog-deny-button {
  402. background-color: #ff005b
  403. }
  404. .a-dialog-ok-button {
  405. background-color: #00ceff;
  406. width: 100%
  407. }
  408. </style>
  409. <style type="text/css" data-href="src/style/rStats.css">
  410. .rs-base {
  411. background-color: #333;
  412. color: #fafafa;
  413. border-radius: 0;
  414. font: 10px monospace;
  415. left: 5px;
  416. line-height: 1em;
  417. opacity: .85;
  418. overflow: hidden;
  419. padding: 10px;
  420. position: fixed;
  421. top: 5px;
  422. width: 300px;
  423. z-index: 10000
  424. }
  425. .rs-base div.hidden {
  426. display: none
  427. }
  428. .rs-base h1 {
  429. color: #fff;
  430. cursor: pointer;
  431. font-size: 1.4em;
  432. font-weight: 300;
  433. margin: 0 0 5px;
  434. padding: 0
  435. }
  436. .rs-group {
  437. display: -webkit-box;
  438. display: -webkit-flex;
  439. display: flex;
  440. -webkit-flex-direction: column-reverse;
  441. flex-direction: column-reverse;
  442. margin-bottom: 5px
  443. }
  444. .rs-group:last-child {
  445. margin-bottom: 0
  446. }
  447. .rs-counter-base {
  448. align-items: center;
  449. display: -webkit-box;
  450. display: -webkit-flex;
  451. display: flex;
  452. height: 10px;
  453. -webkit-justify-content: space-between;
  454. justify-content: space-between;
  455. margin: 2px 0
  456. }
  457. .rs-counter-base.alarm {
  458. color: #b70000;
  459. text-shadow: 0 0 0 #b70000, 0 0 1px #fff, 0 0 1px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 4px #fff
  460. }
  461. .rs-counter-id {
  462. font-weight: 300;
  463. -webkit-box-ordinal-group: 0;
  464. -webkit-order: 0;
  465. order: 0;
  466. width: 54px
  467. }
  468. .rs-counter-value {
  469. font-weight: 300;
  470. -webkit-box-ordinal-group: 1;
  471. -webkit-order: 1;
  472. order: 1;
  473. text-align: right;
  474. width: 35px
  475. }
  476. .rs-canvas {
  477. -webkit-box-ordinal-group: 2;
  478. -webkit-order: 2;
  479. order: 2
  480. }
  481. @media (min-width:480px) {
  482. .rs-base {
  483. left: 20px;
  484. top: 20px
  485. }
  486. }
  487. </style>
  488. <script crossorigin="anonymous" src="//cdn.8thwall.com/web/xrextras/xrextras.js?s=1"></script>
  489. <style>
  490. @font-face {
  491. font-family: 'Raleway-Regular';
  492. src: url('//cdn.8thwall.com/web/fonts/raleway-regular.woff') format('woff'),
  493. /* Modern Browsers */
  494. url('//cdn.8thwall.com/web/fonts/raleway-regular.ttf') format('truetype')
  495. /* Safari, Android, iOS */
  496. }
  497. @font-face {
  498. font-family: 'Raleway-Bold';
  499. src: url('//cdn.8thwall.com/web/fonts/raleway-bold.woff') format('woff'),
  500. /* Modern Browsers */
  501. url('//cdn.8thwall.com/web/fonts/raleway-bold.ttf') format('truetype')
  502. /* Safari, Android, iOS */
  503. }
  504. @font-face {
  505. font-family: 'Varela-Round';
  506. src: url('//cdn.8thwall.com/web/fonts/VarelaRound-Regular.woff') format('woff'),
  507. /* Modern Browsers */
  508. url('//cdn.8thwall.com/web/fonts/VarelaRound-Regular.ttf') format('truetype')
  509. /* Safari, Android, iOS */
  510. }
  511. @font-face {
  512. font-family: 'Nunito';
  513. src: url('//cdn.8thwall.com/web/fonts/Nunito-Regular.woff') format('woff'),
  514. /* Modern Browsers */
  515. url('//cdn.8thwall.com/web/fonts/Nunito-Regular.ttf') format('truetype')
  516. /* Safari, Android, iOS */
  517. }
  518. @font-face {
  519. font-family: 'Nunito-SemiBold';
  520. src: url('//cdn.8thwall.com/web/fonts/Nunito-SemiBold.woff') format('woff'),
  521. /* Modern Browsers */
  522. url('//cdn.8thwall.com/web/fonts/Nunito-SemiBold.ttf') format('truetype')
  523. /* Safari, Android, iOS */
  524. }
  525. </style>
  526. <style>
  527. #almostthereContainer {
  528. z-index: 820;
  529. background-color: #101118;
  530. }
  531. .xrextras-old-style #almostthereContainer {
  532. background-color: #FFFFFF;
  533. }
  534. #qrcode {
  535. background-color: white;
  536. margin: 0 auto;
  537. width: 250px;
  538. height: 250px;
  539. padding: 8px;
  540. border-radius: 20px;
  541. box-sizing: content-box;
  542. }
  543. #qrcode>svg {
  544. width: 100%;
  545. display: block;
  546. }
  547. .arrow-top-corner {
  548. position: fixed;
  549. top: 3%;
  550. right: 1.5%;
  551. height: 36px;
  552. }
  553. .arrow-top-close {
  554. position: fixed;
  555. top: 3%;
  556. right: 12.5%;
  557. height: 36px;
  558. }
  559. .arrow-bottom-close {
  560. position: fixed;
  561. bottom: 3%;
  562. right: 15%;
  563. height: 36px;
  564. -moz-transform: scale(-1, -1);
  565. -o-transform: scale(-1, -1);
  566. -webkit-transform: scale(-1, -1);
  567. transform: scale(-1, -1);
  568. }
  569. .arrow-bottom-corner {
  570. position: fixed;
  571. bottom: 3%;
  572. right: 2%;
  573. height: 36px;
  574. -moz-transform: scale(-1, -1);
  575. -o-transform: scale(-1, -1);
  576. -webkit-transform: scale(-1, -1);
  577. transform: scale(-1, -1);
  578. }
  579. .app-header-img {
  580. position: fixed;
  581. width: 100vw;
  582. max-width: 500px;
  583. left: 50%;
  584. top: 50%;
  585. transform: translateX(-50%) translateY(-50%);
  586. }
  587. .app-header-img.unknown {
  588. position: fixed;
  589. width: 100vw;
  590. max-width: 500px;
  591. left: 50%;
  592. top: 43%;
  593. transform: translateX(-50%) translateY(-57%);
  594. }
  595. .poweredby-img {
  596. width: 35vw;
  597. max-width: 200px;
  598. position: fixed;
  599. bottom: 2%;
  600. left: 50%;
  601. transform: translateX(-50%);
  602. }
  603. .poweredby-img.desktop {
  604. width: 200px;
  605. bottom: 5%;
  606. }
  607. .bottombarbump .poweredby-img {
  608. bottom: 15%;
  609. }
  610. #error_msg_open_in_safari {
  611. background-color: #101118;
  612. }
  613. .xrextras-old-style #error_msg_open_in_safari {
  614. background-color: white;
  615. }
  616. .open-header-top {
  617. font-family: 'Nunito-SemiBold', sans-serif;
  618. color: white;
  619. letter-spacing: .37;
  620. font-size: 1em;
  621. position: fixed;
  622. top: 0%;
  623. left: 50%;
  624. transform: translateX(-50%);
  625. }
  626. .xrextras-old-style .open-header-top {
  627. color: #323232;
  628. }
  629. .open-header-bottom {
  630. font-family: 'Nunito-SemiBold', sans-serif;
  631. color: white;
  632. letter-spacing: .37;
  633. font-size: 1em;
  634. position: fixed;
  635. top: 10%;
  636. left: 50%;
  637. transform: translateX(-50%);
  638. }
  639. .xrextras-old-style .open-header-bottom {
  640. color: #323232;
  641. }
  642. .open-header-unknown {
  643. font-family: 'Nunito-SemiBold', sans-serif;
  644. color: white;
  645. letter-spacing: .37;
  646. font-size: 1em;
  647. position: fixed;
  648. top: 5%;
  649. left: 50%;
  650. transform: translateX(-50%);
  651. }
  652. .xrextras-old-style .open-header-unknown {
  653. color: #323232;
  654. }
  655. .desktop-message {
  656. font-family: 'Nunito-SemiBold', sans-serif;
  657. margin: 0 auto;
  658. margin-top: 1vh;
  659. width: 500px;
  660. color: white;
  661. font-size: 24pt;
  662. line-height: 1em;
  663. }
  664. .xrextras-old-style .desktop-message {
  665. color: #323232;
  666. }
  667. .desktop-hint {
  668. font-family: 'Nunito', sans-serif;
  669. font-size: 14pt;
  670. color: #fff;
  671. line-height: 2em;
  672. margin-top: 2vh;
  673. letter-spacing: .37;
  674. }
  675. .xrextras-old-style .desktop-hint {
  676. color: #323232;
  677. }
  678. .copy-link-btn {
  679. position: fixed;
  680. bottom: 20%;
  681. left: 50%;
  682. transform: translateX(-50%);
  683. font-family: 'Nunito-SemiBold', sans-serif;
  684. font-weight: 800;
  685. font-size: 1.1em;
  686. text-align: center;
  687. color: white;
  688. text-decoration: none;
  689. border: none;
  690. background-color: #AD50FF;
  691. padding: 6px 13px;
  692. border-radius: 10px;
  693. }
  694. .xrextras-old-style .copy-link-btn {
  695. background-color: #7611B7;
  696. }
  697. .error-copy-link-copied {
  698. background-color: #8083A2 !important;
  699. }
  700. .safari-hero-image {
  701. max-height: 30vmin;
  702. }
  703. </style>
  704. <style>
  705. #loadingContainer {
  706. z-index: 800;
  707. font-family: 'Nunito-SemiBold', sans-serif;
  708. }
  709. #loadBackground {
  710. z-index: 10;
  711. background-color: #101118;
  712. pointer-events: auto;
  713. }
  714. .xrextras-old-style #loadBackground {
  715. background-color: white;
  716. }
  717. #requestingCameraPermissions {
  718. z-index: 11;
  719. position: absolute;
  720. top: 0;
  721. width: 100vw;
  722. text-align: center;
  723. color: white;
  724. font-size: 1.8em;
  725. font-family: 'Nunito-SemiBold', sans-serif;
  726. background-color: #464766;
  727. padding-top: 3vh;
  728. padding-bottom: 1.75vh;
  729. }
  730. #requestingCameraIcon {
  731. display: block;
  732. margin: 0 auto;
  733. margin-bottom: 2vh;
  734. height: 5.5vh;
  735. }
  736. #loadImage {
  737. position: absolute;
  738. margin-top: -2.5em;
  739. margin-left: -2.5em;
  740. top: 50%;
  741. left: 50%;
  742. height: 5em;
  743. width: 5em;
  744. transform: translate(-50%, -50%);
  745. }
  746. /* camera and micrphone permission related styles */
  747. #cameraPermissionsErrorApple,
  748. #microphonePermissionsErrorApple {
  749. background-color: #101118;
  750. }
  751. .xrextras-old-style #cameraPermissionsErrorApple,
  752. .xrextras-old-style #microphonePermissionsErrorApple {
  753. background-color: white;
  754. }
  755. #cameraPermissionsErrorAppleMessage,
  756. #microphonePermissionsErrorAppleMessage {
  757. font-size: 1.75em;
  758. text-align: center;
  759. max-width: 90vw;
  760. margin-top: 5vh;
  761. margin-left: auto;
  762. margin-right: auto;
  763. color: white;
  764. }
  765. .xrextras-old-style #cameraPermissionsErrorAppleMessage,
  766. .xrextras-old-style #microphonePermissionsErrorAppleMessage {
  767. color: #323232;
  768. }
  769. .permissionIconIos {
  770. display: block;
  771. margin: 0 auto;
  772. margin-top: 17vh;
  773. text-align: center;
  774. }
  775. .permissionIconIos img {
  776. height: 20vw;
  777. }
  778. .permissionIconIos img+img {
  779. margin-left: 10vw;
  780. }
  781. .bottom-message {
  782. color: white;
  783. padding: 0 5vw;
  784. position: absolute;
  785. bottom: 10vh;
  786. text-align: center;
  787. font-size: 1.25em;
  788. }
  789. #cameraPermissionsErrorAndroid,
  790. #microphonePermissionsErrorAndroid {
  791. padding: 2vh 0;
  792. display: flex;
  793. flex-direction: column;
  794. pointer-events: auto;
  795. justify-content: space-around;
  796. align-items: center;
  797. background-color: #101118;
  798. }
  799. .xrextras-old-style #cameraPermissionsErrorAndroid,
  800. .xrextras-old-style #microphonePermissionsErrorAndroid {
  801. background-color: white;
  802. }
  803. /* device motion permission related styles */
  804. #deviceMotionErrorApple {
  805. padding: 3vh 2vh;
  806. display: flex;
  807. flex-direction: column;
  808. pointer-events: auto;
  809. justify-content: space-around;
  810. align-items: center;
  811. background-color: #101118;
  812. color: white;
  813. }
  814. .xrextras-old-style #deviceMotionErrorApple {
  815. color: #2D2E43;
  816. background-color: white;
  817. }
  818. #linkOutViewAndroid,
  819. #copyLinkViewAndroid {
  820. background-color: #101118;
  821. }
  822. .xrextras-old-style #linkOutViewAndroid,
  823. .xrextras-old-style #copyLinkViewAndroid {
  824. background-color: #fff;
  825. }
  826. .permission-error {
  827. padding: 3vh 5vh;
  828. font-size: 3.5vh;
  829. color: #fff;
  830. background-color: #101118;
  831. }
  832. .xrextras-old-style .permission-error {
  833. color: #323232;
  834. background-color: white;
  835. }
  836. .permission-error>h1 {
  837. font-size: 1.3em;
  838. }
  839. .main-button {
  840. border: none;
  841. outline: none;
  842. background-color: #AD50FF;
  843. color: white;
  844. font-size: 2.5vh;
  845. display: block;
  846. margin-top: 2em;
  847. padding: 0.5em 1em;
  848. border-radius: 0.5em;
  849. }
  850. .xrextras-old-style .main-button {
  851. background-color: #7611B7;
  852. }
  853. .start-ar-button {
  854. position: fixed;
  855. bottom: 25%;
  856. left: 50%;
  857. transform: translateX(-50%);
  858. font-family: 'Nunito-SemiBold', sans-serif;
  859. font-weight: 800;
  860. font-size: 1.5em;
  861. text-align: center;
  862. color: white;
  863. text-decoration: none;
  864. border: none;
  865. background-color: #AD50FF;
  866. padding: 6px 13px;
  867. border-radius: 10px;
  868. }
  869. .xrextras-old-style .start-ar-button {
  870. background-color: #7611b7;
  871. }
  872. .permissionIcon {
  873. overflow: hidden;
  874. flex: 0 0 auto;
  875. margin-bottom: 2vh;
  876. }
  877. .permissionIcon img {
  878. display: block;
  879. margin: 0 auto;
  880. height: 5vh;
  881. }
  882. #cameraSelectionWorldTrackingError {
  883. z-index: 999;
  884. position: absolute;
  885. top: 0;
  886. width: 100vw;
  887. text-align: center;
  888. color: black;
  889. font-size: 3.7vh;
  890. background-color: white;
  891. padding: 3vh 0;
  892. }
  893. .loading-error-header {
  894. font-size: 3.5vh;
  895. flex: 0 0 auto;
  896. color: white;
  897. }
  898. .xrextras-old-style .loading-error-header {
  899. color: #323232;
  900. }
  901. .loading-error-footer {
  902. font-size: 3vh;
  903. line-height: 5.5vh;
  904. flex: 0 0 auto;
  905. text-align: center;
  906. width: 80vmin;
  907. color: white;
  908. }
  909. .xrextras-old-style .loading-error-footer {
  910. color: #323232;
  911. }
  912. .loading-error-footer img {
  913. display: block;
  914. height: 5vh;
  915. margin: 0 auto;
  916. margin-bottom: 2vh;
  917. }
  918. .loading-error-instructions {
  919. font-family: 'Nunito', sans-serif;
  920. color: #fff;
  921. font-size: 2.5vh;
  922. list-style: none;
  923. margin-left: 1em;
  924. counter-reset: line;
  925. flex: 0 0 auto;
  926. }
  927. .xrextras-old-style .loading-error-instructions {
  928. color: #2D2E43;
  929. }
  930. .loading-error-instructions>li {
  931. position: relative;
  932. margin-bottom: 4.5vh;
  933. }
  934. .loading-error-instructions>li>img {
  935. max-height: 3vh;
  936. vertical-align: middle;
  937. margin: 0 .5vh;
  938. }
  939. .loading-error-instructions>li:before {
  940. font-family: 'Nunito', sans-serif;
  941. position: absolute;
  942. width: 40px;
  943. height: 40px;
  944. border-radius: 3vh;
  945. color: #fff;
  946. background-color: #464766;
  947. text-align: center;
  948. left: -8vh;
  949. top: -1vh;
  950. font-size: 2.5vh;
  951. line-height: 5.5vh;
  952. counter-increment: line;
  953. content: counter(line);
  954. }
  955. .xrextras-old-style .loading-error-instructions>li:before {
  956. background-color: rgba(218, 209, 228, 128);
  957. }
  958. .highlight {
  959. color: white;
  960. font-family: 'Nunito-SemiBold', sans-serif;
  961. font-weight: 800;
  962. }
  963. .xrextras-old-style .highlight {
  964. color: #7611B7;
  965. }
  966. .camera-instruction-block {
  967. display: inline-block;
  968. background-color: #8083A2;
  969. padding: 1vh;
  970. }
  971. .xrextras-old-style .camera-instruction-block {
  972. background-color: #EBEBEB;
  973. }
  974. .camera-instruction-button {
  975. display: inline-block;
  976. padding: 1vh;
  977. background-color: #359AFF;
  978. color: white;
  979. font-size: 2vh;
  980. box-shadow: 0 .125vh .25vh rgba(0, 0, 0, 0.5);
  981. }
  982. body:not(.xrextras-old-style) .prompt-box-8w {
  983. background-color: #3A3B55;
  984. color: #fff;
  985. text-align: center;
  986. }
  987. body:not(.xrextras-old-style) .prompt-button-8w {
  988. background-color: #8083A2;
  989. border-radius: 10px;
  990. }
  991. body:not(.xrextras-old-style) .button-primary-8w {
  992. background-color: #AD50FF;
  993. }
  994. .fade-out {
  995. animation: fade-out 0.3s linear forwards;
  996. }
  997. @keyframes fade-out {
  998. 0% {
  999. opacity: 1;
  1000. }
  1001. 100% {
  1002. opacity: 0;
  1003. }
  1004. }
  1005. .spin {
  1006. animation: spin 1.1s cubic-bezier(0.785, 0.135, 0.150, 0.860) infinite both;
  1007. }
  1008. @keyframes spin {
  1009. 0% {
  1010. transform: rotate(0);
  1011. }
  1012. 100% {
  1013. transform: rotate(360deg);
  1014. }
  1015. }
  1016. .scale {
  1017. -webkit-animation: scale 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite alternate-reverse both;
  1018. animation: scale 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite alternate-reverse both;
  1019. }
  1020. @keyframes scale {
  1021. 0% {
  1022. -webkit-transform: scale(0.5);
  1023. transform: scale(0.5);
  1024. }
  1025. 100% {
  1026. -webkit-transform: scale(1);
  1027. transform: scale(1);
  1028. }
  1029. }
  1030. .pulse {
  1031. -webkit-animation: pulse 1s ease-in-out infinite both;
  1032. animation: pulse 1s ease-in-out infinite both;
  1033. }
  1034. @keyframes pulse {
  1035. 0% {
  1036. -webkit-transform: scale(1);
  1037. transform: scale(1);
  1038. }
  1039. 50% {
  1040. -webkit-transform: scale(1.1);
  1041. transform: scale(1.1);
  1042. }
  1043. 100% {
  1044. -webkit-transform: scale(1);
  1045. transform: scale(1);
  1046. }
  1047. }
  1048. </style>
  1049. <style>
  1050. .pwa-installer-root {
  1051. position: fixed;
  1052. z-index: 1300;
  1053. right: 0;
  1054. bottom: 0;
  1055. top: 0;
  1056. left: 0;
  1057. font-family: Nunito, Roboto, Arial, sans-serif;
  1058. font-size: 14px;
  1059. line-height: 1.43;
  1060. }
  1061. .pwa-installer-root .backdrop {
  1062. right: 0;
  1063. bottom: 0;
  1064. top: 0;
  1065. left: 0;
  1066. display: flex;
  1067. z-index: -1;
  1068. position: fixed;
  1069. align-items: center;
  1070. touch-action: none;
  1071. justify-content: center;
  1072. background-color: rgba(0, 0, 0, 0.5);
  1073. -webkit-tap-highlight-color: transparent;
  1074. }
  1075. .pwa-installer-root .drawer {
  1076. overflow-y: visible;
  1077. top: auto;
  1078. left: 0;
  1079. right: 0;
  1080. bottom: 0;
  1081. height: auto;
  1082. max-height: 100%;
  1083. flex: 1 0 auto;
  1084. display: flex;
  1085. outline: 0;
  1086. z-index: 1200;
  1087. position: fixed;
  1088. flex-direction: column;
  1089. -webkit-overflow-scrolling: touch;
  1090. box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2),
  1091. 0px 16px 24px 2px rgba(0, 0, 0, 0.14),
  1092. 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  1093. color: rgba(0, 0, 0, 0.87);
  1094. transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  1095. background-color: #ffffff;
  1096. }
  1097. .pwa-installer-root .drawer .container {
  1098. display: inline-block;
  1099. }
  1100. .pwa-installer-root .drawer .container .content {
  1101. display: flex;
  1102. padding: 2em;
  1103. align-items: center;
  1104. flex-direction: column;
  1105. }
  1106. .pwa-installer-root .drawer .container .content .close-button {
  1107. padding: 0;
  1108. position: absolute;
  1109. align-self: flex-end;
  1110. border: 0;
  1111. cursor: pointer;
  1112. }
  1113. .pwa-installer-root .drawer .container .content .close-button .close::before {
  1114. position: absolute;
  1115. content: ' ';
  1116. height: 2em;
  1117. width: 2px;
  1118. background-color: #333;
  1119. }
  1120. .pwa-installer-root .drawer .container .content .close-button .close::after {
  1121. position: absolute;
  1122. content: ' ';
  1123. height: 2em;
  1124. width: 2px;
  1125. background-color: #333;
  1126. }
  1127. .close::before {
  1128. transform: rotate(45deg);
  1129. }
  1130. .pwa-installer-root .drawer .container .content .close-button .close::after {
  1131. transform: rotate(-45deg);
  1132. }
  1133. .pwa-installer-root .drawer .container .content .icon-container {
  1134. filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));
  1135. }
  1136. .pwa-installer-root .drawer .container .content .icon-container .icon-preview {
  1137. width: 6em;
  1138. height: 6em;
  1139. margin-top: -5em;
  1140. clip-path: inset(6.36% round 17.543%);
  1141. -webkit-clip-path: inset(6.36% round 17.543%);
  1142. object-fit: fill;
  1143. }
  1144. .pwa-installer-root .drawer .container .content .pwa-name {
  1145. margin-top: 0em;
  1146. font-weight: 700;
  1147. margin-bottom: 1em;
  1148. }
  1149. .pwa-installer-root .drawer .container .content .install-title {
  1150. margin: 0em;
  1151. font-weight: bold;
  1152. }
  1153. .pwa-installer-root .drawer .container .content .install-subtitle {
  1154. margin: 0em;
  1155. }
  1156. .pwa-installer-root .drawer .container .content .install-action-text {
  1157. margin: 0em;
  1158. }
  1159. .pwa-installer-root .drawer .container .content .install-action-text svg {
  1160. fill: currentColor;
  1161. width: 1em;
  1162. height: 1em;
  1163. display: inline-block;
  1164. font-size: 1.5rem;
  1165. transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  1166. flex-shrink: 0;
  1167. user-select: none;
  1168. }
  1169. .pwa-installer-root .drawer .container .content .install-button {
  1170. color: #FFFFFF;
  1171. margin-top: 1em;
  1172. background-color: #7611B6;
  1173. box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
  1174. 0px 2px 2px 0px rgba(0, 0, 0, 0.14),
  1175. 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  1176. padding: 6px 16px;
  1177. font-size: 0.875rem;
  1178. min-width: 64px;
  1179. box-sizing: border-box;
  1180. transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
  1181. box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
  1182. border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  1183. font-weight: 500;
  1184. border-radius: 4px;
  1185. text-transform: uppercase;
  1186. font-family: Nunito, Roboto, Arial, sans-serif;
  1187. border: 0;
  1188. cursor: pointer;
  1189. display: inline-flex;
  1190. outline: 0;
  1191. position: relative;
  1192. align-items: center;
  1193. user-select: none;
  1194. vertical-align: center;
  1195. text-decoration: none;
  1196. -webkit-appearance: none;
  1197. -webkit-tap-highlight-color: transparent;
  1198. }
  1199. </style>
  1200. <style>
  1201. #runtimeErrorContainer {
  1202. z-index: 800;
  1203. background-color: #101118;
  1204. }
  1205. .xrextras-old-style #runtimeErrorContainer {
  1206. background-color: #FFFFFF;
  1207. }
  1208. .floater {
  1209. -webkit-filter: drop-shadow(5px 5px 5px #222);
  1210. }
  1211. </style>
  1212. <style>
  1213. /* Preview Container */
  1214. #previewContainer {
  1215. display: flex;
  1216. flex-direction: column;
  1217. align-items: stretch;
  1218. justify-content: space-between;
  1219. z-index: 30;
  1220. opacity: 0.0;
  1221. position: fixed;
  1222. top: 0;
  1223. left: 0;
  1224. bottom: 0;
  1225. right: 0;
  1226. box-sizing: border-box;
  1227. pointer-events: none;
  1228. }
  1229. #previewContainer.fade-in {
  1230. transition: 0.5s opacity;
  1231. opacity: 1;
  1232. }
  1233. #videoPreview,
  1234. #imagePreview {
  1235. display: none;
  1236. max-width: 90vw;
  1237. max-height: calc(88vh - 12vmin);
  1238. border-radius: 10px;
  1239. border: 1vmin solid white;
  1240. background-color: white;
  1241. }
  1242. .icon-button img,
  1243. #videoPreview,
  1244. #imagePreview,
  1245. .finalize-container {
  1246. filter: drop-shadow(0 0 2px #333);
  1247. }
  1248. .video-preview #videoPreview {
  1249. display: block;
  1250. }
  1251. .image-preview #imagePreview {
  1252. display: block;
  1253. }
  1254. /* Top Bar */
  1255. .top-bar {
  1256. position: relative;
  1257. flex: 1 0 0;
  1258. }
  1259. .preview-box {
  1260. position: absolute;
  1261. left: 50%;
  1262. top: 50%;
  1263. transform: translate(-50%, -50%);
  1264. }
  1265. .icon-button {
  1266. padding: 4vmin;
  1267. user-select: none;
  1268. -webkit-user-select: none;
  1269. cursor: pointer;
  1270. }
  1271. .icon-button img {
  1272. display: block;
  1273. height: 7.5vmin;
  1274. }
  1275. #toggleMuteButton,
  1276. #closePreviewButton {
  1277. position: absolute;
  1278. z-index: 1;
  1279. }
  1280. #toggleMuteButton {
  1281. left: 0;
  1282. bottom: 0;
  1283. display: none;
  1284. }
  1285. .video-preview #toggleMuteButton {
  1286. display: block;
  1287. }
  1288. #closePreviewButton {
  1289. top: 0;
  1290. right: 0;
  1291. }
  1292. /* Bottom Bar */
  1293. .bottom-bar {
  1294. display: flex;
  1295. justify-content: center;
  1296. position: relative;
  1297. margin: 0 5vmin;
  1298. }
  1299. .style-reset {
  1300. background: none;
  1301. border: none;
  1302. outline: none;
  1303. box-shadow: none !important;
  1304. -webkit-touch-callout: none;
  1305. -webkit-user-select: none;
  1306. user-select: none;
  1307. -webkit-tap-highlight-color: transparent;
  1308. }
  1309. .style-reset:focus {
  1310. outline: 0;
  1311. }
  1312. #actionButton {
  1313. padding: 0.3em 0.5em 0.3em 0.5em;
  1314. user-select: none;
  1315. -webkit-user-select: none;
  1316. font-family: 'Nunito', sans-serif;
  1317. text-align: right;
  1318. color: white;
  1319. background-color: #AD50FF;
  1320. border-radius: 0.5em;
  1321. font-size: 5vmin;
  1322. min-width: 3.25em;
  1323. }
  1324. .show-with-download-button {
  1325. position: absolute;
  1326. top: 50%;
  1327. right: 0;
  1328. transform: translateY(-50%);
  1329. }
  1330. .show-alone {
  1331. margin-bottom: 2vmin;
  1332. }
  1333. #actionButton img {
  1334. height: 0.8em;
  1335. margin-left: 0.4em;
  1336. }
  1337. .disabled-download.video-preview #openSafariText {
  1338. display: block;
  1339. font-size: 5vmin;
  1340. }
  1341. .disabled-download.image-preview #tapAndHoldText {
  1342. display: block;
  1343. font-size: 7.5vmin;
  1344. }
  1345. #openSafariText,
  1346. #tapAndHoldText {
  1347. display: none;
  1348. padding: 0.3em 0.5em 0.3em 0.5em;
  1349. user-select: none;
  1350. -webkit-user-select: none;
  1351. font-family: 'Nunito', sans-serif;
  1352. text-align: center;
  1353. color: white;
  1354. filter: drop-shadow(0px 1px 2px #333);
  1355. }
  1356. #previewContainer:not(.downloaded) .show-after-download {
  1357. display: none;
  1358. }
  1359. .finalize-container {
  1360. position: absolute;
  1361. top: 50%;
  1362. transform: translateY(-50%);
  1363. right: calc(50% + 13vmin);
  1364. width: 25vmin;
  1365. text-align: center;
  1366. opacity: 0;
  1367. transition: 0.3s opacity;
  1368. }
  1369. .finalize-waiting .finalize-container {
  1370. opacity: 1;
  1371. }
  1372. #finalizeText {
  1373. color: white;
  1374. font-family: 'Nunito', sans-serif;
  1375. color: white;
  1376. font-size: 3.5vmin;
  1377. margin-bottom: 0.5vmin;
  1378. font-style: italic;
  1379. }
  1380. #finalizeProgressBar {
  1381. -webkit-appearance: none;
  1382. -moz-appearance: none;
  1383. appearance: none;
  1384. background: #B5B8D0;
  1385. border-radius: 0.75vmin;
  1386. overflow: hidden;
  1387. width: 100%;
  1388. height: 1.5vmin;
  1389. display: block;
  1390. }
  1391. #finalizeProgressBar::-webkit-progress-bar {
  1392. background: #B5B8D0;
  1393. border-radius: 0.75vmin;
  1394. }
  1395. #finalizeProgressBar::-webkit-progress-value {
  1396. border-radius: 0.75vmin;
  1397. background: white;
  1398. transition: 2s width;
  1399. }
  1400. #finalizeProgressBar::-moz-progress-bar {
  1401. border-radius: 0.75vmin;
  1402. background: white;
  1403. }
  1404. </style>
  1405. <style>
  1406. .recorder-container {
  1407. position: fixed;
  1408. width: 25vmin;
  1409. height: 25vmin;
  1410. max-width: 10em;
  1411. max-height: 10em;
  1412. bottom: 3vmin;
  1413. left: 50%;
  1414. transform: translateX(-50%);
  1415. z-index: 20;
  1416. transition: 0.5s opacity;
  1417. }
  1418. #recorder-button {
  1419. display: block;
  1420. border: none;
  1421. outline: none;
  1422. margin: 0;
  1423. padding: 0;
  1424. box-shadow: none;
  1425. position: absolute;
  1426. background: white;
  1427. border-radius: 50%;
  1428. color: transparent;
  1429. top: 0;
  1430. left: 0;
  1431. transform-origin: 50% 50%;
  1432. transform: scale(0.6);
  1433. transition: 0.3s border-radius, 0.3s transform;
  1434. width: 100%;
  1435. height: 100%;
  1436. }
  1437. .progress-container {
  1438. display: block;
  1439. position: absolute;
  1440. top: 0;
  1441. left: 0;
  1442. width: 100%;
  1443. height: 100%;
  1444. transform: scale(0.9);
  1445. transition: 0.3s transform, 0.3s opacity;
  1446. }
  1447. .progress-track,
  1448. .progress-bar,
  1449. .loading-circle {
  1450. fill: transparent;
  1451. stroke-width: 3;
  1452. }
  1453. .progress-track {
  1454. stroke: white;
  1455. }
  1456. .progress-bar {
  1457. opacity: 0;
  1458. transition: 0;
  1459. transform-origin: 50% 50%;
  1460. stroke: white;
  1461. transform: rotate(-90deg);
  1462. stroke-dasharray: 100.531 100.531;
  1463. stroke-dashoffset: 100;
  1464. }
  1465. .recording .progress-container,
  1466. .loading .progress-container {
  1467. opacity: 1;
  1468. transform: scale(1);
  1469. }
  1470. .recording .progress-track,
  1471. .loading .progress-track {
  1472. transition: 0.8s stroke;
  1473. stroke: #fff5;
  1474. }
  1475. .recording .progress-bar {
  1476. opacity: 1;
  1477. }
  1478. .active #recorder-button {
  1479. transform: scale(0.5);
  1480. }
  1481. .active:not(.fixed-mode) #recorder-button {
  1482. background: #fff5;
  1483. }
  1484. .fixed-mode #recorder-button {
  1485. border-radius: 15%;
  1486. transform: scale(0.42);
  1487. }
  1488. .flash-element {
  1489. position: fixed;
  1490. top: 0;
  1491. left: 0;
  1492. bottom: 0;
  1493. right: 0;
  1494. background-color: white;
  1495. opacity: 0;
  1496. transition: 0.6s opacity;
  1497. pointer-events: none;
  1498. z-index: 40;
  1499. }
  1500. .flash-element.flashing {
  1501. transition: 0s opacity;
  1502. opacity: 1;
  1503. pointer-events: auto;
  1504. z-index: 100;
  1505. }
  1506. .loading-circle {
  1507. stroke-dasharray: 25 25 25 25;
  1508. stroke-dashoffset: 0;
  1509. stroke: white;
  1510. opacity: 0;
  1511. transform-origin: 50% 50%;
  1512. }
  1513. @keyframes record-button-spin {
  1514. 0% {
  1515. transform: rotate(-90deg);
  1516. }
  1517. 100% {
  1518. transform: rotate(270deg);
  1519. }
  1520. }
  1521. .loading .loading-circle {
  1522. animation: record-button-spin 1.1s linear infinite both;
  1523. opacity: 1;
  1524. }
  1525. .fade-container {
  1526. opacity: 0;
  1527. pointer-events: none;
  1528. }
  1529. </style>
  1530. <style>
  1531. * {
  1532. font-family: inherit;
  1533. box-sizing: inherit;
  1534. }
  1535. .absolute-fill {
  1536. position: absolute;
  1537. top: 0;
  1538. left: 0;
  1539. bottom: 0;
  1540. right: 0;
  1541. }
  1542. .hidden {
  1543. display: none !important;
  1544. }
  1545. .error-text-outer-container {
  1546. display: flex;
  1547. align-items: center;
  1548. justify-content: center;
  1549. }
  1550. .error-text-container {
  1551. flex: 0 0 auto;
  1552. text-align: center;
  1553. width: 100%;
  1554. }
  1555. .error-text-header {
  1556. font-family: 'Nunito', sans-serif;
  1557. font-size: 16pt;
  1558. color: white;
  1559. letter-spacing: .37;
  1560. line-height: 23pt;
  1561. }
  1562. .xrextras-old-style .error-text-header {
  1563. color: #323232;
  1564. }
  1565. .error-text-hint {
  1566. font-family: 'Nunito', sans-serif;
  1567. font-size: 14pt;
  1568. color: #A8A8BA;
  1569. letter-spacing: .37;
  1570. }
  1571. .error-text-detail {
  1572. font-family: 'Nunito', sans-serif;
  1573. font-size: 14pt;
  1574. color: white;
  1575. }
  1576. .xrextras-old-style .error-text-detail {
  1577. color: #323232;
  1578. }
  1579. .error-margin-top-5 {
  1580. margin-top: 5vh;
  1581. }
  1582. .error-margin-top-20 {
  1583. margin-top: 20vh;
  1584. }
  1585. .desktop-home-link {
  1586. font-family: 'Nunito-SemiBold', sans-serif;
  1587. padding-top: 5px;
  1588. padding-bottom: 5px;
  1589. padding-left: 10px;
  1590. padding-right: 10px;
  1591. border-radius: 10px;
  1592. color: white;
  1593. background-color: #464766;
  1594. -webkit-user-select: all;
  1595. /* Chrome 49+ */
  1596. -moz-user-select: all;
  1597. /* Firefox 43+ */
  1598. -ms-user-select: all;
  1599. /* No support yet */
  1600. user-select: all;
  1601. pointer-events: auto;
  1602. }
  1603. .xrextras-old-style .desktop-home-link {
  1604. color: #323232;
  1605. background-color: rgba(173, 80, 255, 0.2);
  1606. }
  1607. .desktop-home-link.mobile {
  1608. position: fixed;
  1609. width: 100vw;
  1610. font-size: 1.1em;
  1611. font-weight: 800;
  1612. border-radius: 0px;
  1613. bottom: 30%;
  1614. left: 50%;
  1615. transform: translateX(-50%);
  1616. }
  1617. .xrextras-old-style .foreground-image {
  1618. filter: invert(1);
  1619. }
  1620. </style>
  1621. <script crossorigin="anonymous" src="//cdn.8thwall.com/web/landing-page/landing-page.js"></script>
  1622. <style>
  1623. @font-face {
  1624. font-family: "Raleway-Regular";
  1625. src: url("//cdn.8thwall.com/web/fonts/raleway-regular.woff") format("woff"), url("//cdn.8thwall.com/web/fonts/raleway-regular.ttf") format("truetype")
  1626. }
  1627. @font-face {
  1628. font-family: "Raleway-Bold";
  1629. src: url("//cdn.8thwall.com/web/fonts/raleway-bold.woff") format("woff"), url("//cdn.8thwall.com/web/fonts/raleway-bold.ttf") format("truetype")
  1630. }
  1631. @font-face {
  1632. font-family: "Varela-Round";
  1633. src: url("//cdn.8thwall.com/web/fonts/VarelaRound-Regular.woff") format("woff"), url("//cdn.8thwall.com/web/fonts/VarelaRound-Regular.ttf") format("truetype")
  1634. }
  1635. @font-face {
  1636. font-family: "Nunito";
  1637. src: url("//cdn.8thwall.com/web/fonts/Nunito-Regular.woff") format("woff"), url("//cdn.8thwall.com/web/fonts/Nunito-Regular.ttf") format("truetype")
  1638. }
  1639. @font-face {
  1640. font-family: "Nunito-SemiBold";
  1641. src: url("//cdn.8thwall.com/web/fonts/Nunito-SemiBold.woff") format("woff"), url("//cdn.8thwall.com/web/fonts/Nunito-SemiBold.ttf") format("truetype")
  1642. }
  1643. </style>
  1644. <style>
  1645. #almostthereContainer {
  1646. z-index: 820;
  1647. background-color: #101118
  1648. }
  1649. .xrextras-old-style #almostthereContainer {
  1650. background-color: #fff
  1651. }
  1652. #qrcode {
  1653. background-color: #fff;
  1654. margin: 0 auto;
  1655. width: 250px;
  1656. height: 250px;
  1657. padding: 8px;
  1658. border-radius: 20px;
  1659. box-sizing: content-box
  1660. }
  1661. #qrcode>svg {
  1662. width: 100%;
  1663. display: block
  1664. }
  1665. .arrow-top-corner {
  1666. position: fixed;
  1667. top: 3%;
  1668. right: 1.5%;
  1669. height: 36px
  1670. }
  1671. .arrow-top-close {
  1672. position: fixed;
  1673. top: 3%;
  1674. right: 12.5%;
  1675. height: 36px
  1676. }
  1677. .arrow-bottom-close {
  1678. position: fixed;
  1679. bottom: 3%;
  1680. right: 15%;
  1681. height: 36px;
  1682. -moz-transform: scale(-1, -1);
  1683. -o-transform: scale(-1, -1);
  1684. -webkit-transform: scale(-1, -1);
  1685. transform: scale(-1, -1)
  1686. }
  1687. .arrow-bottom-corner {
  1688. position: fixed;
  1689. bottom: 3%;
  1690. right: 2%;
  1691. height: 36px;
  1692. -moz-transform: scale(-1, -1);
  1693. -o-transform: scale(-1, -1);
  1694. -webkit-transform: scale(-1, -1);
  1695. transform: scale(-1, -1)
  1696. }
  1697. .app-header-img {
  1698. position: fixed;
  1699. width: 100vw;
  1700. max-width: 500px;
  1701. left: 50%;
  1702. top: 50%;
  1703. transform: translateX(-50%) translateY(-50%)
  1704. }
  1705. .app-header-img.unknown {
  1706. position: fixed;
  1707. width: 100vw;
  1708. max-width: 500px;
  1709. left: 50%;
  1710. top: 43%;
  1711. transform: translateX(-50%) translateY(-57%)
  1712. }
  1713. .poweredby-img {
  1714. width: 35vw;
  1715. max-width: 200px;
  1716. position: fixed;
  1717. bottom: 2%;
  1718. left: 50%;
  1719. transform: translateX(-50%)
  1720. }
  1721. .poweredby-img.desktop {
  1722. width: 200px;
  1723. bottom: 5%
  1724. }
  1725. .bottombarbump .poweredby-img {
  1726. bottom: 15%
  1727. }
  1728. #error_msg_open_in_safari {
  1729. background-color: #101118
  1730. }
  1731. .xrextras-old-style #error_msg_open_in_safari {
  1732. background-color: #fff
  1733. }
  1734. .open-header-top {
  1735. font-family: "Nunito-SemiBold", sans-serif;
  1736. color: #fff;
  1737. letter-spacing: .37;
  1738. font-size: 1em;
  1739. position: fixed;
  1740. top: 0%;
  1741. left: 50%;
  1742. transform: translateX(-50%)
  1743. }
  1744. .xrextras-old-style .open-header-top {
  1745. color: #323232
  1746. }
  1747. .open-header-bottom {
  1748. font-family: "Nunito-SemiBold", sans-serif;
  1749. color: #fff;
  1750. letter-spacing: .37;
  1751. font-size: 1em;
  1752. position: fixed;
  1753. top: 10%;
  1754. left: 50%;
  1755. transform: translateX(-50%)
  1756. }
  1757. .xrextras-old-style .open-header-bottom {
  1758. color: #323232
  1759. }
  1760. .open-header-unknown {
  1761. font-family: "Nunito-SemiBold", sans-serif;
  1762. color: #fff;
  1763. letter-spacing: .37;
  1764. font-size: 1em;
  1765. position: fixed;
  1766. top: 5%;
  1767. left: 50%;
  1768. transform: translateX(-50%)
  1769. }
  1770. .xrextras-old-style .open-header-unknown {
  1771. color: #323232
  1772. }
  1773. .desktop-message {
  1774. font-family: "Nunito-SemiBold", sans-serif;
  1775. margin: 0 auto;
  1776. margin-top: 1vh;
  1777. width: 500px;
  1778. color: #fff;
  1779. font-size: 24pt;
  1780. line-height: 1em
  1781. }
  1782. .xrextras-old-style .desktop-message {
  1783. color: #323232
  1784. }
  1785. .desktop-hint {
  1786. font-family: "Nunito", sans-serif;
  1787. font-size: 14pt;
  1788. color: #fff;
  1789. line-height: 2em;
  1790. margin-top: 2vh;
  1791. letter-spacing: .37
  1792. }
  1793. .xrextras-old-style .desktop-hint {
  1794. color: #323232
  1795. }
  1796. .copy-link-btn {
  1797. position: fixed;
  1798. bottom: 20%;
  1799. left: 50%;
  1800. transform: translateX(-50%);
  1801. font-family: "Nunito-SemiBold", sans-serif;
  1802. font-weight: 800;
  1803. font-size: 1.1em;
  1804. text-align: center;
  1805. color: #fff;
  1806. text-decoration: none;
  1807. border: none;
  1808. background-color: #ad50ff;
  1809. padding: 6px 13px;
  1810. border-radius: 10px
  1811. }
  1812. .xrextras-old-style .copy-link-btn {
  1813. background-color: #7611b7
  1814. }
  1815. .error-copy-link-copied {
  1816. background-color: #8083a2 !important
  1817. }
  1818. .safari-hero-image {
  1819. max-height: 30vmin
  1820. }
  1821. </style>
  1822. <style>
  1823. .landing8-container {
  1824. position: fixed;
  1825. top: 0;
  1826. left: 0;
  1827. bottom: 0;
  1828. right: 0;
  1829. z-index: 815;
  1830. box-sizing: border-box
  1831. }
  1832. .landing8-container * {
  1833. box-sizing: inherit
  1834. }
  1835. .landing8-background {
  1836. position: absolute;
  1837. top: 0;
  1838. left: 0;
  1839. bottom: 0;
  1840. right: 0;
  1841. z-index: -2
  1842. }
  1843. .landing8-background-image {
  1844. position: absolute;
  1845. z-index: -1;
  1846. background-position: center;
  1847. background-repeat: no-repeat;
  1848. background-size: cover
  1849. }
  1850. .landing8-centered-container {
  1851. position: absolute;
  1852. top: 0;
  1853. left: 0;
  1854. bottom: 0;
  1855. right: 0;
  1856. overflow: auto;
  1857. display: grid;
  1858. justify-content: center;
  1859. align-items: center
  1860. }
  1861. .landing8-media-view {
  1862. padding: 16px
  1863. }
  1864. .landing8-view-loading {
  1865. opacity: 0;
  1866. transform: scale(0.97)
  1867. }
  1868. .landing8-view-transition {
  1869. transition: .3s opacity, .3s transform
  1870. }
  1871. .landing8-logo {
  1872. display: block;
  1873. max-width: 100%;
  1874. height: auto;
  1875. max-height: 168px;
  1876. margin-bottom: 24px
  1877. }
  1878. .landing8-attribution-logo {
  1879. margin-top: auto;
  1880. width: 220px;
  1881. max-width: 100%
  1882. }
  1883. .landing8-media-embed,
  1884. .landing8-media-image,
  1885. .landing8-media-video {
  1886. width: 100%;
  1887. min-width: 0;
  1888. border-radius: 10px;
  1889. overflow: hidden;
  1890. margin: 0 auto;
  1891. display: block
  1892. }
  1893. .landing8-media-embed,
  1894. .landing8-media-image,
  1895. .landing8-media-video-container {
  1896. grid-area: media
  1897. }
  1898. .landing8-prompt-text {
  1899. text-align: center;
  1900. font-size: 24px;
  1901. min-width: 0;
  1902. z-index: 1
  1903. }
  1904. .landing8-prompt-link {
  1905. display: block;
  1906. position: relative;
  1907. width: 100%;
  1908. line-height: 0
  1909. }
  1910. .landing8-qr {
  1911. background: #fff;
  1912. border-radius: 16px;
  1913. width: 220px;
  1914. height: 220px;
  1915. grid-area: qr;
  1916. margin-bottom: 12px
  1917. }
  1918. .landing8-prompt-link:link,
  1919. .landing8-prompt-link:visited,
  1920. .landing8-prompt-link:hover,
  1921. .landing8-prompt-link:active {
  1922. color: inherit;
  1923. text-decoration: none
  1924. }
  1925. .landing8-prompt-link:hover .landing8-prompt-link-overflow-container {
  1926. display: block
  1927. }
  1928. .landing8-prompt-link:active .landing8-prompt-link-overflow-text {
  1929. background-color: #000;
  1930. color: #fff
  1931. }
  1932. .landing8-prompt-link-placeholder {
  1933. display: inline-block;
  1934. overflow: hidden;
  1935. width: 100%;
  1936. white-space: nowrap;
  1937. text-overflow: ellipsis;
  1938. line-height: normal
  1939. }
  1940. .landing8-prompt-link-overflow-container {
  1941. display: none;
  1942. position: absolute;
  1943. top: -2px;
  1944. left: -8px;
  1945. width: 150%;
  1946. max-width: calc(100% + 16px)
  1947. }
  1948. .landing8-prompt-link-overflow-text {
  1949. display: inline-block;
  1950. color: #000;
  1951. background-color: #fff;
  1952. padding: 2px 8px;
  1953. border-radius: 8px;
  1954. max-width: 100%;
  1955. overflow: hidden;
  1956. white-space: normal;
  1957. word-break: break-all;
  1958. line-height: normal
  1959. }
  1960. .landing8-prompt-link-icon {
  1961. display: inline-block;
  1962. position: relative;
  1963. top: 3px;
  1964. margin-left: 4px
  1965. }
  1966. .landing8-shadow {
  1967. filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.8))
  1968. }
  1969. .landing8-media-image,
  1970. .landing8-media-video {
  1971. max-width: calc((var(--landing8-media-width) / var(--landing8-media-height)) * var(--landing8-media-max-height));
  1972. --landing8-media-max-height: 600px
  1973. }
  1974. .landing8-media-view {
  1975. display: grid;
  1976. grid-template-columns: 1fr;
  1977. grid-template-rows: auto auto auto;
  1978. grid-gap: 24px;
  1979. grid-template-areas: "media" "logo" "qr"
  1980. }
  1981. .landing8-prompt-section {
  1982. display: flex;
  1983. flex-direction: column;
  1984. justify-content: flex-start;
  1985. align-items: center;
  1986. grid-area: qr
  1987. }
  1988. .landing8-logo-section {
  1989. display: flex;
  1990. flex-direction: column;
  1991. justify-content: space-between;
  1992. align-items: center;
  1993. grid-area: logo;
  1994. max-width: 300px;
  1995. margin: 0 auto
  1996. }
  1997. @media screen and (min-width: 768px) {
  1998. .landing8-media-view .landing8-prompt-link-overflow-container,
  1999. .landing8-model-viewer-info .landing8-prompt-link-overflow-container {
  2000. max-width: 150%
  2001. }
  2002. .landing8-media-view .landing8-prompt-text,
  2003. .landing8-model-viewer-info .landing8-prompt-text {
  2004. text-align: left
  2005. }
  2006. .landing8-media-view .landing8-qr,
  2007. .landing8-model-viewer-info .landing8-qr {
  2008. margin-right: 24px;
  2009. margin-bottom: 0
  2010. }
  2011. .landing8-media-view .landing8-prompt-section,
  2012. .landing8-model-viewer-info .landing8-prompt-section {
  2013. flex-direction: row;
  2014. align-items: flex-end
  2015. }
  2016. .landing8-logo-section {
  2017. align-items: flex-end;
  2018. margin-right: 0
  2019. }
  2020. .landing8-portrait-layout {
  2021. grid-template-columns: 500px minmax(0, 500px);
  2022. grid-template-rows: 1fr auto;
  2023. grid-template-areas: "logo media" "qr media"
  2024. }
  2025. .landing8-portrait-layout .landing8-media-image,
  2026. .landing8-portrait-layout .landing8-media-video {
  2027. --landing8-media-max-height: 80vh
  2028. }
  2029. .landing8-portrait-layout .landing8-logo-section {
  2030. align-items: flex-start;
  2031. margin-left: 0;
  2032. justify-content: space-between
  2033. }
  2034. .landing8-landscape-layout {
  2035. min-width: 736px;
  2036. width: 65vw;
  2037. max-width: 1000px;
  2038. grid-template-columns: minmax(500px, 1fr) minmax(0, 300px);
  2039. grid-template-rows: auto auto;
  2040. grid-template-areas: "media media" "qr logo"
  2041. }
  2042. .landing8-landscape-layout .landing8-media-image,
  2043. .landing8-landscape-layout .landing8-media-video-element {
  2044. max-height: 650px
  2045. }
  2046. .landing8-landscape-layout .landing8-logo-section {
  2047. align-items: flex-end;
  2048. justify-content: space-between
  2049. }
  2050. }
  2051. .landing8-blank-view {
  2052. padding: 16px
  2053. }
  2054. .landing8-blank-view .landing8-prompt-section {
  2055. margin-bottom: 200px
  2056. }
  2057. .landing8-blank-view .landing8-logo-section {
  2058. align-items: center
  2059. }
  2060. .landing8-media-embed {
  2061. width: 80vw;
  2062. max-width: 100%;
  2063. padding-top: 56.25%;
  2064. position: relative
  2065. }
  2066. .landing8-media-embed iframe {
  2067. position: absolute;
  2068. top: 0;
  2069. left: 0;
  2070. bottom: 0;
  2071. right: 0;
  2072. width: 100%;
  2073. height: 100%
  2074. }
  2075. .landing8-model-canvas {
  2076. outline: none;
  2077. -webkit-tap-highlight-color: transparent
  2078. }
  2079. .landing8-model-viewer-info {
  2080. z-index: 1;
  2081. position: absolute;
  2082. bottom: 0;
  2083. left: 50%;
  2084. transform: translateX(-50%);
  2085. width: 100%;
  2086. max-width: 1440px;
  2087. display: flex;
  2088. padding: 48px;
  2089. justify-content: space-between;
  2090. overflow: hidden;
  2091. pointer-events: none
  2092. }
  2093. .landing8-model-viewer-info .landing8-attribution-logo,
  2094. .landing8-model-viewer-info .landing8-logo,
  2095. .landing8-model-viewer-info .landing8-qr,
  2096. .landing8-model-viewer-info .landing8-prompt-text {
  2097. pointer-events: auto
  2098. }
  2099. .landing8-model-viewer-info .landing8-prompt-link-overflow-container {
  2100. max-width: 150%
  2101. }
  2102. .landing8-text-shadow .landing8-prompt-text,
  2103. .landing8-text-shadow .landing8-attribution-logo {
  2104. filter: drop-shadow(0 0 2px #0009)
  2105. }
  2106. .landing8-facebook-messenger-button {
  2107. display: block;
  2108. background: #0082fa;
  2109. font-family: sans-serif;
  2110. border-radius: 8px;
  2111. padding: 8px 16px;
  2112. font-size: 24px;
  2113. margin-bottom: 8px;
  2114. font-weight: 300
  2115. }
  2116. .landing8-facebook-messenger-button:link,
  2117. .landing8-facebook-messenger-button:visited,
  2118. .landing8-facebook-messenger-button:hover,
  2119. .landing8-facebook-messenger-button:active {
  2120. color: #fff;
  2121. text-decoration: none
  2122. }
  2123. .landing8-facebook-messenger-icon {
  2124. margin-right: 8px;
  2125. display: inline-block;
  2126. position: relative;
  2127. top: 3px
  2128. }
  2129. .landing8-media-video-container {
  2130. position: relative;
  2131. max-width: 100%;
  2132. z-index: 3
  2133. }
  2134. .landing8-media-control-button {
  2135. background: none;
  2136. border: none;
  2137. box-shadow: none;
  2138. position: absolute;
  2139. z-index: 5;
  2140. cursor: pointer;
  2141. padding: 0;
  2142. margin: 0
  2143. }
  2144. .landing8-media-control-icon {
  2145. display: block;
  2146. width: 32px;
  2147. height: 32px
  2148. }
  2149. .landing8-media-play-button {
  2150. top: var(--landing8-video-center-y, 50%);
  2151. left: var(--landing8-video-center-x, 50%);
  2152. transform: translate(-50%, -50%)
  2153. }
  2154. .landing8-media-play-button .landing8-media-control-icon {
  2155. width: 56px;
  2156. height: 56px
  2157. }
  2158. .landing8-media-mute-button {
  2159. right: calc(var(--landing8-video-right, 0) + 32px);
  2160. bottom: 32px;
  2161. transition: .5s opacity
  2162. }
  2163. .landing8-media-video-container:not(:hover) .landing8-media-mute-button.landing8-playing-with-sound:not(:focus) {
  2164. opacity: 0;
  2165. transition-delay: 1s
  2166. }
  2167. .landing8-media-pause-button {
  2168. top: 0;
  2169. left: 0;
  2170. width: var(--landing8-video-width, 100%);
  2171. height: var(--landing8-video-height, 100%);
  2172. color: transparent;
  2173. z-index: 4
  2174. }
  2175. </style>
  2176. <!-- Copyright (c) 2022 8th Wall, Inc. -->
  2177. <!-- head.html is optional; elements will be added to your html head before app.js is loaded. -->
  2178. <!-- Use "8thwall:" meta tags to hook into 8th Wall's build process and developer tools. -->
  2179. <meta name="8thwall:renderer" content="aframe:1.1.0">
  2180. <meta name="8thwall:package" content="@8thwall.xrextras">
  2181. <meta name="8thwall:package" content="@8thwall.landing-page">
  2182. <!-- Other external scripts and meta tags can also be added. -->
  2183. <script src="//cdn.8thwall.com/web/aframe/aframe-extras-6.1.1.min.js"></script>
  2184. <script crossorigin="anonymous" src="https://cdn.8thwall.com/xr-simd-24.0.9.2165.js" async="true"></script>
  2185. <script async="" crossorigin="use-credentials"
  2186. src="/fox-ar/dist_33f8d6115e2fb2e68fc7104365846112a65ba05d-8f1e8162a4553fb16164280a163e0bf0_bundle.js"></script>
  2187. <style type="text/css">
  2188. @font-face {
  2189. font-family: 'Montserrat';
  2190. src: url(/fox-ar/assets/Montserrat-Regular-9516946b59.ttf) format('truetype');
  2191. font-weight: 400;
  2192. }
  2193. @font-face {
  2194. font-family: 'Montserrat';
  2195. src: url(/fox-ar/assets/Montserrat-Medium-vndljj63zi.ttf) format('truetype');
  2196. font-weight: 500;
  2197. }
  2198. * {
  2199. box-sizing: border-box;
  2200. }
  2201. body {
  2202. font-family: 'Montserrat';
  2203. font-weight: 500;
  2204. }
  2205. #requestingCameraIcon {
  2206. display: none;
  2207. }
  2208. #requestingCameraPermissions {
  2209. display: none;
  2210. }
  2211. #loadBackground {
  2212. background: url(/fox-ar/assets/loading-1d8pau2gl6.png) top left/cover no-repeat;
  2213. }
  2214. #loadImage {
  2215. display: none;
  2216. }
  2217. #previewContainer {
  2218. background: url(/fox-ar/assets/preview-background-5573h46252.jpg) center/cover no-repeat;
  2219. }
  2220. .preview-box {
  2221. background: #1362b2;
  2222. background: linear-gradient(180deg, #1362b2 0%, #d20101 100%);
  2223. }
  2224. #videoPreview,
  2225. #imagePreview {
  2226. border-radius: 0;
  2227. border: 1vmin solid transparent;
  2228. background: none;
  2229. max-height: 75vh;
  2230. }
  2231. .bottom-bar {
  2232. height: 15vh;
  2233. }
  2234. .logo {
  2235. position: absolute;
  2236. z-index: 31;
  2237. top: 0;
  2238. left: 0;
  2239. width: 40vw;
  2240. }
  2241. .after-expiriens-buttons {
  2242. position: absolute;
  2243. z-index: 1;
  2244. top: 50%;
  2245. left: 50%;
  2246. transform: translate(-50%, -50%);
  2247. display: grid;
  2248. grid-template-rows: repeat(3, 1fr);
  2249. grid-row-gap: 3vh;
  2250. }
  2251. .after-expiriens-button {
  2252. font-size: 5vmin;
  2253. font-weight: 500;
  2254. color: #ffffff;
  2255. text-decoration: none;
  2256. padding: 2.4vh 8vw;
  2257. width: 100%;
  2258. background: #d20101;
  2259. border: none;
  2260. display: grid;
  2261. grid-template-columns: 48px 1fr;
  2262. grid-gap: 20px;
  2263. align-items: center;
  2264. }
  2265. .after-expiriens-button svg {
  2266. width: 7vmin;
  2267. height: 7vmin;
  2268. }
  2269. #actionButton {
  2270. font-family: 'Montserrat';
  2271. font-size: 4vmin;
  2272. border-radius: 0;
  2273. color: #ffffff;
  2274. background: #d20101;
  2275. }
  2276. /*
  2277. #downloadButton.capture-preview-button,
  2278. #actionButton.capture-preview-button {
  2279. font-family: 'Montserrat';
  2280. font-size: 4vmin;
  2281. font-weight: 500;
  2282. color: #ffffff;
  2283. padding: 1.5vh 3.5vw;
  2284. width: 41vw;
  2285. background: #d20101;
  2286. display: grid;
  2287. grid-template-columns: 5vmin 1fr;
  2288. grid-gap: 16px;
  2289. align-items: center;
  2290. position: absolute;
  2291. top: 50%;
  2292. transform: translate(0, -50%);
  2293. border-radius: 0;
  2294. }
  2295. .capture-preview-button svg {
  2296. width: 5vmin;
  2297. height: 5vmin;
  2298. } */
  2299. .prompt-box-8w {
  2300. background-color: #ffffff !important;
  2301. color: #000000 !important;
  2302. }
  2303. .prompt-button-8w {
  2304. background-color: #828398 !important;
  2305. }
  2306. .button-primary-8w {
  2307. background-color: #d20101 !important;
  2308. }
  2309. </style>
  2310. </head>
  2311. <body>
  2312. <!-- Copyright (c) 2022 8th Wall, Inc. -->
  2313. <!-- body.html is optional; elements will be added to your html body after app.js is loaded. -->
  2314. <img class="logo" src="/fox-ar/assets/logo_fox-dg391dcx7l.png" alt="mordovia">
  2315. <div id="after-expiriens-buttons" class="after-expiriens-buttons">
  2316. <button id="repeat-button" class="after-expiriens-button">
  2317. <svg width="57" height="56" viewBox="0 0 57 56" fill="none" xmlns="http://www.w3.org/2000/svg">
  2318. <path
  2319. d="M12.9968 7.63636H51.1786C51.8537 7.63636 52.5012 7.90454 52.9785 8.38191C53.4559 8.85928 53.7241 9.50672 53.7241 10.1818V28H48.6332V12.7273H12.9968V20.3636L0.269531 10.1818L12.9968 0V7.63636ZM43.5423 48.3636H5.36044C4.68534 48.3636 4.0379 48.0955 3.56053 47.6181C3.08317 47.1407 2.81499 46.4933 2.81499 45.8182V28H7.90589V43.2727H43.5423V35.6364L56.2695 45.8182L43.5423 56V48.3636Z"
  2320. fill="white"></path>
  2321. </svg>
  2322. <span>Повторить</span>
  2323. </button>
  2324. <button id="share-button" class="after-expiriens-button">
  2325. <svg width="47" height="47" viewBox="0 0 47 47" fill="none" xmlns="http://www.w3.org/2000/svg">
  2326. <path fill-rule="evenodd" clip-rule="evenodd"
  2327. d="M45.0333 11.462C46.2925 10.2028 46.9999 8.49503 46.9999 6.71429C46.9999 4.93355 46.2925 3.22574 45.0333 1.96657C43.7741 0.707397 42.0663 0 40.2856 0C38.5049 0 36.7971 0.707397 35.5379 1.96657C34.2787 3.22574 33.5713 4.93355 33.5713 6.71429C33.5713 7.19067 33.6219 7.66184 33.7202 8.1206L11.7785 19.0915C11.6773 18.9752 11.5717 18.862 11.462 18.7523C10.2028 17.4932 8.49503 16.7858 6.71429 16.7858C4.93355 16.7858 3.22574 17.4932 1.96657 18.7523C0.707397 20.0115 0 21.7193 0 23.5C0 25.2808 0.707397 26.9886 1.96657 28.2478C3.22574 29.5069 4.93355 30.2143 6.71429 30.2143C8.49503 30.2143 10.2028 29.5069 11.462 28.2478C11.5717 28.138 11.6772 28.0249 11.7785 27.9086L33.7202 38.8795C33.6219 39.3382 33.5713 39.8094 33.5713 40.2857C33.5713 42.0664 34.2787 43.7742 35.5379 45.0334C36.7971 46.2926 38.5049 47 40.2856 47C42.0663 47 43.7741 46.2926 45.0333 45.0334C46.2925 43.7742 46.9999 42.0664 46.9999 40.2857C46.9999 38.505 46.2925 36.7972 45.0333 35.538C43.7741 34.2788 42.0663 33.5714 40.2856 33.5714C38.5049 33.5714 36.7971 34.2788 35.5379 35.538C35.4282 35.6476 35.3228 35.7606 35.2216 35.8768L13.2798 24.9059C13.378 24.4473 13.4286 23.9763 13.4286 23.5C13.4286 23.0238 13.378 22.5528 13.2798 22.0942L35.2217 11.1232C35.3229 11.2394 35.4283 11.3524 35.5379 11.462C36.7971 12.7212 38.5049 13.4286 40.2856 13.4286C42.0663 13.4286 43.7741 12.7212 45.0333 11.462Z"
  2328. fill="white"></path>
  2329. </svg>
  2330. <span>Поделиться</span>
  2331. </button>
  2332. <a href="https://mordovia-russia.ru/?utm_campaign=rm_entertainment&amp;utm_content=webar/" target="_blank"
  2333. class="after-expiriens-button">
  2334. <svg width="54" height="53" viewBox="0 0 54 53" fill="none" xmlns="http://www.w3.org/2000/svg">
  2335. <path fill-rule="evenodd" clip-rule="evenodd"
  2336. d="M27.4971 0.171888C27.3716 0.17009 27.246 0.169189 27.1203 0.169189C21.9239 0.169189 16.8442 1.71011 12.5235 4.5971C8.2028 7.48408 4.83524 11.5875 2.84665 16.3883C0.858064 21.1892 0.337758 26.472 1.35153 31.5686C2.36531 36.6652 4.86763 41.3467 8.54207 45.0211C12.2165 48.6955 16.898 51.1979 21.9946 52.2116C23.8152 52.5738 25.6596 52.7402 27.4972 52.7138C27.5469 52.7156 27.5966 52.7165 27.6464 52.7165C27.7618 52.7165 27.8768 52.7117 27.9913 52.702C31.1308 52.5979 34.2427 51.9311 37.1748 50.7165C41.9757 48.7279 46.0791 45.3604 48.9661 41.0397C51.8531 36.719 53.394 31.6393 53.394 26.4428C53.394 19.4746 50.6259 12.7918 45.6986 7.86456C40.977 3.14291 34.6432 0.403975 27.9911 0.183606C27.8767 0.17402 27.7617 0.169189 27.6464 0.169189C27.5966 0.169189 27.5468 0.170091 27.4971 0.171888ZM27.5597 3.33593C27.6324 3.33732 27.7052 3.33904 27.7779 3.34111C28.8129 3.48428 30.5227 5.27578 31.9913 9.01952C32.8609 11.237 33.542 13.8227 34.0143 16.6486H21.2709C21.7411 13.8227 22.4225 11.237 23.3015 9.01952C24.796 5.21706 26.5342 3.43276 27.5597 3.33593ZM18.0811 16.6486C18.9307 11.2593 20.4607 6.75361 22.4003 3.82335C18.0333 4.7384 13.9881 6.90526 10.7855 10.1079C8.86955 12.0238 7.32434 14.2412 6.19604 16.6486H18.0811ZM4.98732 19.8112H17.6723C17.4563 21.9297 17.3413 24.1521 17.3413 26.4428C17.3413 28.7319 17.4561 30.9527 17.6718 33.0697H4.97972C4.33962 30.9311 4.00926 28.6995 4.00926 26.4428C4.01164 24.1759 4.34669 21.9436 4.98732 19.8112ZM20.8435 19.8112H34.4448C34.6718 21.9386 34.7889 24.1646 34.7889 26.4428C34.7889 28.7194 34.6743 30.9437 34.4498 33.0697H20.8486C20.6214 30.9437 20.5039 28.7194 20.5039 26.4428C20.5039 24.1646 20.6187 21.9386 20.8435 19.8112ZM37.6205 19.8112C37.8365 21.9297 37.9515 24.1521 37.9515 26.4428C37.9515 28.7319 37.8367 30.9527 37.6209 33.0697H49.261C49.4691 32.3744 49.6449 31.6676 49.7873 30.9516C50.5258 27.2392 50.3389 23.4145 49.2595 19.8112H37.6205ZM48.0535 16.6486C46.2689 12.8343 43.4725 9.57358 39.9602 7.22668C37.8416 5.81109 35.5155 4.76342 33.0799 4.11336C34.9306 7.04676 36.3896 11.434 37.2117 16.6486H48.0535ZM21.2796 36.2322H34.0227C33.5525 39.0601 32.8708 41.6474 31.9913 43.8662C30.5224 47.5967 28.8166 49.401 27.7778 49.5446C27.7049 49.5466 27.6321 49.5484 27.5592 49.5498C26.5251 49.4531 24.7914 47.6643 23.3015 43.8662C22.4337 41.6474 21.7525 39.0601 21.2796 36.2322ZM18.0803 36.2322H6.18496C6.67802 37.2867 7.25206 38.3067 7.90418 39.2827C10.4437 43.0833 14.0531 46.0455 18.2761 47.7947C19.6156 48.3495 20.9977 48.7744 22.4037 49.0675C20.462 46.1365 18.9303 41.6269 18.0803 36.2322ZM48.0557 36.2322H37.2125C36.3905 41.449 34.9311 45.838 33.0799 48.7723C36.9985 47.7265 40.5821 45.665 43.4623 42.7848C45.3729 40.8743 46.9232 38.6543 48.0557 36.2322Z"
  2337. fill="white"></path>
  2338. </svg>
  2339. <span>Сайт</span>
  2340. </a>
  2341. </div>
  2342. <!-- Add the tap-place component to the scene so it has an effect -->
  2343. <a-scene landing-page="" xrextras-loading="" xrextras-runtime-error="" fox-lifecycle="" buttons-handler=""
  2344. hide-capture-button="" renderer="colorManagement: true" xrweb="allowedDevices: any;" inspector=""
  2345. keyboard-shortcuts="" screenshot="" xrconfig="">
  2346. <!-- We can define assets here to be loaded when A-Frame initializes -->
  2347. <a-assets>
  2348. <a-asset-item id="treeModel" src="/fox-ar/assets/tree-vs9ljnc2ri.glb"></a-asset-item>
  2349. <a-asset-item id="fox-model" src="/fox-ar/assets/fox_v30-jcid7a05ib.glb"></a-asset-item>
  2350. </a-assets>
  2351. <xrextras-capture-button xrextras-capture-button=""></xrextras-capture-button>
  2352. <!-- configure capture settings -->
  2353. <xrextras-capture-config file-name-prefix="fox-ar-" request-mic="manual"
  2354. xrextras-capture-config=""></xrextras-capture-config>
  2355. <!-- add capture preview -->
  2356. <xrextras-capture-preview action-button-share-text="Поделиться"
  2357. xrextras-capture-preview=""></xrextras-capture-preview>
  2358. <!-- The raycaster will emit mouse events on scene objects specified with the cantap class -->
  2359. <a-camera id="camera" position="0 8 0" camera="" rotation=""> </a-camera>
  2360. <a-entity light="
  2361. type: directional;
  2362. intensity: 0.8;
  2363. castShadow: true;
  2364. shadowMapHeight:2048;
  2365. shadowMapWidth:2048;
  2366. shadowCameraTop: 20;
  2367. shadowCameraBottom: -20;
  2368. shadowCameraRight: 20;
  2369. shadowCameraLeft: -20;
  2370. target: #fox" xrextras-attach="target: fox; offset: 8 15 4" position="1 4.3 2.5" shadow="">
  2371. </a-entity>
  2372. <a-light type="ambient" intensity="0.5" light=""></a-light>
  2373. <!-- Adding the cantap class allows the ground to be clicked -->
  2374. <a-box id="ground" scale="1000 2 1000" position="0 -1 0" material="shader: shadow" shadow="" geometry="">
  2375. </a-box>
  2376. <a-entity id="fox-wrapper" on-placed-handler="">
  2377. <a-ring id="tap-to-place-cursor" rotation="-90 0 0" material="shader: flat; color: #F7C200"
  2378. radius-inner="0.5" radius-outer="0.8" geometry="" visible="">
  2379. </a-ring>
  2380. <a-entity id="fox" gltf-model="#fox-model" disable-culling="" visible="false" rotation="0 -135 0"
  2381. scale="2 2 2"></a-entity>
  2382. </a-entity>
  2383. <canvas class="a-canvas a-grab-cursor" data-aframe-canvas="true" width="998" height="1920"></canvas><video
  2384. width="1" height="1" autoplay="true" muted="true" style="display: none;"></video></a-scene>
  2385. <div id="recorder" class="recorder-container fade-container"> <svg viewBox="0 0 38 38" class="progress-container">
  2386. <circle class="progress-track" r="16" cx="19" cy="19"></circle>
  2387. <circle id="progressBar" class="progress-bar" r="16" cx="19" cy="19"></circle>
  2388. <circle class="loading-circle" r="16" cx="19" cy="19"></circle>
  2389. </svg> <button id="recorder-button" class="style-reset"> Record </button> </div>
  2390. <div id="flashElement" class="flash-element"></div>
  2391. <div id="previewContainer" class="image-preview fade-in" style="pointer-events: auto;">
  2392. <div class="top-bar">
  2393. <div class="preview-box"> <button id="closePreviewButton" class="style-reset icon-button"> <img
  2394. src="//cdn.8thwall.com/web/img/mediarecorder/close-v2.svg"> </button> <img id="imagePreview"
  2395. src="data:image/jpeg;base64,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">
  2396. <video id="videoPreview" playsinline="" loop=""></video> <button id="toggleMuteButton"
  2397. class="style-reset icon-button"> <img id="muteButtonImg"
  2398. src="//cdn.8thwall.com/web/img/mediarecorder/sound-on-v1.svg"> </button> </div>
  2399. </div>
  2400. <div class="bottom-bar">
  2401. <div class="finalize-container">
  2402. <div id="finalizeText">Preparing...</div> <progress id="finalizeProgressBar" value="0"
  2403. max="100"></progress>
  2404. </div> <button id="downloadButton" class="style-reset icon-button"> <img
  2405. src="//cdn.8thwall.com/web/img/mediarecorder/download-v1.svg"> </button>
  2406. <div id="openSafariText" class="style-reset">Downloading is only available in Safari</div>
  2407. <div id="tapAndHoldText" class="style-reset">Tap + Hold to Share</div> <button id="actionButton"
  2408. class="style-reset show-with-download-button"> <span id="actionButtonText">Поделиться</span> <img
  2409. id="actionButtonImg" src="//cdn.8thwall.com/web/img/mediarecorder/share-v1.svg"> </button>
  2410. </div>
  2411. </div>
  2412. </body>
  2413. </html>