Polish docset cards and light UI

views/index.php

@@ -25,7 +25,7 @@ if($query !== '')
 	<div>
 		<p class="eyebrow">Local Dash/Zeal documentation</p>
 		<h1>Search Zeal docsets</h1>
-		<p>Browse offline docsets from <code>data/docsets/</code>. The test PHP docset is intentionally ignored by git.</p>
+		<p>Search indexed symbols, classes, methods, and guide pages from installed docsets.</p>
 	</div>
 	<div class="docset-count"><?= count($docsets) ?><span>docsets</span></div>
 </section>
@@ -44,10 +44,28 @@ if($query !== '')
 		<button type="submit">Search</button>
 	</form>
 	<?php if(!$docsets) { ?>
-		<p class="notice">No docsets found yet. Put <code>*.docset</code> directories under <code>data/docsets/</code>.</p>
+		<p class="notice">No docsets found. Add Zeal/Dash <code>*.docset</code> folders to <code>data/docsets/</code>.</p>
 	<?php } ?>
 </section>
 
+<?php if($docsets) { ?>
+<section class="card installed-docsets">
+	<div class="section-heading">
+		<h2>Installed docsets</h2>
+		<p>Open a docset directly or narrow searches with the selector above.</p>
+	</div>
+	<div class="docset-grid">
+		<?php foreach($docsets as $docset) { ?>
+			<a class="docset-card" href="<?= URL::Link('view', array('docset' => $docset['id'], 'path' => $docset['index_file'])) ?>">
+				<span class="docset-card-title"><?= safe($docset['name']) ?></span>
+				<span class="docset-card-meta"><?= number_format($docset['entry_count']) ?> indexed entries</span>
+				<?php if($docset['family'] !== '') { ?><span class="docset-card-family"><?= safe($docset['family']) ?></span><?php } ?>
+			</a>
+		<?php } ?>
+	</div>
+</section>
+<?php } ?>
+
 <?php if($error !== '') { ?>
 	<section class="card warning"><h2>Search failed</h2><p><?= safe($error) ?></p></section>
 <?php } ?>