
view source - http://wkrbapp.kingsborough.edu/*** Test System *** GO TO PRODUCTION
<!DOCTYPE html>
<!--[if IE 9]> <html class="ie9 no-focus" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-focus" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>WKRB 90.3 FM</title>
<meta name="description" content="WKRB 9.3FM Kingsborough Community College">
<meta name="author" content="pixelcave">
<meta name="robots" content="noindex, nofollow">
<meta name = "viewport" content = "width=device-width, minimum-scale=1.0, maximum-scale = 1.0, user-scalable = no">
<!-- Chrome, Firefox OS and Opera -->
<meta name="theme-color" content="#000">
<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#000">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-status-bar-style" content="#000">
<!-- Icons -->
<!-- The following icons can be replaced with your own, they are used by desktop and mobile browsers -->
<link rel="shortcut icon" href="assets/img/favicons/favicon.png">
<!-- <link rel="icon" type="image/png" href="assets/img/favicons/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="assets/img/favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="assets/img/favicons/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="assets/img/favicons/favicon-160x160.png" sizes="160x160">
<link rel="icon" type="image/png" href="assets/img/favicons/favicon-192x192.png" sizes="192x192">
<link rel="apple-touch-icon" sizes="57x57" href="assets/img/favicons/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="assets/img/favicons/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/img/favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/img/favicons/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/img/favicons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="assets/img/favicons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/img/favicons/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/img/favicons/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicons/apple-touch-icon-180x180.png">
<!-- END Icons -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>
<!-- Stylesheets -->
<!-- Web fonts -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400italic,600,700%7COpen+Sans:300,400,400italic,600,700">
<!-- Bootstrap and OneUI CSS framework -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css" >
<link rel="stylesheet" id="css-main" href="assets/css/oneui.css" defer>
<link href="assets/fonts/fontawesome.css" rel="stylesheet">
<!-- You can include a specific file from css/themes/ folder to alter the default color theme of the template. eg: -->
<!-- <link rel="stylesheet" id="css-theme" href="assets/css/themes/flat.min.css"> -->
<!-- END Stylesheets -->
</head>
<body>
<div class="loader"></div>
<style>
</style>
<!-- Page Container -->
<!--
Available Classes:
'enable-cookies' Remembers active color theme between pages (when set through color theme list)
'sidebar-l' Left Sidebar and right Side Overlay
'sidebar-r' Right Sidebar and left Side Overlay
'sidebar-mini' Mini hoverable Sidebar (> 991px)
'sidebar-o' Visible Sidebar by default (> 991px)
'sidebar-o-xs' Visible Sidebar by default (< 992px)
'side-overlay-hover' Hoverable Side Overlay (> 991px)
'side-overlay-o' Visible Side Overlay by default (> 991px)
'side-scroll' Enables custom scrolling on Sidebar and Side Overlay instead of native scrolling (> 991px)
'header-navbar-fixed' Enables fixed header
-->
<div id="page-container" class="sidebar-l side-scroll header-navbar-fixed">
<!-- Side Overlay-->
<!-- END Side Overlay -->
<!-- Header -->
<!-- Header -->
<div id="page-wrapper">
<header id="header-navbar">
<div class="content-mini content-mini-full content-boxed">
<!-- Header Navigation Right -->
<ul class="nav-header pull-right">
<li class="visible-xs">
<!-- Toggle class helper (for .js-header-search below), functionality initialized in App() -> uiToggleClass() -->
<button class="btn btn-default" data-class="header-search-xs-visible" type="button" onclick="aud_play_pause()" id="display_advance2">
<i class="fa fa-play-circle push-5-r"> listen live</i>
</button>
</li>
<li class="js-header-search visible-sm visible-md visible-lg">
<form class="form-horizontal" action="base_pages_search.html" method="post">
<div class="form-material form-material-primary input-group remove-margin-t remove-margin-b">
<!--<audio class="column" oncanplay="myFunction()" id="myaudio" autoplay="autoplay" controls="controls" src="http://146.111.118.62:8000/radio"></audio>-->
<li >
<!--<audio id="myAudio" autoplay="autoplay" preload="auto" src="http://146.111.118.62:8000/radio" > -->
<audio id="myAudio" autoplay="autoplay" preload="auto" src="http://wkrbapp.kingsborough.edu:8000/wkrb1" >
Your user agent does not support the HTML5 Audio element.
</audio>
<button class="btn btn-default" onclick="aud_play_pause()" id="display_advance" type="button" data-action="side_overlay_toggle" data-toggle="layout" >
<i class="fa fa-play-circle-o fa-1x fa-pulse animated push-5-r"></i> <span class="hidden-xs">Playing live</span>
</button>
</li>
</div>
</form>
</li>
<style>
.fa-pulse {
-webkit-animation: fa-pulse 1s infinite linear;
animation: fa-pulse 1s infinite linear;
color: #900;
}
@-webkit-keyframes fa-pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes fa-pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
</style>
<!-- Layout API, functionality initialized in App() -> uiLayoutApi() -->
</ul>
<!-- END Header Navigation Right -->
<script>
function aud_play_pause() {
$( "#display_advance" ).empty();
$( "#display_advance2" ).empty();
var myAudio = document.getElementById("myAudio");
if (myAudio.paused) {
myAudio.play();
$( "#display_advance" ).empty();
$( "#display_advance2" ).empty();
$( "#display_advance" ).append('<i class="fa fa-play-circle-o fa-1x fa-pulse animated push-5-r"></i><span class="hidden-xs">Playing live</span> ');
$( "#display_advance2" ).append('<i class="fa fa-play-circle-o fa-pulse animated push-5-r"> listening</i>');
} else {
myAudio.pause();
$( "#display_advance" ).empty();
$( "#display_advance2" ).empty();
$( "#display_advance" ).append('<i class="fa fa-pause-circle-o fa-1x push-5-r"></i><span class="hidden-xs">Pause</span>');
$( "#display_advance2" ).append('<i class="fa fa-pause-circle-o push-5-r"> pause</i>');
}
}
</script>
<!-- Header Navigation Left -->
<ul class="nav-header pull-left">
<li class="header-content">
<a class="h5" href="#">
<span class="h4 font-w600 text-primary-dark"><img width="100px" height="40px" src="assets/img/photos/wkrb_img3.png"></span>
</a>
</li>
</ul>
<!-- END Header Navigation Left -->
</div>
</header>
<!-- END Header -->
<!-- Main Container -->
<main id="main-container">
<!-- Sub Header -->
<div class="bg-gray-lighter visible-xs">
<div class="content-mini content-boxed">
<button class="btn btn-block btn-default visible-xs push" data-toggle="collapse" data-target="#sub-header-nav">
<i class="fa fa-navicon push-5-r"></i>Menu
</button>
</div>
</div>
<div class="bg-primary-lighter collapse navbar-collapse remove-padding" id="sub-header-nav">
<div class="content-mini content-boxed">
<ul class="nav nav-pills nav-sub-header push" id="menu-center">
<li id="index" class="active">
<a href="index.php" title="index" class="load-content">
<i class="fa fa-home push-5-r"></i>Home
</a>
</li>
<li id="about">
<a href="about.php" title="About" class="load-content">
<i class="fa fa-user push-5-r"></i>About us
</a>
</li>
<li id="contact">
<a href="contact.php#cont" id="con" title="Contact" class="load-content">
<i class="fa fa-envelope push-5-r"></i>Contact us
</a>
</li>
<font color="#0e1012">
<button class="btn btn-default pull-right " type="button" >
<a href="#" onclick="window.open('http://wkrbapp.kingsborough.edu:8000/wkrb1', '_blank', 'toolbar=0,location=0,menubar=0,height=320,width=240,resizable=0,scrollbars=0,autoplay')" class="pull-right">
<i class="fa fa-window-restore push-5-r"></i>Open stream in new window
</a>
</button>
</font>
</ul>
</div>
</div>
<!-- END Sub Header -->
<!--
<h1 id="title"></h1> -->
<div id="content">
</div>
</div>
<!-- Page Content -->
<!-- END Page Content -->
</main>
<!-- END Main Container -->
<style>
.bg-body {
background: black; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(left, black , #900); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, black, #900); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, black, #900); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, black, #900); /* Standard syntax */
}
</style>
<div class="nav nav-sub-header push text-center" id="menu-center">
<span id="contest" >
<a href="contest.php" onclick="$(window).scrollTop(100);" title="contest" class="load-content">
<font color="white">Contest rules</font>
</a>
</span>
<span> | </span>
<span id="schedule">
<a href="privacy.php" onclick="$(window).scrollTop(100);" title="privacy" class="load-content">
<font color="white"> Privacy Policy</font>
</a>
</span>
<span> | </span>
<span>
<a href="https://publicfiles.fcc.gov/fm-profile/wkrb" title="Public Inspection File" target="_blank">
<font color="white"> Public Inspection File</font>
</a>
</span>
</div>
<!-- Footer -->
<footer id="page-footer" class="bg-body font-s12">
<div class="content-mini content-mini-full content-boxed clearfix push-15">
<div class="pull-right">
<a class="font-w600" href="http://www.kbcc.cuny.edu/Pages/default.aspx" target="_blank">
<img width="150px" height="50px" src="assets/img/photos/logokbcc.png"/>
</a>
</div>
<div class="pull-left">
<a class="font-w600" href="http://www.kbcc.cuny.edu/Pages/default.aspx" target="_blank"><font color="#e2e2e2">Kingsborough Community College<br>
2001 Oriental Boulevard, Brooklyn, NY 11235-2398 | (718)-368-5000</font>
</a>
</div>
</div>
</footer>
<!-- END Footer -->
</div>
<!-- END Page Container -->
<script src="history-ajax.js"></script>
<script>
window.onbeforeunload = function() {
window.setTimeout(function () {
//location.reload();
window.location = 'index.php';
});
window.onbeforeunload = null; // necessary to prevent infinite loop, that kills your browser
}
</script>
<!-- OneUI Core JS: jQuery, Bootstrap, slimScroll, scrollLock, Appear, CountTo, Placeholder, Cookie and App.js -->
<script src="assets/js/core/jquery.min.js"></script>
<!-- <script src="assests/js/core/jquery-2.1.0.min.js"></script> -->
<!-- <script src="assests/js/core/jquery-2.1.0.js"></script> -->
<script src="assets/js/core/bootstrap.min.js"></script>
<!-- <script src="assets/js/core/jquery.slimscroll.min.js"></script> -->
<!-- <script src="assets/js/core/jquery.scrollLock.min.js"></script> -->
<!-- <script src="assets/js/core/jquery.appear.min.js"></script> -->
<!-- <script src="assets/js/core/jquery.countTo.min.js"></script> -->
<!-- <script src="assets/js/core/jquery.placeholder.min.js"></script> -->
<!-- <script src="assets/js/core/js.cookie.min.js"></script>
<script src="assets/js/app.js"></script>-->
<!-- Page Plugins
<script src="assets/js/plugins/chartjs/Chart.min.js"></script>-->
<!-- Page JS Code
<script src="assets/js/pages/base_pages_dashboard_v2.js"></script>-->
<!--
<script>
jQuery(function () {
// Init page helpers (CountTo plugin)
App.initHelpers('appear-countTo');
});
</script> -->
</body>
</html>