RSS Feed Import Display with FeedEK

index.html

<div id="example">RSS Feed FeedEK</div>
<div id="divRss"></div>

rss-feed-import-display-with-feedek.markdown

RSS Feed Import Display with FeedEK

just playing around with RSS Feed Import Display with FeedEK

A Pen by JFarrow on CodePen.

License.

script.js

$(document).ready(function(){
    
    $('#divRss').FeedEk({
      FeedUrl : 'https://landsurveyorsunited.com/video/feed/all'
    });
    
    var r = Math.floor(Math.random()*256);
 	var g = Math.floor(Math.random()*256);
 	var b = Math.floor(Math.random()*256);
    
    $('#example, .itemTitle a').css("color", getHex(r,g,b));
    
    $('#example').click(function() {
    
        $('.itemTitle a').css("color", getHex(r,g,b));

    });
    
    function intToHex(n){
        n = n.toString(16);
        if( n.length < 2) 
            n = "0"+n; 
        return n;
    }
    
    function getHex(r, g, b){
        return '#'+intToHex(r)+intToHex(g)+intToHex(b); 
    }
    
});

scripts

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="http://jquery-plugins.net/FeedEk/FeedEk.js"></script>

style.css

.feedEkList{width:450px; list-style:none outside none;background-color:#FFFFFF; border:1px solid #D3CAD7; padding:4px 6px; color:#3E3E3E;}
.feedEkList li{border-bottom:1px solid #D3CAD7; padding:5px;}
.feedEkList li:last-child{border-bottom:none;}
.itemTitle a{font-weight:bold; color:#000000; text-decoration:none }
.itemTitle a:hover{ text-decoration:underline }
.itemDate{font-size:11px;color:#AAAAAA;}

#example { color:#a12712;font-weight: bold; cursor: pointer;}
img {width:100%}