cleanup breaking design on screen resize

src/data/mockPackages.json

@@ -1,34 +0,0 @@
-[
-    {
-        "name": "sqlite",
-        "thumb_image_url": "/Images/package-thumb-nolabel.jpg",
-        "version": "V 2.4",
-        "installs": "12",
-        "maintainer": "axoel",
-        "slug": "sqlite"
-    },
-    {
-        "name": "unicode.org",
-        "thumb_image_url": "/Images/package-thumb-nolabel.jpg",
-        "version": "V 2.4",
-        "installs": "432",
-        "maintainer": "pascal",
-        "slug": "unicode"
-    },
-    {
-        "name": "tukaani.org/xz",
-        "thumb_image_url": "/Images/package-thumb-nolabel.jpg",
-        "version": "V 2.4",
-        "installs": "23",
-        "maintainer": "pascal",
-        "slug": "xz"
-    },
-    {
-        "name": "bytereef.org/mpdecimal",
-        "thumb_image_url": "/Images/package-thumb-nolabel.jpg",
-        "version": "V 2.4",
-        "installs": "125673",
-        "maintainer": "pascal",
-        "slug": "mpdecimal"
-    }
-]

src/data/packages.json

@@ -0,0 +1,122 @@
+[
+    {
+        "name": "mpdecimal",
+        "full_name": "mpdecimal",
+        "desc": "Library for decimal floating point arithmetic",
+        "homepage": "https://www.bytereef.org/mpdecimal/",
+        "version": "2.5.1",
+        "installs": 3986221,
+        "maintainer": "",
+        "thumb_image_url": "/Images/package-thumb-nolabel.jpg"
+    },
+    {
+        "name": "svg2png",
+        "full_name": "svg2png",
+        "desc": "SVG to PNG converter",
+        "homepage": "https://cairographics.org/",
+        "version": "0.1.3",
+        "installs": 1233,
+        "maintainer": "pascal",
+        "thumb_image_url": "/Images/package-thumb-nolabel4.jpg"
+    },
+    {
+        "name": "cmake",
+        "full_name": "cmake",
+        "desc": "Cross-platform make",
+        "homepage": "https://www.cmake.org/",
+        "version": "3.24.2",
+        "installs": 1729267,
+        "maintainer": "pascal",
+        "thumb_image_url": "/Images/package-thumb-nolabel3.jpg"
+    },
+    {
+        "name": "h2c",
+        "full_name": "h2c",
+        "desc": "Headers 2 curl",
+        "homepage": "https://curl.se/h2c/",
+        "version": "1.0",
+        "installs": 96,
+        "maintainer": "h2o",
+        "thumb_image_url": "/Images/package-thumb-nolabel.jpg"
+    },
+    {
+        "name": "libmagic",
+        "full_name": "libmagic",
+        "desc": "Implementation of the file(1) command",
+        "homepage": "https://www.darwinsys.com/file/",
+        "version": "5.43",
+        "installs": 162436,
+        "maintainer": "",
+        "thumb_image_url": "/Images/package-thumb-nolabel3.jpg"
+    },
+    {
+        "name": "deno",
+        "full_name": "deno",
+        "desc": "Secure runtime for JavaScript and TypeScript",
+        "homepage": "https://deno.land/",
+        "version": "1.26.1",
+        "installs": 204033,
+        "maintainer": "Ryan Dahl",
+        "thumb_image_url": "/Images/package-thumb-nolabel2.jpg"
+    },
+    {
+        "name": "fontconfig",
+        "full_name": "fontconfig",
+        "desc": "XML-based font configuration API for X Windows",
+        "homepage": "https://wiki.freedesktop.org/www/Software/fontconfig/",
+        "version": "2.14.0",
+        "installs": 2485083,
+        "maintainer": "Max Miedinger",
+        "thumb_image_url": "/Images/package-thumb-nolabel.jpg"
+    },
+    {
+        "name": "pkg-config",
+        "full_name": "pkg-config",
+        "desc": "Manage compile and link flags for libraries",
+        "homepage": "https://freedesktop.org/wiki/Software/pkg-config/",
+        "version": "0.29.2",
+        "installs": 2634164,
+        "maintainer": "pascal",
+        "thumb_image_url": "/Images/package-thumb-nolabel4.jpg"
+    },
+    {
+        "name": "shared-mime-info",
+        "full_name": "shared-mime-info",
+        "desc": "Database of common MIME types",
+        "homepage": "https://wiki.freedesktop.org/www/Software/shared-mime-info",
+        "version": "2.2",
+        "installs": 642619,
+        "maintainer": "Mr.Mime",
+        "thumb_image_url": "/Images/package-thumb-nolabel3.jpg"
+    },
+    {
+        "name": "ttfautohint",
+        "full_name": "ttfautohint",
+        "desc": "Auto-hinter for TrueType fonts",
+        "homepage": "https://www.freetype.org/ttfautohint/",
+        "version": "1.8.4",
+        "installs": 4696,
+        "maintainer": "pascal",
+        "thumb_image_url": "/Images/package-thumb-nolabel.jpg"
+    },
+    {
+        "name": "numactl",
+        "full_name": "numactl",
+        "desc": "NUMA support for Linux",
+        "homepage": "https://github.com/numactl/numactl",
+        "version": "2.0.16",
+        "installs": 1120,
+        "maintainer": "FSS",
+        "thumb_image_url": "/Images/package-thumb-nolabel2.jpg"
+    },
+    {
+        "name": "flex",
+        "full_name": "flex",
+        "desc": "Fast Lexical Analyzer, generates Scanners (tokenizers)",
+        "homepage": "https://github.com/westes/flex",
+        "version": "2.6.4",
+        "installs": 35001,
+        "maintainer": "",
+        "thumb_image_url": "/Images/package-thumb-nolabel4.jpg"
+    }
+]

