diff --git a/airtime_mvc/application/Bootstrap.php b/airtime_mvc/application/Bootstrap.php index 0c56fc2bb..5c4ce033d 100644 --- a/airtime_mvc/application/Bootstrap.php +++ b/airtime_mvc/application/Bootstrap.php @@ -128,7 +128,11 @@ class Bootstrap extends Zend_Application_Bootstrap_Bootstrap $view->headLink()->appendStylesheet($baseUrl . 'css/redmond/jquery-ui-1.8.8.custom.css?' . $CC_CONFIG['airtime_version']); $view->headLink()->appendStylesheet($baseUrl . 'css/pro_dropdown_3.css?' . $CC_CONFIG['airtime_version']); $view->headLink()->appendStylesheet($baseUrl . 'css/qtip/jquery.qtip.min.css?' . $CC_CONFIG['airtime_version']); - $view->headLink()->appendStylesheet($baseUrl . 'css/styles.css?' . $CC_CONFIG['airtime_version']); + + // Don't include style.css on the Radio Page because there are conflicting styles. + if ($_SERVER['REQUEST_URI'] != "/") { + $view->headLink()->appendStylesheet($baseUrl . 'css/styles.css?' . $CC_CONFIG['airtime_version']); + } $view->headLink()->appendStylesheet($baseUrl . 'css/masterpanel.css?' . $CC_CONFIG['airtime_version']); $view->headLink()->appendStylesheet($baseUrl . 'css/tipsy/jquery.tipsy.css?' . $CC_CONFIG['airtime_version']); } diff --git a/airtime_mvc/application/controllers/IndexController.php b/airtime_mvc/application/controllers/IndexController.php index ff1837b72..a16e28e8f 100644 --- a/airtime_mvc/application/controllers/IndexController.php +++ b/airtime_mvc/application/controllers/IndexController.php @@ -12,12 +12,18 @@ class IndexController extends Zend_Controller_Action { $CC_CONFIG = Config::getConfig(); $baseUrl = Application_Common_OsPath::getBaseDir(); - $this->view->headLink()->appendStylesheet($baseUrl.'css/landing-page.css?'.$CC_CONFIG['airtime_version']); - $this->_helper->layout->setLayout('login'); + $this->view->headLink()->appendStylesheet($baseUrl.'css/radio-page/radio-page.css?'.$CC_CONFIG['airtime_version']); + $this->_helper->layout->setLayout('radio-page'); $this->view->stationLogo = Application_Model_Preference::GetStationLogo(); - $this->view->stationName = Application_Model_Preference::GetStationName(); - $this->view->stationDescription = Application_Model_Preference::GetStationDescription(); + + $stationName = Application_Model_Preference::GetStationName(); + $stationName = empty($stationName) ? "Station Name" : $stationName; + $this->view->stationName = $stationName; + + $stationDescription = Application_Model_Preference::GetStationDescription(); + $stationDescription = empty($stationDescription) ? "Station Description" : $stationDescription; + $this->view->stationDescription = $stationDescription; } public function mainAction() diff --git a/airtime_mvc/application/layouts/scripts/radio-page.phtml b/airtime_mvc/application/layouts/scripts/radio-page.phtml new file mode 100644 index 000000000..f942c10a3 --- /dev/null +++ b/airtime_mvc/application/layouts/scripts/radio-page.phtml @@ -0,0 +1,36 @@ +doctype() ?> + + + + + + + + headTitle() ?> + headLink() ?> + headScript() ?> + + + + layout()->content ?> + + + + diff --git a/airtime_mvc/application/views/scripts/index/index.phtml b/airtime_mvc/application/views/scripts/index/index.phtml index e69de29bb..35f3437f5 100644 --- a/airtime_mvc/application/views/scripts/index/index.phtml +++ b/airtime_mvc/application/views/scripts/index/index.phtml @@ -0,0 +1,114 @@ + +
+ +
+ + stationLogo)) { + echo ""; + } ?> + +
+ + +
+
+
09:00 - 10:00

Ryerson's Ryecast

10:00 - 11:00

Endeavours

11:00 - 13:00

!earshot 20

13:00 - 14:00

Resonating Reconciliation

14:00 - 15:00

Documentary and Spoken Word

15:00 - 16:00

A Peek in the Music Library

16:00 - 17:00

A Peek in the Music Library

17:00 - 18:00

A Peek in the Music Library

18:00 - 19:00

The Star Spot

19:00 - 20:00

Song Talk

20:00 - 21:00

Metal On Metal

21:00 - 22:00

The B & D Approach

22:00 - 00:00

Something Completely Different

+
+ +
+

Day 2

+
+ +
+

Day 3

+
+ +
+

Day 4

+
+ +
+

Day 5

+
+ +
+

Day 6

+
+ +
+

Day 7

+
+
+
+ +
+

