From b4387910e590d20b553c863755de82c46355b931 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ramo=CC=81n=20Lamana?= Date: Thu, 2 May 2013 11:23:35 +0200 Subject: [PATCH] Added browser alert in desktop example --- examples/desktop/css/browseralert.css | 355 ++++++++++++++++++++++++ examples/desktop/css/font/browsers.eot | Bin 0 -> 5444 bytes examples/desktop/css/font/browsers.svg | 47 ++++ examples/desktop/css/font/browsers.ttf | Bin 0 -> 5268 bytes examples/desktop/css/font/browsers.woff | Bin 0 -> 3464 bytes examples/desktop/desktop.js | 20 +- examples/desktop/index.html | 14 +- 7 files changed, 432 insertions(+), 4 deletions(-) create mode 100644 examples/desktop/css/browseralert.css create mode 100644 examples/desktop/css/font/browsers.eot create mode 100644 examples/desktop/css/font/browsers.svg create mode 100644 examples/desktop/css/font/browsers.ttf create mode 100644 examples/desktop/css/font/browsers.woff diff --git a/examples/desktop/css/browseralert.css b/examples/desktop/css/browseralert.css new file mode 100644 index 0000000..31aea33 --- /dev/null +++ b/examples/desktop/css/browseralert.css @@ -0,0 +1,355 @@ +@font-face { + font-family: 'browsers'; + src: url('font/browsers.eot?56108678'); + src: url('font/browsers.eot?56108678#iefix') format('embedded-opentype'), + url('font/browsers.woff?56108678') format('woff'), + url('font/browsers.ttf?56108678') format('truetype'), + url('font/browsers.svg?56108678#browsers') format('svg'); + font-weight: normal; + font-style: normal; +} +/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ +/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ +/* +@media screen and (-webkit-min-device-pixel-ratio:0) { + @font-face { + font-family: 'browsers'; + src: url('../font/browsers.svg?56108678#browsers') format('svg'); + } +} +*/ + + [class^="icon-"]:before, [class*=" icon-"]:before { + font-family: "browsers"; + font-style: normal; + font-weight: normal; + speak: none; + + display: inline-block; + text-decoration: inherit; + width: 1em; + margin-right: .2em; + text-align: center; + /* opacity: .8; */ + + /* For safety - reset parent styles, that can break glyph codes*/ + font-variant: normal; + text-transform: none; + + /* fix buttons height, for twitter bootstrap */ + line-height: 1em; + + /* Animation center compensation - magrins should be symmetric */ + /* remove if not needed */ + margin-left: .2em; + + /* you can be more comfortable with increased icons size */ + /* font-size: 120%; */ + + /* Uncomment for 3D effect */ + /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ +} + +.icon-firefox:before { content: '\e840'; } /* '' */ +.icon-chrome:before { content: '\e841'; } /* '' */ +.icon-opera:before { content: '\e842'; } /* '' */ +.icon-ie:before { content: '\e843'; } /* '' */ + + + + + + + +/* Browser overlay */ + + .browser-overlay { + display: none; + + width: 100%; + height: 100%; + + position: absolute; + top: 0px; + left: 0px; + + background: rgba(0,0,0,.7); + + z-index: 50000; + + -webkit-animation: fade 0.4s ease-in-out; + -moz-animation: fade 0.4s ease-in-out; +} + + .browser-overlay.up { + -webkit-animation: fadeout 0.4s ease-in-out both; + -moz-animation: fadeout 0.4s ease-in-out both; +} + +.browser-overlay .wrapper { + width: 400px; + padding: 40px; + + border-radius: 4px; + position: absolute; + top: 50%; + left: 50%; + margin-left: -240px; + margin-top: -240px; + + box-shadow: rgba(0,0,0,0.4) 0px 0px 200px inset; + + -webkit-animation: bounceInDown 0.6s ease both; + -moz-animation: bounceInDown 0.6s ease both; + background-color: #373731; +} + + .browser-overlay.up .wrapper { + -webkit-animation: bounceInUp 0.6s ease both; + -moz-animation: bounceInUp 0.6s ease both; +} + + .browser-overlay p { + color: #f7f7e2; + font-size: 15px; + margin-bottom: 5px; + + width: auto; +} + + .browser-overlay .wrapper small { + color: #f7f7e2; + color: rgba(247, 247, 226, 0.3); + margin-top: -5px; +} + + .browser-overlay .wrapper small a { + color: #f7f7e2; + color: rgba(247, 247, 226, 0.5); + text-decoration: none; + -webkit-transition: all 0.2s ease; +} + + .browser-overlay .wrapper small a:hover { + color: rgba(247, 247, 226, 0.8); + text-decoration: underline; +} + + .browser-overlay h2 { + color: #f7f7e2; + margin: 0 0px 10px; + font: normal 30px HelveticaNeue-Light, Helvetica, Arial, sans-serif; +} + + .browser-overlay h2 strong { + font-weight: bold; + font-family: HelveticaNeue, Helvetica, Arial, sans-serif; +} + + .browser-overlay .device-icon { + float: right; + padding-left: 30px; +} + + + + + + + + + + + + +/* Animations */ + +@-webkit-keyframes fade { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@-webkit-keyframes fadeout { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + } +} +@-webkit-keyframes up { + 0% { + -webkit-transform: translateY(0px); + opacity: 1; + } + 100% { + opacity: 0; + -webkit-transform: translateY(-100%); + } +} +@-webkit-keyframes down { + 0% { + -webkit-transform: translateY(-100%); + opacity: 0; + } + 100% { + opacity: 1; + -webkit-transform: translateY(0px); + } +} + +@-webkit-keyframes fadeInSmall { + 0% { + opacity: 0; + -webkit-transform: translateY(-15px); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} +@-webkit-keyframes fadeUpSmall { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + 100% { + opacity: 0; + -webkit-transform: translateY(-15px); + } +} +@-webkit-keyframes bounceInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + } + + 60% { + opacity: 1; + } + + 80% { + -webkit-transform: translateX(10px); + } + + 100% { + -webkit-transform: translateX(0); + } +} +@-webkit-keyframes bounceInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } + + 60% { + opacity: 1; + } + + 100% { + -webkit-transform: translateY(0); + } +} +@-webkit-keyframes bounceInUp { + 0% { + opacity: 1; + -webkit-transform: translateY(0px); + } + + 60% { + opacity: 0; + } + + 100% { + -webkit-transform: translateY(-2000px); + } +} +@-webkit-keyframes posh { + 0% { + -webkit-transform: translateY(-500px) scale(1.9); + opacity: 0; + } + 50% { + -webkit-transform: scale(1); + } + 100% { + -webkit-transform: translateY(0px); + opacity: 1; + } +} + +@-moz-keyframes fade { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@-moz-keyframes fadeout { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + } +} +@-moz-keyframes fadeInSmall { + 0% { + opacity: 0; + -moz-transform: translateY(-15px); + } + 100% { + opacity: 1; + -moz-transform: translateY(0); + } +} +@-moz-keyframes bounceInRight { + 0% { + opacity: 0; + -moz-transform: translateX(2000px); + } + + 60% { + opacity: 1; + } + + 80% { + -moz-transform: translateX(10px); + } + + 100% { + -moz-transform: translateX(0); + } +} +@-moz-keyframes bounceInDown { + 0% { + opacity: 0; + -moz-transform: translateY(-2000px); + } + + 60% { + opacity: 1; + } + + 100% { + -moz-transform: translateY(0); + } +} +@-moz-keyframes bounceInUp { + 0% { + opacity: 1; + -moz-transform: translateY(0px); + } + + 60% { + opacity: 0; + } + + 100% { + -moz-transform: translateY(-2000px); + } +} \ No newline at end of file diff --git a/examples/desktop/css/font/browsers.eot b/examples/desktop/css/font/browsers.eot new file mode 100644 index 0000000000000000000000000000000000000000..a6f11f900812e9ae882688776868ce915b6d7f80 GIT binary patch literal 5444 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 + + + +Created by FontForge 20110222 at Tue Apr 30 14:43:35 2013 + By root +Copyright (C) 2012 by original authors @ fontello.com + + + + + + + + + + + + + + diff --git a/examples/desktop/css/font/browsers.ttf b/examples/desktop/css/font/browsers.ttf new file mode 100644 index 0000000000000000000000000000000000000000..3f0f477b20e87672978da3ea92ab21acb27d48ea GIT binary patch literal 5268 zcmds4du&_RdH>FR@Sz7KQ!?e4ihQUmO0sxKQ3>?k1I;fnI*%UPlbHCy z<41_Z4#3Wrl@6e#o zpe2{i*y@86x1Q{BW{KXso4lLW=Qq#NX?>nIE z@1{35@lI}Tc6_~tB!QaO4RSOH=fS5w`JncXP0}cYIt*xEM&;bJJK2i_b&d2>qzR$T zkfw>F1~`#MOSnt}FnycZ5*gYS+SWI;%?b(c-EVwD`|>->A+6dCyEd=t_w+O!q)#Mw zG`KZg>`erBK4cntM3AW`$6T5=F{47+T(S#Jv=tJ%SRvieSFl?q8RjV$YTrnyU^4tZ z047XY1;jLF$uP{LWEy5VpY#jr@9Pfvw>39;J#f7Cr8Iwr)ZPjm!2 z0xq{tw1|#AS6~$CE&;L6!UzB{(%aW1I;!u0Pt)8l+Acg7U$=0wSvCX4tq$N9>H3OCOqLSOm5XOqBYp5JX9{bj) zrGhi60h14rp<@zdMu{H;e89qdKI!xOQP7}2*b!)Jb+tx%x_gI55`lKTSKB*0+SVmT zML=`A`r1&j@JJ7;8}4$jj<4PL#QiU1=Uc^B{_g&ZPag4z$ER-6)lyz=~M=MCdJ`8Ut& z|EWJpduWs<=<`W`i_pxWxQ4@^CA*s%b%A~Gq0|GoSJ2EZ(}iZ%blvzc8dft*?G&t# zK8wg{-Ypz&X>_xgl; z!sr;`wzfuM8bolR_P|hLWHjUx;h5-ibp%G*hK75sZkKo`5^Mj|pAF9TKmWDKg>Mb( z6HCuLclZbE(e_}w&)9t+dp!E3+uPsykJ0IP(kr67Feh)j2Z{F6;j5XEofq}al{JpIUoJD@z z;vC;+Fh7gqfcF{R-B`<$%`0>#z zTR!$;jw9#TJ@jgg$489*wZ`kzBkErwgFNC`O>a`G_+*WDLH{DQUl?9kI*U=|1-$=t zjn}A&-l*|9Jxc#o;|FT!fs&ScY@~+7b}wz{hA2@AE|Iwe_nTt7ld&$^P_i znTQW2s{sNC(8+2y-KaU?HE+2Ngx~c}r0?SIXz3O0y;G7~vv9Fw@zb zGOd(yS*c(slvknN?usEO3S$WJQ zkL55CA9Tpq$9Ubu5=-#0;NtwWZIbHptQ`Q5}Adw=OQPp729M4tUVlv;OnoHJ|sA{xl=5jN~ zs>)yp`Zh=3WLKy;eIi$BZcf8}N_iuBPFoA7Y8h7=z*idaQX*hUgp4eJFv6)aY75_< zfslo@bsoFttcML}E{{y65&v{SU0Zm!Vilq`Yf_1{qKR8V2oyJ}nh}nfIi4fcY^7uY zR$ue^1n#v|s$8fv84>k#B-oAoeH?crs#@%dVA^U|G^X3^iq6z;R}7|YC@j-BI2NvDe$UuZ%j^D zW0iif9Z?O~avTxVQ3bR?aV)ALcC2GOs_fq|i_KpIB8vJ^AS`2Y+BtPv_;9&AZB66w z_#8B4~oBN;v5wGObn}I-ZNkaop9_wyISG?zhSp zMlgplTT~*mXjLm-z0<5(RS{EE4b?oR>t!wQhXGmCD?e;oGREmo;g%ZD$0|Ld9nHOW zOO4{cs~*`>JLvk-2QZ_yibd)(4;US@)t*QhTh4o1M)UugV-!24dfC zQio8yw0(L(p;FSrjoT?6$9gr{sZxP>mT;Gl~R$LIxzW9Xu-5?jzE7942F;TXE? za11?TtD!CE3JVT&)!`U=*5MfXv>j2NlG1y!SNQsl63yJ9f1b}(g!n@KA3XSP#iGO| zIf;+6wSLR!_h#lNZ#Oi$j7Y^LCed2Y;x|n4*<8h?PgZ(a!p{a4@dE+R9kKaYWjt3g GY4TSBLV}k7 literal 0 HcmV?d00001 diff --git a/examples/desktop/css/font/browsers.woff b/examples/desktop/css/font/browsers.woff new file mode 100644 index 0000000000000000000000000000000000000000..8a27dc89a1193aea79aebcf8275b97012a54d3a2 GIT binary patch literal 3464 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 literal 0 HcmV?d00001 diff --git a/examples/desktop/desktop.js b/examples/desktop/desktop.js index b88b528..ab90412 100644 --- a/examples/desktop/desktop.js +++ b/examples/desktop/desktop.js @@ -75,7 +75,7 @@ setTimeout(function(){win.open();}, delay); } - setTimeout(function() { + function init() { loader.addClass('hide'); loader.on(Ventus.browser.animationEventName(), function() { loader.hide(); @@ -86,6 +86,24 @@ openWithDelay(aboutWin, 400); openWithDelay(playerWin, 600); }); + } + + setTimeout(function() { + var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor); + var isSafari = /Safari/.test(navigator.userAgent) && /Apple Computer/.test(navigator.vendor); + var $browserAlert = $('.browser-overlay'); + + if(!isChrome && !isSafari) { + $browserAlert.find('.close-button').click(function() { + $browserAlert.hide(); + + init(); + }); + + $browserAlert.show(); + } else { + init(); + } }, 3000); diff --git a/examples/desktop/index.html b/examples/desktop/index.html index a9db19a..b34c344 100644 --- a/examples/desktop/index.html +++ b/examples/desktop/index.html @@ -13,6 +13,8 @@ + + @@ -31,9 +33,15 @@ - + +
+
+

This experiment works in webkit based browsers only!

+ +

This means we cannot guarantee that everything will be displayed properly on your browser. Sorry.

+ Continue anyway > +
+