This pen mixes 3 RSS feeds for land surveyors
A Pen by Justin Farrow on CodePen.
<script src="http://www.google.com/jsapi/?key=internal-sample" | |
type="text/javascript"></script> | |
<div class="floatfeed"> | |
<div id="feedGadget">Fetching Those Feeds...</div> | |
</div> |
This pen mixes 3 RSS feeds for land surveyors
A Pen by Justin Farrow on CodePen.
function showGadget() { | |
var feeds = [ | |
{title:'Featured Surveying Videos', | |
url:'http://landsurveyorsunited.com/video/video/rss?xn_auth=no&featured=1'}, | |
{title:'Featured Surveying Forum Topics', | |
url:'http://landsurveyorsunited.com/forum/topic/list?feed=yes&xn_auth=no&featured=1'}, | |
{title:'Featured Surveying Hubs', | |
url:'http://landsurveyorsunited.com/groups/group/feed?xn_auth=no&featured=1'}]; | |
new GFdynamicFeedControl(feeds, 'feedGadget', | |
{numResults : 5, stacked : true, | |
title: "Surveyor Mega Feed"}); | |
} | |
google.load("feeds", "1"); | |
google.setOnLoadCallback(showGadget); | |
</script> |
#feedGadget { | |
margin-top:5px; | |
margin-left:50px; | |
width:100%; | |
font-family:'Archivo Narrow', sans-serif; | |
font-size:1.4em; | |
color:#181819; | |
} | |
#feedGadget .gfg-root { | |
font-size:.92em; | |
} | |
#feedGadget .gfg-root .gfg-entry .gf-result { | |
padding-left:10px; | |
} | |
#feedGadget .gfg-title { | |
font-size:3.2em; | |
background-color:#e9ebe7; | |
color:#000; | |
} | |
#feedGadget .gfg-title a { | |
color:#141313; | |
} | |
#feedGadget .gfg-subtitle { | |
font-size:.95em; | |
background-color:#eee; | |
color:#fffff; | |
text-align:left; | |
margin-left:5px; | |
} | |
#feedGadget .gfg-subtitle a { | |
color:#313131; | |
} | |
#feedGadget .gf-title { | |
font-size:12px; | |
} | |
#feedGadget .gf-title a { | |
color:#c70808; | |
} | |
#feedGadget .gfg-root .gfg-listentry { | |
padding-left:5px; | |
margin-right:5px; | |
} | |
#feedGadget .gfg-root .gfg-listentry a { | |
color:#a12712; | |
} | |
#feedGadget .gfg-root .gfg-listentry a:hover { | |
color:#d50909; | |
} | |
#feedGadget .gfg-root .gfg-listentry-odd { | |
background-color:transparent; | |
} | |
#feedGadget .gfg-root .gfg-listentry-highlight { | |
border-left:2px solid #203311; | |
padding-left:3px; | |
} |