stationName ?>

+

stationDescription ?>

+
+ +
+

Login

+
+
+
+ +
+
+ + +
+
+ +
+ +
+

Bob Marley + Chant Down Babylon

+
+ +
+ +
+ +
+ +
+ + +
+ +
+ + \ No newline at end of file diff --git a/airtime_mvc/public/css/radio-page/img/about_us.png b/airtime_mvc/public/css/radio-page/img/about_us.png new file mode 100644 index 000000000..ca9157f3b Binary files /dev/null and b/airtime_mvc/public/css/radio-page/img/about_us.png differ diff --git a/airtime_mvc/public/css/radio-page/img/background.png b/airtime_mvc/public/css/radio-page/img/background.png new file mode 100644 index 000000000..14b7a1c9b Binary files /dev/null and b/airtime_mvc/public/css/radio-page/img/background.png differ diff --git a/airtime_mvc/public/css/radio-page/img/login.png b/airtime_mvc/public/css/radio-page/img/login.png new file mode 100644 index 000000000..cea100bbb Binary files /dev/null and b/airtime_mvc/public/css/radio-page/img/login.png differ diff --git a/airtime_mvc/public/css/radio-page/img/logo.png b/airtime_mvc/public/css/radio-page/img/logo.png new file mode 100644 index 000000000..7e70af3d2 Binary files /dev/null and b/airtime_mvc/public/css/radio-page/img/logo.png differ diff --git a/airtime_mvc/public/css/radio-page/img/pause.png b/airtime_mvc/public/css/radio-page/img/pause.png new file mode 100644 index 000000000..1276044cb Binary files /dev/null and b/airtime_mvc/public/css/radio-page/img/pause.png differ diff --git a/airtime_mvc/public/css/radio-page/img/play.png b/airtime_mvc/public/css/radio-page/img/play.png new file mode 100644 index 000000000..c026d7bd0 Binary files /dev/null and b/airtime_mvc/public/css/radio-page/img/play.png differ diff --git a/airtime_mvc/public/css/radio-page/img/schedule.png b/airtime_mvc/public/css/radio-page/img/schedule.png new file mode 100644 index 000000000..40ed03e03 Binary files /dev/null and b/airtime_mvc/public/css/radio-page/img/schedule.png differ diff --git a/airtime_mvc/public/css/radio-page/radio-page.css b/airtime_mvc/public/css/radio-page/radio-page.css new file mode 100644 index 000000000..7a3a73ad0 --- /dev/null +++ b/airtime_mvc/public/css/radio-page/radio-page.css @@ -0,0 +1,376 @@ +html { + background: url("img/background.png") no-repeat center center fixed; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; + overflow-y: scroll; +} + +.bck_cover { + position: fixed; + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; + background: rgba(0, 0, 0, 0.7); + z-index: -1; +} + +body { + font-family: 'Roboto', sans-serif; + margin: 0px; +} + +.logo img { + margin: 70px 0px 0px 60px; +} + +.tab_content { + color: #fff; + text-align: center; + /*display: none;*/ + visibility: hidden; + width: 100%; + max-width: 740px; + margin: 0 auto; + margin-top: 20px; + margin-bottom: 140px; + padding: 10px; + position: absolute; + left: 50%; + margin-left: -380px; + /* -webkit-transition-delay: 1s; + transition-delay: 1s;*/ +} + +.tab_content.current { + /*display: block;*/ + visibility: visible; +} + +.schedule .tabs { + list-style: none; + padding-left: 0px; + margin: 0px; + background: rgba(69, 155, 143, 0.8); +} + +.schedule .tabs li { + width: 105px; + height: 80px; + display: inline-block; + font-size: 14px; + padding: 15px; + box-sizing: border-box; + cursor: pointer; +} + +.schedule .tabs li span { + font-size: 30px; + display: block; +} + +.schedule .tabs li.active { + background: #459B8F; +} + +.schedule .tabs li.active:hover { + background: #459B8F; +} + +.schedule .tabs li:hover { + background: rgba(69, 155, 143, 0.6) +} + +.schedule_content { + background: rgba(0, 0, 0, 0.3); + max-height: 0px; + transition: max-height 2s ease; + /*transition-delay: 1s;*/ +} + +.schedule.current .schedule_content { + max-height: 2000px; +} + +.schedule_content table { + opacity: 0; + /*transition: all 1s ease;*/ +} + +.schedule.current .schedule_content table { + opacity: 1; + -webkit-transition-delay: 0.6s; + transition-delay: 0.6s; +} + +.schedule_item { + display: none; + font-size: 17px; + text-align: left; + text-transform: uppercase; + padding: 30px 40px; +} + +.schedule_item.active { + display: block; +} + +.schedule_item .time_grid { + font-weight: 300; + color: #AAAAAA; +} + +.schedule_item .name_grid { + padding-left: 30px; +} + +.schedule_item h4 { + margin: 10px 0px; + font-weight: 400; +} + +.about_us { + -webkit-transition-delay: 2s; + transition-delay: 2s; +} + +.schedule, .about_us, .login { + /* -webkit-transition-delay: 1s; + transition-delay: 1s;*/ + transition: all 0.4s ease; + opacity: 0; +} + +.about_us.current, .login.current { + opacity: 1; + -webkit-transition-delay: 0.4s; + transition-delay: 0.4s; +} + +.schedule.current { + opacity: 1; +} + +.about_us h1 { + font-size: 80px; + font-weight: 300; + margin: 10px; +} + +.about_us p { + font-size: 24px; + font-weight: 300; + margin: 10px; +} + +.login h2 { + font-size: 28px; + font-weight: 300; +} + +input[type="text"] { + font-family: 'Roboto', sans-serif; + color: #fff; + font-size: 16px; + font-weight: 300; + padding: 20px; + background: rgba(255, 255, 255, 0.2); + border: none; + margin-bottom: 1px; + width: 100%; + max-width: 380px; + text-align: center; + box-sizing: border-box; +} + +input[type="text"]:hover { + background: rgba(255, 255, 255, 0.3); +} + +input[type="submit"] { + font-family: 'Roboto', sans-serif; + color: #fff; + font-size: 18px; + font-weight: 300; + background: #459B8F; + width: 100%; + max-width: 380px; + padding: 18px 20px; + margin-top: 20px; + border: none; + cursor: pointer; + box-sizing: border-box; +} + +input[type="submit"]:hover { + background-color: #409187; +} + +.bottom_bar { + position: fixed; + left: 0px; + right: 0px; + bottom: 0px; + height: 120px; + background: #fff; +} + +.bottom_bar .cont_btn { + width: 120px; + height: 120px; + display: inline-block; + cursor: pointer; +} + +.bottom_bar .cont_btn:hover { + background-color: #409187; +} + +.bottom_bar .play { + background: #459B8F url('img/play.png') no-repeat center center; +} + +.bottom_bar .pause { + background: #459B8F url('img/pause.png') no-repeat center center; +} + +.on_air { + display: inline-block; + margin-left: 40px; +} + +.bottom_bar p { + color: #222222; + font-size: 26px; + font-weight: 300; + float: left; + margin: 28px 0px; +} + +.bottom_bar p span { + display: block; + font-weight: 100; +} + +.bottom_bar .button { + width: 50px; + height: 50px; + display: inline-block; + margin: 35px 40px; + cursor: pointer; +} + +.bottom_bar .schedule_btn { + background: url('img/schedule.png') no-repeat center 0px; +} + +.bottom_bar .schedule_btn.current { + background: url('img/schedule.png') no-repeat center -50px; +} + +.bottom_bar .about_us_btn { + background: url('img/about_us.png') no-repeat center 0px; +} + +.bottom_bar .about_us_btn.current { + background: url('img/about_us.png') no-repeat center -50px; +} + +.bottom_bar .login_btn { + background: url('img/login.png') no-repeat center 0px; + float: right; +} + +.bottom_bar .login_btn.current { + background: url('img/login.png') no-repeat center -50px; + float: right; +} + +@media (max-width: 780px) { + .logo { + display: block; + text-align: center; + } + + .logo img { + margin: 20px 0px; + } + + .tab_content { + margin-top: 0px; + width: auto; + max-width: 100%; + margin-left: auto; + left: 10px; + right: 10px; + } + + .schedule .tabs li { + width: 64px; + height: 64px; + padding: 6px; + } + + .about_us h1 { + font-size: 40px; + } + + .about_us p { + font-size: 18px; + } + + .bottom_bar { + height: 80px; + } + + .bottom_bar .play { + width: 80px; + height: 80px; + float: left; + background-size: 60%; + } + + .bottom_bar p { + font-size: 18px; + margin: 10px 10px; + color: #fff; + white-space: nowrap; + } + + .bottom_bar p span { + display: inline-block; + } + + .on_air { + margin-left: 0px; + position: absolute; + top: -82px; + left: 0px; + right: 0px; + padding-top: 40px; + background: rgba(0,0,0,0); + background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 69%, rgba(0,0,0,1) 100%); + background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(69%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1))); + background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 69%, rgba(0,0,0,1) 100%); + background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 69%, rgba(0,0,0,1) 100%); + background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 69%, rgba(0,0,0,1) 100%); + background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 69%, rgba(0,0,0,1) 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); + } + + .bottom_bar .button { + margin: 15px 20px; + } + + .bottom_bar .schedule_btn.current { + top: 0px; + left: 0px; + } + + .bottom_bar .about_us_btn { + top: 0px; + right: 0px; + } +} \ No newline at end of file