www/index- add a third column for most starred packages

pkg/db/package.go

@@ -85,6 +85,15 @@ func (v Package) GetLatest(n int) []*Package {
 	return res
 }
 
+func (v Package) TopStarred(n int) []*Package {
+	arr := dbstorage.ScanAll(v.b().Or("star_count", "desc").Lm(int64(n)), Package{})
+	res := []*Package{}
+	for _, item := range arr {
+		res = append(res, item.(*Package))
+	}
+	return res
+}
+
 //
 //
 

pkg/handler/index.go

@@ -12,6 +12,7 @@ func Index(w http.ResponseWriter, r *http.Request) {
 		"aquila_version":  etc.Version,
 		"latest_packages": db.Package{}.GetLatest(25),
 		"latest_versions": db.Version{}.GetLatest(25),
+		"top_starred":     db.Package{}.TopStarred(25),
 	})
 }
 

www/index.hbs

@@ -18,6 +18,21 @@
                     </div>
                     {{/each}}
                 </div>
+                <div>
+                    <h3>Most Starred</h3>
+                    {{#each top_starred}}
+                    <div class="terminal-card">
+                        <div>
+                            <h3 style="margin-bottom: 0;">
+                                <a class="link-as-text" href="{{get_user_path this.Owner}}/{{this.name}}"></a>
+                                <span><i class="star icon"></i> {{this.StarCount}}</span>
+                            </h3>
+                            <div><i class="balance scale icon"></i> {{#if this.license}}{{this.license}}{{else}}No{{/if}} License</div>
+                            <div>{{this.description}}&nbsp;</div>
+                        </div>
+                    </div>
+                    {{/each}}
+                </div>
                 <div>
                     <h3>Latest Updates</h3>
                     {{#each latest_versions}}

www/theme.css

@@ -30,7 +30,7 @@ table.left tr td {
 }
 .home-cols {
     display: grid;
-    grid-template-columns: 50% 50%;
+    grid-template-columns: 33% 33% 33%;
 }
 .home-cols > div {
     margin-right: 1em;