<!DOCTYPE html>
<html>
<head>
<base target="_blank">
<script data-require="jquery@2.1.1" data-semver="2.1.1" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body>
<h1>JQM-Forum Public Plunks</h1>
</body>
</html>
$(function() {
$("body").ul("JQM-Forum")
.ul("jtara")
.ul("Palestinian")
.ul("JakeCigar")
})
$.fn.ul = function(user) {
var there = this
var heading = $("<h2>" + user.link("http://plnkr.co/users/" + user) + "</h2>")
var url = "http://api.plnkr.co/users/" + user + "/plunks"
heading.appendTo("body")
$.getJSON(url, function(data) {
var ul = "<ol>"
$.each(data, function(i, plunk) {
console.log(i,plunk)
if (!plunk.description.match(/jquery.*mobile/i)) return null
var url = plunk.url.replace(/api\./, "").replace("plunks/", "") + ""
ul += "<li>" + plunk.description.link(url) + "</li>"
})
$(ul).insertAfter(heading)
})
return there
}
/* Styles go here */
Collection of jQuery mobile templates