GreenGiantTheme 0.1.0

data/assets/js/hitlist.js

@@ -0,0 +1,79 @@
+var hitlistdata =  [
+    {
+        "title": "34+35",
+        "artist": "Ariana Grande",
+        "album": "Positions",
+        "cover": "https://static.wikia.nocookie.net/arianagrande/images/1/13/Positions_%E2%80%93_Album_Cover.jpg",
+        "votes": 100
+    },
+    {
+        "title": "Anyone",
+        "artist": "Justin Beiber",
+        "album": "Anyone",
+        "cover": "https://upload.wikimedia.org/wikipedia/en/0/0d/Justin_Bieber_-_Anyone.png",
+        "votes": 99
+    },
+    {
+        "title": "Bakit Papa?",
+        "artist": "Sex Bomb Girls",
+        "album": "Unang Putok",
+        "cover": "https://images-na.ssl-images-amazon.com/images/I/61Nt47L62LL._SY445_SX342_QL70_ML2_.jpg",
+        "votes": 98
+    },
+    {
+        "title": "Vibez",
+        "artist": "ZAYN",
+        "album": "Nobody Is Listening",
+        "cover": "https://imagesvc.meredithcorp.io/v3/mm/image?q=85&c=tc&w=300&h=300&url=https%3A%2F%2Fstatic.onecms.io%2Fwp-content%2Fuploads%2Fsites%2F20%2F2021%2F01%2F01%2Fharry-styles.jpg",
+        "votes": 97
+    },
+    {
+        "title": "MY TREASURE",
+        "artist": "TREASURE",
+        "album": "The First Step: Treasure Effect",
+        "cover": "https://www.songmeaningsandfacts.com/wp-content/uploads/2021/01/MY-TREASURE-by-TREASURE.jpg",
+        "votes": 96
+    },
+    {
+        "title": "willow",
+        "artist": "Taylor Swift",
+        "album": "Evermore",
+        "cover": "https://upload.wikimedia.org/wikipedia/en/0/0a/Taylor_Swift_-_Evermore.png",
+        "votes": 95
+    }
+]
+
+hitlistdata.sort((a,b)=>{
+    return b.votes - a.votes
+})
+
+hitlistdata.forEach((song,index) => {
+    var str = `
+    <section class="song-container">
+    <div class="song">
+        <div class="headers">
+            <div class="place">
+                <h4>${index + 1} <span>🠕</span></h4>
+            </div>
+            <div class="album-cover">
+                <img src="${song.cover}" alt="">
+            </div>
+        </div>
+        <div class="content">
+            <div class="song-info">
+                <h5>${song.title}</h5>
+                <h6>${song.artist}</h6>
+                <h7>${song.album}</h7>
+            </div>
+            <div class="song-votes">
+                <h5>Votes</h5>
+                <h6>${song.votes}</h6>
+            </div>
+        </div>
+    </div>
+</section>
+  `
+    div = document.getElementById( 'song-container' );
+
+    div.insertAdjacentHTML( 'beforeend', str );
+});

data/assets/js/page.js

@@ -0,0 +1,52 @@
+$(document).ready(function() {
+    $('.sidenav').sidenav();
+
+    $('.nav-wrapper a:contains("Stream")').css({
+      'background-color': '#579529',
+      'border-radius': '50px'
+    });
+
+    $('.nav-wrapper a:contains("Stream")').addClass('zoom-hover');
+    var search_html = "<li style = 'padding-left: 10px; padding-right: 10px;'> <form method='get' action = '/'> <div class='input-field'><input id='search' type='search' name = 's' value = '' required><label id = 'search-icon' class='label-icon ' for='search'><i class='material-icons' style ='line-height:40px;'>search</i></label></div></form></li>";
+
+    $('#menu-main-navigation').append($(search_html));
+    $('#sidemenu-main-navigation').prepend($(search_html));
+
+
+  });
+
+  function play_player() {
+    document.getElementById('stream_player').play()
+    document.cookie = "ggfm_player_flag=play; domain=.greengiantfm.com; path=/";
+
+  }	
+  function pause_player(){
+    document.getElementById('stream_player').pause()
+    document.cookie = "ggfm_player_flag=pause; domain=greengiantfm.com; path=/";
+
+  }
+  $( document ).ready(function() {
+  
+    function getCookie(cname) {
+      var name = cname + "=";
+      var decodedCookie = decodeURIComponent(document.cookie);
+      var ca = decodedCookie.split(';');
+      for(var i = 0; i <ca.length; i++) {
+        var c = ca[i];
+        while (c.charAt(0) == ' ') {
+          c = c.substring(1);
+        }
+        if (c.indexOf(name) == 0) {
+          return c.substring(name.length, c.length);
+        }
+      }
+      return "";
+    }
+              
+    if(getCookie("ggfm_player_flag")=="play"){
+        play_player();
+    }
+    else{
+        pause_player();
+    }
+  });

data/assets/js/search-results.js

@@ -0,0 +1,39 @@
+setTimeout(() => {
+
+    SimpleJekyllSearch({
+        searchInput: document.getElementById('search'),
+        resultsContainer: document.getElementById('content'),
+        json: '/search.json',
+        searchResultTemplate: 
+            `<div class="row">
+                <h3 class="white-text">Search Results for: <span><b></b></span></h3>
+            </div>
+            
+            <a href="{url}">
+                <div class="row search-row">
+                    <div class="col s12 m4">
+                        <div>	
+                            <img style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5);" class="responsive-img" src="{featured_image}" />
+                        </div>
+                    </div>
+                    <div class="col s12 m8">
+                        <div>
+                            <h3 class = "white-text" style ="margin-top:0;margin-bottom:5px;" ><b>{title}</b></h3>
+                        </div>
+                        <div class="white-text text-darken-2">
+                            {date}
+                        </div>
+                        <div class = "white-text">
+                            
+                        </div>
+                    </div>
+                </div>
+            </a>`,
+      })
+}, 1000)
+
+setTimeout(() => {
+
+    var search = document.getElementById('search')
+    console.log(search)
+}, 1000)