attachments/partials/views/home.html

<div id="home-container">
	<div class="cordova-grid-bg">
        <div class="row discover-message-container visible--lap invisible--hand">
			<div class="column-7--lap column-6--desk column-5--wall offset-2--lap">
				<p class="discover-message">Discover plugins for your </h1>
				<p class="discover-message">Apache Cordova project.</h1>
			</div>
			<div class="column-3--lap">
				<div class="pluggy-logo home-pluggy"></div>
			</div>
		</div>
        <topbar></topbar>
	</div>

	<div class="">

		<div class="row" class="call-to-action-panes">
			<div class="column-10--hand offset-1--hand column-3--lap offset-2--lap">
				<div class="call-to-action-pane">
					<div class="call-to-action-pane-left-triangle"><div></div></div>
					<div class="call-to-action-pane-right-triangle"><div></div></div>

							<img class="call-to-action-img" title="Contrib flyer" src="/img/contribute.png" />

							<h2>Contribute</h2>

							<h4>Want to <span> author &amp; publish</span> plugins?</h4>
							<a href="http://cordova.apache.org/docs/en/edge/guide_hybrid_plugins_index.md.html#Plugin%20Development%20Guide">Please read our docs.</a>
				</div>
			</div>
			<div class="call-to-action-mid-spacer visible--lap invisible--hand">
				<div class="icon-cordova logo"></div>
			</div>
			<div class="column-10--hand offset-1--hand column-3--lap offset-0--lap">
				<div class="call-to-action-pane">
					<div class="call-to-action-pane-left-triangle"><div></div></div>
					<div class="call-to-action-pane-right-triangle"><div></div></div>

							<img class="call-to-action-img" title="Utilize wrench" src="/img/utilize.png" />

							<h2>Utilize</h2>

							<h4>Need to <span>install or remove</span> a plugin?</h4>
							<a href="http://cordova.apache.org/docs/en/3.4.0/guide_cli_index.md.html#The%20Command-Line%20Interface_add_plugin_features">Check the documentation.</a>
				</div>
			</div>
		</div>

		<div class="row home-plugin-listing-headers">
			<div class="column-12--hand column-4--lap offset-2--lap center" >
				<h3>Most Downloaded</h3>
            </div>
            <div class="call-to-action-mid-spacer visible--lap invisible--hand"></div>
			<div class="column-12--hand column-4--lap column-3--desk offset-1--lap center visible--lap invisible--hand">
				<h3>Last Updated</h3>
            </div>
            <div class="column-12--hand"  style="border-bottom:dotted 1px #bfb7b9;"></div>

		</div>		

		<div class="row home-plugin-listing">
			<div class="column-12--hand column-6--lap center" ng-model="mostDownloaded">
				<div ng-repeat="plugin in mostDownloaded">
					<div class="row">
						<div class="column-4--hand column-3--lap offset-2--lap">
							{{plugin.value}}
						</div>
						<div class="column-8--hand column-5--lap left">
							<a href="/#/package/{{plugin.key}}">
								{{plugin.key}}
							</a>
						</div>
					</div>
				</div>
				<div ng-show="mostDownloaded.length == 0">No data available</div>
            </div>
            <div class="column-12--hand visible--hand invisible--lap">
		        <div class="row home-plugin-listing-headers">
			        <div class="column-12--hand center">
				        <h3>Last Updated</h3>
                    </div>
                    <div class="column-12--hand"  style="border-bottom:dotted 1px #bfb7b9;"></div>
                </div>
            </div>		
			<div class="column-12--hand column-6--lap center">
				<div ng-repeat="plugin in lastUpdated">
					<div class="row">
						<div class="column-4--hand column-4--lap">
							{{plugin.key}}
						</div>
						<div class="column-8--hand column-5--lap left">
							<a href="/#/package/{{plugin.id}}">
								{{plugin.id}}
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
    </div>
</div>