n<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/themes/theme.min.css" />
<link rel="stylesheet" href="js/jquery.mobile-1.0.min.css" />
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.0.min.js"></script>
<script type="text/javascript" src="phonegap-1.3.0.js"></script>
<style>
img {
-webkit-border-radius: 20px;
border-top-left-radius: 20px 20px;
border-top-right-radius: 20px 20px;
border-bottom-right-radius: 20px 20px;
border-bottom-left-radius: 20px 20px;
-webkit-box-shadow: 0px 6px 8px rgba(0, 0, 0, .5);
}
#video .ui-icon { background: url(icons/video.png)
no-repeat;
height:40px;
width:40px; }
#scores .ui-icon { background: url(icons/scores.png)
no-repeat;
height:40px;
width:40px;
}
#audio .ui-icon { background: url(icons/audio.png)
no-repeat;
height:40px;
width:40px; }`
.tabs li a {
text-indent:5px;
position:relative;
margin-bottom:20px;
}
</style>
<script type="text/javascript">
$.ajaxSetup({
error:function(x,e,errorThrown) {
console.log(x.getStatusCode());
$("#status").prepend("Error!");
}
});
//EDIT THESE LINES
//Title of the blog
var TITLE = "BS Report";
//RSS url
var RSS = "http://pipes.yahoo.com/pipes/pipe.run?_id=e067750dbdb959e1ae07c4a4d263fabd&_render=rss";
//Stores entries
var entries = [];
var selectedEntry = "";
//listen for detail links
$(".contentLink").live("click", function() {
selectedEntry = $(this).data("entryid");
});
//Listen for main page
$("#mainPage").live("pageinit", function() {
//Set the title
$("h1", this).text(TITLE);
$.get(RSS, {}, function(res, code) {
entries = [];
var xml = $(res);
var items = xml.find("item");
$.each(items, function(i, v) {
entry = {
title:$(v).find("title").text(),
link:$(v).find("link").text(),
description:$.trim($(v).find("description").text())
};
entries.push(entry);
});
//now draw the list
var s = '';
$.each(entries, function(i, v) {
s += '<li><a href="'+v.link+'">'+v.title+'</a></li>';
});
$("#linksList").html(s);
$("#linksList").listview("refresh");
});
});
//Listen for the content page to load
$("#contentPage").live("pageshow", function(prepage) {
//Set the title
$("h1", this).text(entries[selectedEntry].title);
var contentHTML = "";
contentHTML += entries[selectedEntry].description;
contentHTML += '<p/><a href="'+entries[selectedEntry].link + '">Read Entry on Site</a>';
$("#entryText",this).html(contentHTML);
});
</script>
</head>
<body>
<div data-role="page" id="mainPage">
<div data-role="header">
<h1></h1>
<a href="audiohome.html">Back</a>
</div>
<div data-role="content">
<div id="status"></div>
<ul id="linksList" data-role="listview" data-inset="true"></ul>
</div>
<!-- <div data-role="footer">
<h4>BS Report</h4>
</div>
-->
<div data-role="footer" data-position="" class="ui-footer ui-bar-a ui-footer-fixed fade ui-fixed-inline"role="contentinfo">
<div data-role="navbar" class="ui-state-persist" class="ui-navbar ui-navbar-noicons" role="navigation">
<ul class="tabs" class="ui-grid-b">
<li><a href="index.html" rel="external" id="video" data-icon="custom"></a></li>
<li><a href="scorepage.html" rel="external" id="scores" data-icon="custom"></a></li>
<li><a href="audiohome.html" rel="external" id="audio" data-icon="custom" ></a></li>
</ul>
</div>
</div><!-- /footer -->
</div>
<div data-role="page" id="contentPage">
<div data-role="header">
<a href="#mainPage" data-rel="back">Home</a>
<h1></h1>
</div>
<div data-role="content" id="entryText">
</div>
</body>
</html>