-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 12.4 KB
/
index.html
1
<!DOCTYPE html><html lang="en"><head> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css"/> <script async> /*! loadCSS: load a CSS file asynchronously. [c]2015 @scottjehl, Filament Group, Inc. Licensed MIT */ (function(w){"use strict"; /* exported loadCSS */ var loadCSS=function( href, before, media ){var doc=w.document; var ss=doc.createElement( "link" ); var ref; if( before ){ref=before;}else{var refs=( doc.body || doc.getElementsByTagName( "head" )[ 0] ).childNodes; ref=refs[ refs.length - 1];}var sheets=doc.styleSheets; ss.rel="stylesheet"; ss.href=href; ss.media="only x"; ref.parentNode.insertBefore( ss, ( before ? ref : ref.nextSibling ) ); var onloadcssdefined=function( cb ){var resolvedHref=ss.href; var i=sheets.length; while( i-- ){if( sheets[ i].href===resolvedHref ){return cb();}}setTimeout(function(){onloadcssdefined( cb );});}; ss.onloadcssdefined=onloadcssdefined; onloadcssdefined(function(){ss.media=media || "all";}); return ss;}; if( typeof module !=="undefined" ){module.exports=loadCSS;}else{w.loadCSS=loadCSS;}}( typeof global !=="undefined" ? global : this )); loadCSS( "//fonts.googleapis.com/css?family=Product+Sans" ); loadCSS( "//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css" ); </script> <noscript><link rel='stylesheet' type='text/css' href="//fonts.googleapis.com/css?family=Product+Sans"/></noscript> <noscript><link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css"></noscript> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.4.0/animate.min.css"> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="description" content="Unique Radio. 24/7."/> <meta name="author" content="Pravox Networks"/> <link rel="canonical" href="http://voxvariety.cf"/> <title>Vox Variety</title><meta name="application-name" content="Vox Variety"/> <link rel="icon" sizes="192x192" href="../icon.png"> <meta name="mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="apple-mobile-web-app-title" content="Vox Variety"> <link rel="apple-touch-icon-precomposed" href="../icon.png"> <style>html,body{width:100%;height:100%}body{font-family:'Product Sans','Helvetica Neue',Arial,sans-serif}hr{max-width:50px;border-color:#ff9800;border-width:3px}hr.purple{border-color:#9c27b0}hr.light{border-color:#f1f1f1}a{color:#ff9800;-webkit-transition:all .35s;-moz-transition:all .35s;-o-transition:all .35s;transition:all .35s}a:hover,a:focus{color:#eb3812}h1,h2,h3,h4,h5,h6{font-family:'Product Sans','Helvetica Neue',Arial,sans-serif}p{margin-bottom:20px;font-size:16px;line-height:1.5}.bg-purple{color:#ff9800;background-color:#9c27b0}.bg-orange{color:#9c27b0;background-color:#ff9800}aside{padding:50px 0}.navbar-default{border-color:rgba(34,34,34,.05);font-family:'Product Sans','Helvetica Neue',Arial,sans-serif;background-color:#9c27b0;-webkit-transition:all .35s;-moz-transition:all .35s;-o-transition:all .35s;transition:all .35s}.navbar-default .container-fluid{animation-iteration-count:1;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;animation-duration:2s;-webkit-animation-duration:2s;-moz-animation-duration:2s;animation-delay:1s;-webkit-animation-delay:1s;-moz-animation-delay:1s}.navbar-default .navbar-header .navbar-brand{font-family:'Product Sans','Helvetica Neue',Arial,sans-serif;font-weight:700;color:#ff9800}.navbar-default .navbar-header .navbar-brand:hover,.navbar-default .navbar-header .navbar-brand:focus{color:#eb3812}.navbar-default .nav>li>a,.navbar-default .nav>li>a:focus{font-size:13px;font-weight:700;color:#ff9800}.navbar-default .nav>li>a:hover,.navbar-default .nav>li>a:focus:hover{color:#ff9800}.navbar-default .nav>li.active>a,.navbar-default .nav>li.active>a:focus{color:#ff9800 !important;background-color:transparent}.navbar-default .nav>li.active>a:hover,.navbar-default .nav>li.active>a:focus:hover{background-color:transparent}.navbar-default{border-color:rgba(255,255,255,.3);background-color:transparent}.navbar-default .navbar-header .navbar-brand{color:rgba(255,255,255,.7)}.navbar-default .navbar-header .navbar-brand:hover,.navbar-default .navbar-header .navbar-brand:focus{color:#ff9800}.navbar-default .nav>li>a,.navbar-default .nav>li>a:focus{color:rgba(255,255,255,.7)}.navbar-default .nav>li>a:hover,.navbar-default .nav>li>a:focus:hover{color:#ff9800}.navbar-default.affix{border-color:rgba(34,34,34,.05);background-color:#9c27b0}.navbar-default.affix .navbar-header .navbar-brand{font-size:14px;color:#ff9800}.navbar-default.affix .navbar-header .navbar-brand:hover,.navbar-default.affix .navbar-header .navbar-brand:focus{color:#eb3812}.navbar-default.affix .nav>li>a,.navbar-default.affix .nav>li>a:focus{color:#ff9800}.navbar-default.affix .nav>li>a:hover,.navbar-default.affix .nav>li>a:focus:hover{color:#ff9800}header{position:relative;width:100%;min-height:auto;text-align:center;color:#f1f1f1;background-position:center;-moz-background-size:cover;background-size:cover;-o-background-size:cover;animation-iteration-count:1;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;animation-duration:100s;-webkit-animation-duration:100s;-moz-animation-duration:100s}header .header-content{position:relative;width:100%;padding:100px 15px;text-align:center}header .header-content .header-content-inner h1{margin-top:0;margin-bottom:0;font-weight:700;animation-iteration-count:1;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;animation-duration:2s;-webkit-animation-duration:2s;-moz-animation-duration:2s;animation-delay:1s;-webkit-animation-delay:1s;-moz-animation-delay:1s}header .header-content .header-content-inner hr{margin:30px auto;animation-iteration-count:1;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;animation-duration:2s;-webkit-animation-duration:2s;-moz-animation-duration:2s;animation-delay:1s;-webkit-animation-delay:1s;-moz-animation-delay:1s}header .header-content .header-content-inner iframe{animation-iteration-count:1;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;animation-duration:2s;-webkit-animation-duration:2s;-moz-animation-duration:2s;animation-delay:1s;-webkit-animation-delay:1s;-moz-animation-delay:1s}@media(min-width:768px){header{min-height:100%}header .header-content{position:absolute;top:50%;padding:0 50px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}header .header-content .header-content-inner{margin-right:auto;margin-left:auto;max-width:1000px}header .header-content .header-content-inner p{margin-right:auto;margin-left:auto;max-width:80%;font-size:18px}}.btn-primary{border-color:#ff9800;color:#f1f1f1;background-color:#ff9800;-webkit-transition:all .35s;-moz-transition:all .35s;-o-transition:all .35s;transition:all .35s}.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{border-color:#ed431f;color:#f1f1f1;background-color:#ee4b28}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{border-color:#ff9800;background-color:#ff9800}.btn{border:0;border-radius:300px;text-transform:uppercase;font-family:'Product Sans','Helvetica Neue',Arial,sans-serif;font-weight:700}.btn-xl{padding:15px 30px}body{-webkit-tap-highlight-color:#212121}.navbar-toggle{padding:6px 10px !important;}.navbar-default .navbar-toggle{border-color:transparent !important;}.navbar-brand{height:33px !important;}.row-centered{text-align:center;}.col-centered{display:inline-block;margin-right:-4px;}</style></head><body id="page-top"> <nav id="mainNav" class="navbar navbar-default navbar-fixed-top"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-brand page-scroll navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="fa fa-bars"></span> </button> <a class="navbar-brand page-scroll" href="#page-top">Vox Variety</a> </div><div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-right"> <li> <a href="//twitter.com/VoxVariety"><i class="fa fa-twitter"></i> Twitter</a> </li><li> <a href="//blog.voxvariety.cf"><i class="fa fa-rss"></i> Blog</a> </li></ul> </div></div></nav> <header class="bg-orange"> <div class="header-content"> <div class="header-content-inner" id="top"> <h1 class="editable">Unique Radio. 24/7.</h1> <hr class="purple"/> </div></div></header> <aside id="bottom" class="bg-purple container-fluid"> <div class="row row-centered"> <span id="last-played" class="col-md-6 col-centered"> <h2 class="editable"><strong>LAST PLAYED</strong></h2> <hr/> </span> <span id="contact" class="col-md-6 col-centered"> <h2 class="editable"><strong>SUBMIT A SONG</strong></h2> <hr/> <form action="//formspree.io/[email protected]" method="POST"> <input type="text" name="artist" placeholder="Artist"/> <p></p><input type="text" name="title" placeholder="Title"/> <input type="hidden" name="cc_emails[]" value="[email protected]"/> <p></p><button type="submit" class="btn btn-primary btn-xl"> <i class="fa fa-paper-plane fa-2x"></i> </button> </form> </span> </div></aside> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script async src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script> <script async type="text/javascript" src="//cdn.rawgit.com/gdsmith/jquery.easing/master/jquery.easing.min.js"></script> <script async type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/FitText.js/1.2.0/jquery.fittext.min.js"></script> <script async type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script> <script async type="text/javascript" src="//cdn.rawgit.com/pklauzinski/jscroll/master/jquery.jscroll.min.js"></script> <script async type="text/javascript" src="js/creative.js"></script> <script async> $( document ).ready(function(){$('<iframe/>',{"name":"tracklist","id":"tracklist","style":"border:0px;width:250px;height:200px;margin-top:-20px","frameborder":"0","scrolling":"no","src":"http://radionomy.letoptop.fr/last_titres.php?radiouid=66a4314d-eaf0-48b1-b207-d134e129f816&color=FF9800&bgcolor=9C27B0&width=250&height=200&size=12&nb=6&thumb=40&font=Arial"}).appendTo('#last-played'); $('<iframe/>',{"name":"player","id":"player","style":"width:100%;height:100px;","frameborder":"0","scrolling":"no","src":"//tunein.com/embed/player/s244928/"}).appendTo('#top');}); </script> <a href="https://www.sideprojectors.com/project/project/3539/vox-variety" alt="Vox Variety is for sale and/or seeking a co-founder at SideProjectors"><img style="position:fixed;z-index:2147483647;top:-5px; right: 200px; border: 0;" src="https://www.sideprojectors.com/img/badges/badge_2_red.png" alt="This project is sale at SideProjectors"><img style="position:fixed;z-index:2147483647;top:-5px; right: 150px; border: 0;" src="https://www.sideprojectors.com/img/badges/badge_2_red_cofounder.png" alt="This project is sale and/or seeking a co-founder at SideProjectors"></a></body></html>