src/layouts/partials/detail-btn.html

@@ -8,8 +8,9 @@
   padding-top: 0.279vw;
   text-decoration: none;
   text-transform: uppercase;
-  width: 48%;
+  width: 134px;
   height: 2.232vw;
+  min-height: 34px;
   transition: 0.1s linear;
 }
 
@@ -35,6 +36,6 @@
 </style>
 
 
-<a href="/packages/{{- .slug -}}">
+<a href="/packages/{{- .name -}}">
   <button class="detail-btn"><i class="icon-enter-arrow"></i>details</button>
 </a>

src/layouts/partials/package-grid.html

@@ -14,7 +14,7 @@
 
     <div class="row package-row black-bg g-0">
       <div class="package-grid">
-        {{ range $.Site.Data.mockPackages }}
+        {{ range $.Site.Data.packages }}
           {{- partial "package-thumbnail.html" .}}
         {{ end }}
       </div>

src/layouts/partials/package-thumbnail.html

@@ -4,21 +4,25 @@
     <article class="card-thumb-label">
       <img src="/Images/tea-logo-no-bg.svg" width="26" alt="tea"/>
       <h3>{{- .name -}}</h3>
-      <h4>&#x2022;&nbsp;{{- .maintainer -}}</h4>
+      {{ if not (eq .maintainer "") }}
+        <h4>&#x2022;&nbsp;{{- .maintainer -}}</h4>
+      {{end}}
     </article>
   </figure>
   <div class="card-body thumbnail-body">
     <div class="card-text-container">
       <p class="card-text">
-        <span class="package-version-no">{{- .version -}}</span>
+        <span class="package-version-no">V&NonBreakingSpace;{{- .version -}}</span>
+        <!-- 
+        TODO: uncomment once install counts are not disappointing anymore  
         <br>
-        <span class="package-install-no">>{{- .installs -}}&nbsp;installs</span>
+        <span class="package-install-no">>{{- .installs -}}&nbsp;installs</span> -->
       </p>
     </div>
     {{- partial "detail-btn.html" . -}}
   </div>
   <div class="card-body thumbnail-body-mobile">
-    <a href="/packages/{{- .slug -}}">
+    <a href="/packages/{{- .name -}}">
       <button class="detail-btn-mobile"><i class="icon-enter-arrow"></i>details</button>
     </a>
   </div>
@@ -64,6 +68,7 @@
   }
 
   .thumbnail-body{
+    display: flex;
     border-radius: 0px !important;
     padding: 0vw;
   }

src/layouts/partials/swiper.html

@@ -11,7 +11,7 @@
     <div class="col">
       <div class="swiper mySwiper">
         <div class="swiper-wrapper">
-          {{ range $.Site.Data.mockPackages }}
+          {{ range $.Site.Data.packages }}
             <div class="swiper-slide">
             {{- partial "package-thumbnail.html" .}}
             </div>