Skip to content

Instantly share code, notes, and snippets.

@desandro

desandro/masonry_issue

Created September 8, 2010 14:01
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save desandro/570157 to your computer and use it in GitHub Desktop.
Save desandro/570157 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
masonry_issue
<html>
<head>
<style type="text/css">
.box {
margin: 5px;
padding: 5px;
background: #D8D5D2;
font-size: 11px;
float: left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.pg {
width: 300px;
}
.wrap {
background: white;
border: 0px solid #456;
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
clear: both;
margin-bottom: 20px;
padding: 10px;
}
.projGroup {
font-size: 15px;
}
.proj {
margin-left: 30px;
}
</style>
<script type="text/javascript" src="/cuanto/js/jq/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/cuanto/js/jq/jquery.masonry.min.js"></script>
<script type="text/javascript">
$('#groups').masonry({
singleMode: true,
itemSelector: '.box'
});
</script>
</head>
<body class=" yui-kin-sam">
<div class=" body">
<div id="projectBody">
<div id="groups" class="wrap">
<div class="box pg">
<div class="projGroup">AccessManagement</div>
<div class="prj">
<span class="pName" id="pName76">Access Data Service</span>
</div>
<div class="prj">
<span class="pName" id="pName122">Access Data Service TestNG</span>
</div>
<div class="prj">
<span class="pName" id="pName64">Access Management Service</span>
</div>
<div class="prj">
<span class="pName" id="pName63">Permission Data Service</span>
</div>
</div>
<div class="box pg">
<div class="projGroup">BTN</div>
<div class="prj">
<span class="pName" id="pName72">Integration</span>
</div>
</div>
<div class="box pg">
<div class="projGroup">CCDN</div>
<div class="prj">
<span class="pName" id="pName103">CCDN</span>
</div>
</div>
<div class="box pg">
<div class="projGroup">Blah</div>
<div class="prj">
<span class="pName" id="pName41">Selection Service</span>
</div>
</div>
<div class="box pg">
<div class="projGroup">Commerce 1_6</div>
<div class="prj">
<span class="pName" id="pName35">Address Integration Tests</span>
</div>
<div class="prj">
<span class="pName" id="pName40">Fulfillment Integration Tests</span>
</div>
<div class="prj">
<span class="pName" id="pName36">Ledger Integration Tests</span>
</div>
<div class="prj">
<span class="pName" id="pName34">Order Integration Tests</span>
</div>
<div class="prj">
<span class="pName" id="pName37">Payments Integration Tests</span>
</div>
<div class="prj">
<span class="pName" id="pName38">ShoppingCart Integration Tests</span>
</div>
<div class="prj">
<span class="pName" id="pName39">Tax Integration Tests</span>
</div>
</div>
<div class="box pg">
<div class="projGroup">Community</div>
<div class="prj">
<span class="pName" id="pName96">UserProfile [latest]</span>
</div>
</div>
<div class="box pg">
<div class="projGroup">Console</div>
<div class="prj">
<span class="pName" id="pName56">Console DS 2.0 - AccountSettings</span>
</div>
<div class="prj">
<span class="pName" id="pName100">Console DS 2.0 - Command</span>
</div>
<div class="prj">
<span class="pName" id="pName62">Console DS 2.0 - MenuItem</span>
</div>
<div class="prj">
<span class="pName" id="pName61">Console DS 2.0 - Pane</span>
</div>
<div class="prj">
<span class="pName" id="pName44">Console DS 2.0 - Panel</span>
</div>
<div class="prj">
<span class="pName" id="pName57">Console DS 2.0 - PaneState</span>
</div>
<div class="prj">
<span class="pName" id="pName59">Console DS 2.0 - Shortcut</span>
</div>
<div class="prj">
<span class="pName" id="pName58">Console DS 2.0 - UserAccountSettings</span>
</div>
<div class="prj">
<span class="pName" id="pName48">Console DS 2.0 - UserSettings</span>
</div>
<div class="prj">
<span class="pName" id="pName98">Console DS 2.0 - View</span>
</div>
<div class="prj">
<span class="pName" id="pName99">Console DS 2.0 - ViewLink</span>
</div>
</div>
<div class="box pg">
<div class="projGroup">Delivery Data</div>
<div class="prj">
<span class="pName" id="pName102">Account Settings</span>
</div>
</div>
<div class="box pg">
<div class="projGroup">Entitlement</div>
<div class="prj">
<span class="pName" id="pName90">1.x</span>
</div>
<div class="prj">
<span class="pName" id="pName86">2.x_Compliance</span>
</div>
<div class="prj">
<span class="pName" id="pName87">2.x_Functional</span>
</div>
<div class="prj">
<span class="pName" id="pName91">2.x_Notifications</span>
</div>
<div class="prj">
<span class="pName" id="pName93">2.x_Old_GL4D</span>
</div>
<div class="prj">
<span class="pName" id="pName88">2.x_Old_Java_Data_Service</span>
</div>
<div class="prj">
<span class="pName" id="pName120">2.x_Old_Java_Web_Service</span>
</div>
<div class="prj">
<span class="pName" id="pName89">ContentAccessRules</span>
</div>
<div class="prj">
<span class="pName" id="pName118">Widevine</span>
</div>
</div>
<div class="box pg">
<div class="projGroup">IdentityManagement</div>
<div class="prj">
<span class="pName" id="pName119">ACSCompliance</span>
</div>
<div class="prj">
<span class="pName" id="pName84">Data Service Tests</span>
</div>
<div class="prj">
<span class="pName" id="pName101">SAML-AssertionConsumerService</span>
</div>
<div class="prj">
<span class="pName" id="pName78">Service Integration Tests</span>
</div>
</div>
<div class="box pg">
<div class="projGroup">InDemand</div>
<div class="prj">
<span class="pName" id="pName94">Fancast Storefront</span>
</div>
</div>
<div class="box pg">
<div class="projGroup">Ingest</div>
<div class="prj">
<span class="pName" id="pName67">Adapter DS</span>
</div>
<div class="prj">
<span class="pName" id="pName53">Feed Reader Agent</span>
</div>
<div class="prj">
<span class="pName" id="pName54">Feed Reader DS</span>
</div>
<div class="prj">
<span class="pName" id="pName69">Ingest Service Integration</span>
</div>
<div class="prj">
<span class="pName" id="pName23">WatchFolder DS</span>
</div>
<div class="prj">
<span class="pName" id="pName82">WatchFolder Integration</span>
</div>
</div>
<div class="box pg">
<div class="projGroup">Media Data Service</div>
<div class="prj">
<span class="pName" id="pName105">AssetType</span>
</div>
<div class="prj">
<span class="pName" id="pName106">Category</span>
</div>
<div class="prj">
<span class="pName" id="pName108">Media</span>
</div>
<div class="prj">
<span class="pName" id="pName110">MediaFile</span>
</div>
<div class="prj">
<span class="pName" id="pName111">Provider</span>
</div>
<div class="prj">
<span class="pName" id="pName112">Release</span>
</div>
<div class="prj">
<span class="pName" id="pName113">Server</span>
</div>
</div>
<div class="box pg">
<div class="projGroup">Mercury</div>
<div class="prj">
<span class="pName" id="pName65">Feeds Service</span>
</div>
<div class="prj">
<span class="pName" id="pName45">FeedsData Compliance Tests</span>
</div>
</div>
<div class="box pg">
<div class="projGroup">MPS</div>
<div class="prj">
<span class="pName" id="pName7">API Test Harness</span>
</div>
</div>
<div class="box pg">
<div class="projGroup">MPS Facades</div>
<div class="prj">
<span class="pName" id="pName71">Account Automated Tests</span>
</div>
<div class="prj">
<span class="pName" id="pName12">AssetType Automated Tests</span>
</div>
<div class="prj">
<span class="pName" id="pName66">Batch Automated Tests</span>
</div>
<div class="prj">
<span class="pName" id="pName11">Category Automated Tests</span>
</div>
<div class="prj">
<span class="pName" id="pName19">FMS Functional Tests</span>
</div>
<div class="prj">
<span class="pName" id="pName4">Media Compliance Tests</span>
</div>
<div class="prj">
<span class="pName" id="pName5">Media Functional Tests</span>
</div>
<div class="prj">
<span class="pName" id="pName85">MediaData</span>
</div>
<div class="prj">
<span class="pName" id="pName26">MediaFile Automated Tests</span>
</div>
<div class="prj">
<span class="pName" id="pName20">Release Automated Tests</span>
</div>
<div class="prj">
<span class="pName" id="pName21">Server Automated Tests</span>
</div>
</div>
<div class="box pg">
<div class="projGroup">Publish</div>
<div class="prj">
<span class="pName" id="pName28">Publish Profile DS</span>
</div>
<div class="prj">
<span class="pName" id="pName52">Publish Service</span>
</div>
<div class="prj">
<span class="pName" id="pName92">Sharing DS</span>
</div>
<div class="prj">
<span class="pName" id="pName114">Sharing Service</span>
</div>
<div class="prj">
<span class="pName" id="pName70">Workflow DS</span>
</div>
</div>
<div class="box pg">
<div class="projGroup">Sample</div>
<div class="prj">
<span class="pName" id="pName125">ClientTest</span>
</div>
<div class="prj">
<span class="pName" id="pName124">CuantoNG</span>
</div>
<div class="prj">
<span class="pName" id="pName6">CuantoProd</span>
</div>
<div class="prj">
<span class="pName" id="pName95">SampleNG</span>
</div>
<div class="prj">
<span class="pName" id="pName43">testrunner</span>
</div>
</div>
<div class="box pg">
<div class="projGroup">Sample Data Service</div>
<div class="prj">
<span class="pName" id="pName29">Regression</span>
</div>
</div>
<div class="box pg">
<div class="projGroup">Selector</div>
<div class="prj">
<span class="pName" id="pName97">Selector</span>
</div>
</div>
<div class="box pg">
<div class="projGroup">Task DataService Facade</div>
<div class="prj">
<span class="pName" id="pName16">Compliance Tests</span>
</div>
</div>
<div class="box pg">
<div class="projGroup">Task Service</div>
<div class="prj">
<span class="pName" id="pName31">Automated Tests</span>
</div>
</div>
<div class="box pg">
<div class="projGroup">TaskTemplate DataService Facade</div>
<div class="prj">
<span class="pName" id="pName18">Compliance Tests</span>
</div>
</div>
<div class="box pg">
<div class="projGroup">Validation</div>
<div class="prj">
<span class="pName" id="pName115">Validation Data Service</span>
</div>
<div class="prj">
<span class="pName" id="pName117">Validation Engine Integration</span>
</div>
<div class="prj">
<span class="pName" id="pName116">Validation Service Integration</span>
</div>
</div>
<div class="box pg">
<div class="projGroup">Ungrouped</div>
<div class="prj">
<span class="pName" id="pName80">sample_ungrouped</span>
</div>
<div class="prj">
<span class="pName" id="pName123">TestNgProject</span>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment