<div id=“spotify_div”>
{% assign time = "now" | date: "%H" %} {% assign time = time | plus: 0 %} {% assign date = "now" | date: "%a" %} {% if date == "Fri" or date == "Sat" or date == "Sun" or time >= 22 or time <= 8 %} <iframe src="https://open.spotify.com/embed/playlist/2ov85DmRexbvr1KXR8IsSf" width="100%" height="80" frameborder="0" allowtransparency="true" allow="encrypted-media"> </iframe> {% else %} <audio id="stream_player"> <source src="http://pishyserve.duckdns.org:8000/stream.ogg"> <source src="http://pishyserve.duckdns.org:8000/stream"> </audio> <div class="" style="width: 100%; background-color: rgba(0,0,0,0.5); padding-top: 20px; padding-bottom: 20px; padding-right:20px;"> <div class="right-align"> <span class="white-text"> <b>GREEN GIANT FM STREAM</b> </span> <a class="btn-floating" style="background-color: #579529 !important; color: #08451A !important; border-color: #579529 !important; border-radius: 50px !important;" onclick="play_player()"> <i class="material-icons">play_arrow</i> </a> <a class="btn-floating" style="background-color: #579529 !important; color: #08451A !important; border-color: #579529 !important; border-radius: 50px !important;" onclick="pause_player()"> <i class="material-icons">pause</i> </a> </div> <!-- <button onclick="document.getElementById('stream_player').muted=!document.getElementById('player').muted">Mute/ Unmute</button> --> </div> {% endif %}
</div>
<div style="background-color: rgba(0,0,0,0.4)"> <br> <br> <div class="container"> <div class="row"> <div class="col s12 m4"> <div class="row"> <a href="/" style="width: 100%; height: auto"> <img src="/assets/images/misc/logo.png" class="responsive-img" style="height: 80px; width: auto;"> </a> </div> <div> <h6 class="white-text"> Accredited by the Student Media Office </h6> <img src="/assets/images/misc/White-SMO-Logo.png" class="responsive-img" style="height: 80px; width: auto;"> </div> </div> <div class=""> </div> <div class="col s12 m4"> <h6 class="white-text"> <b>EXPLORE</b> </h6> <ul class="white-text"> <ul id="menu-footer" class="menu"> <li id="menu-item-1047" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-1047"><a href="/">Home</a></li> <li id="menu-item-1048" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1048"><a href="/about">About</a></li> <li id="menu-item-1049" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1049"><a href="/radio-talents">Radio Talents</a></li> <li id="menu-item-1050" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1050"><a href="/events">Events</a></li> <li id="menu-item-1051" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1051"><a href="/blog">Blog</a></li> <li id="menu-item-1052" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1052"><a href="/contact-us">Contact Us</a></li> <li id="menu-item-1053" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1053"><a href="/privacy-policy">Privacy Policy</a></li> <li id="menu-item-1054" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1054"><a href="http://app.greengiantfm.com">Stream</a></li> </ul> </ul> <br> <h6 class="white-text"> <b>SOCIAL</b> </h6> <div style="padding-top:10px;"> <div style="display: inline-block; padding-right: 10px;"> <a href="https://www.facebook.com/GreenGiantFM/"> <img src="/assets/images/misc/fbnew.png" alt="facebook" class="responsive-img" style="height:40px; width: auto;"> </a> </div> <div style="display: inline-block;"> <a href="https://www.instagram.com/greengiant.fm/"> <img src="/assets/images/misc/ignew.png" alt="instagram" class="responsive-img" style="height:40px; width: auto;"> </a> </div> <div style="display: inline-block; padding-left: 10px;"> <a href="https://www.twitter.com/GreenGiantFM/"> <img src="/assets/images/misc/twitternew.png" alt="twitter" class="responsive-img" style="height:40px; width: auto;"> </a> </div> </div> </div> </div> <div class="row"> <div class="col s12 m6"> <hr style="color: whitel"> <span class="green-text text-darken-2">Green Giant FM </span> <span class="white-text text-darken-2">- Br. Bloemen Hall, De La Salle University, 2401 Taft Ave, Malate, Manila, 1004 Metro Manila</span> </div> </div> </div> <br> <br> <br> <br> </div> <div class="sidenav-overlay"></div><div class="drag-target"></div>