cleanup breaking design on screen resize

This commit is contained in:
neil 2022-10-13 13:48:14 +08:00
parent 236d5b8df8
commit b1036b2a37
9 changed files with 136 additions and 42 deletions

View file

@ -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"
}
]

122
src/data/packages.json Normal file
View file

@ -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"
}
]

View file

@ -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>

View file

@ -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>

View file

@ -4,21 +4,25 @@
<article class="card-thumb-label">
<img src="/Images/tea-logo-no-bg.svg" width="26" alt="tea"/>
<h3>{{- .name -}}</h3>
{{ 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;
}

View file

@ -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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 102 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 162 KiB