From d6cae605d3e71acee50e90da46138eb9a3f02cd9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Yanis=20Zafir=C3=B3pulos?= <1265028+drkameleon@users.noreply.github.com> Date: Thu, 18 Apr 2024 17:35:47 +0200 Subject: [PATCH 01/25] fix search box listing for mobile + also show package descriptions --- website/components/footer.html | 7 ++++--- website/style.scss | 11 ++++++++++- 2 files changed, 14 insertions(+), 4 deletions(-) diff --git a/website/components/footer.html b/website/components/footer.html index 8a7c195e..5e44be67 100644 --- a/website/components/footer.html +++ b/website/components/footer.html @@ -51,11 +51,12 @@ $('#search-bar').autocomplete({ formatResult: function (suggestion, currentValue){ return ` -
-
+
+
${suggestion.value} +

${suggestion.description}

-
+
${suggestion.version}
diff --git a/website/style.scss b/website/style.scss index 87cc4cb5..a883ab39 100644 --- a/website/style.scss +++ b/website/style.scss @@ -779,13 +779,22 @@ a { .autocomplete-suggestion { padding: 0.7rem; - white-space: nowrap; + //white-space: nowrap; overflow: hidden; cursor: pointer; &.autocomplete-selected { background: #F0F0F0; } + + .suggestion-wrapper { + border-bottom: 1px solid #DDD; + align-items: center; + + p { + text-overflow: ellipsis; + } + } } } From acbe0800a18e4ea435887461f865618fab0366a8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Yanis=20Zafir=C3=B3pulos?= <1265028+drkameleon@users.noreply.github.com> Date: Thu, 18 Apr 2024 17:38:38 +0200 Subject: [PATCH 02/25] make the homepage show "Recently updated" packages & limit their number to 6 --- website/index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/website/index.html b/website/index.html index 6499785a..c5397458 100644 --- a/website/index.html +++ b/website/index.html @@ -5,13 +5,13 @@
-

Latest additions

+

Recently updated

- <|| loop entries [entryLeft, entryRight][||> + <|| loop first.n: 6 entries [entryLeft, entryRight][||>
<||= getPackageBox entryLeft ||> From f74d4c303c35ff1a16d5c86ebfc606fe33329548 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Yanis=20Zafir=C3=B3pulos?= <1265028+drkameleon@users.noreply.github.com> Date: Thu, 18 Apr 2024 18:31:17 +0200 Subject: [PATCH 03/25] add a "Show all" button --- website/index.html | 1 + website/style.scss | 12 ++++++++++++ 2 files changed, 13 insertions(+) diff --git a/website/index.html b/website/index.html index c5397458..84fd1496 100644 --- a/website/index.html +++ b/website/index.html @@ -29,6 +29,7 @@

Recently updated

+ Show all packages

How do I use a package? ·  How do I create a new package? diff --git a/website/style.scss b/website/style.scss index a883ab39..939bdd8a 100644 --- a/website/style.scss +++ b/website/style.scss @@ -851,4 +851,16 @@ a { color: #555; } } +} + +.show-all-button { + margin-bottom: 3rem; + color: $arturoColor; + border-color: $arturoColor; + + &:hover { + background-color: $arturoColor; + border-color: $arturoColor; + color: $backgroundColor; + } } \ No newline at end of file From 63f093eb99e13f8b1d4e025f46979b92b088ca69 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Yanis=20Zafir=C3=B3pulos?= <1265028+drkameleon@users.noreply.github.com> Date: Fri, 19 Apr 2024 07:33:14 +0200 Subject: [PATCH 04/25] renamed `search` component to `hero` --- website/components/{search.html => hero.html} | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename website/components/{search.html => hero.html} (100%) diff --git a/website/components/search.html b/website/components/hero.html similarity index 100% rename from website/components/search.html rename to website/components/hero.html From 6a7a08a65ac44ca39a4d2d1dc98281fcdbef7d0c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Yanis=20Zafir=C3=B3pulos?= <1265028+drkameleon@users.noreply.github.com> Date: Fri, 19 Apr 2024 07:33:31 +0200 Subject: [PATCH 05/25] minor style change --- website/style.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/website/style.scss b/website/style.scss index 939bdd8a..4336c0dc 100644 --- a/website/style.scss +++ b/website/style.scss @@ -857,6 +857,7 @@ a { margin-bottom: 3rem; color: $arturoColor; border-color: $arturoColor; + background-color: $backgroundColor; &:hover { background-color: $arturoColor; From d9d6373259760c3cba51e83bb990a5cec0d2d88b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Yanis=20Zafir=C3=B3pulos?= <1265028+drkameleon@users.noreply.github.com> Date: Fri, 19 Apr 2024 07:33:53 +0200 Subject: [PATCH 06/25] add basic placeholder code for "Search" page --- tools/generateweb.art | 8 ++++++++ website/index.html | 2 +- website/package.html | 2 +- website/search.html | 0 4 files changed, 10 insertions(+), 2 deletions(-) create mode 100644 website/search.html diff --git a/tools/generateweb.art b/tools/generateweb.art index 6a13a426..3ddb3007 100755 --- a/tools/generateweb.art +++ b/tools/generateweb.art @@ -240,6 +240,14 @@ write "public/index.html" ; and compress it compressHTML "public/index.html" +; render search page +write.directory "public/search" ø +write "public/search/index.html" + render.template read "website/search.html" + +; and compress it too +compressHTML "public/search/index.html" + ; compile scss execute "sass website/style.scss public/style.css" diff --git a/website/index.html b/website/index.html index 84fd1496..b8aca3e5 100644 --- a/website/index.html +++ b/website/index.html @@ -1,6 +1,6 @@ <||= read "website/components/header.html" ||> -<||= read "website/components/search.html" ||> +<||= read "website/components/hero.html" ||>

diff --git a/website/package.html b/website/package.html index 41363705..5e7e4af3 100644 --- a/website/package.html +++ b/website/package.html @@ -1,6 +1,6 @@ <||= read "website/components/header.html" ||> -<||= read "website/components/search.html" ||> +<||= read "website/components/hero.html" ||>
diff --git a/website/search.html b/website/search.html new file mode 100644 index 00000000..e69de29b From 9f8c5564c3fb3a0e21d6445cdcdb2458201a182d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Yanis=20Zafir=C3=B3pulos?= <1265028+drkameleon@users.noreply.github.com> Date: Fri, 19 Apr 2024 07:35:34 +0200 Subject: [PATCH 07/25] add draft search page + make link "work" --- website/index.html | 2 +- website/search.html | 42 ++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 43 insertions(+), 1 deletion(-) diff --git a/website/index.html b/website/index.html index b8aca3e5..90f30ac5 100644 --- a/website/index.html +++ b/website/index.html @@ -29,7 +29,7 @@

Recently updated

- Show all packages + Show all packages

How do I use a package? ·  How do I create a new package? diff --git a/website/search.html b/website/search.html index e69de29b..b8aca3e5 100644 --- a/website/search.html +++ b/website/search.html @@ -0,0 +1,42 @@ +<||= read "website/components/header.html" ||> + +<||= read "website/components/hero.html" ||> +

+
+
+
+

Recently updated

+
+
+
+
+ + <|| loop first.n: 6 entries [entryLeft, entryRight][||> +
+
+ <||= getPackageBox entryLeft ||> +
+
+ <|| unless null? entryRight [||> + <||= getPackageBox entryRight ||> + <|| ] ||> +
+
+ <|| ] ||> +
+
+
+ +
+ +<||= read "website/components/footer.html" ||> \ No newline at end of file From 1003a09ad2f9604947938ceb014a8e4f128a2b6f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Yanis=20Zafir=C3=B3pulos?= <1265028+drkameleon@users.noreply.github.com> Date: Fri, 19 Apr 2024 08:17:39 +0200 Subject: [PATCH 08/25] we should set `isHome` to *false* for Search page --- tools/generateweb.art | 1 + 1 file changed, 1 insertion(+) diff --git a/tools/generateweb.art b/tools/generateweb.art index 3ddb3007..be2553a8 100755 --- a/tools/generateweb.art +++ b/tools/generateweb.art @@ -241,6 +241,7 @@ write "public/index.html" compressHTML "public/index.html" ; render search page +isHome: false write.directory "public/search" ø write "public/search/index.html" render.template read "website/search.html" From 23f4e683f33c08b4e52072bbdd6ec5c453d9da94 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Yanis=20Zafir=C3=B3pulos?= <1265028+drkameleon@users.noreply.github.com> Date: Fri, 19 Apr 2024 08:17:55 +0200 Subject: [PATCH 09/25] minor adjustments to package boxes --- website/style.scss | 48 ++++++++++++++++++++++++++++------------------ 1 file changed, 29 insertions(+), 19 deletions(-) diff --git a/website/style.scss b/website/style.scss index 4336c0dc..aa92d060 100644 --- a/website/style.scss +++ b/website/style.scss @@ -140,20 +140,23 @@ a.version-link { margin-bottom: 0 !important; padding: 0 !important; + display: flex; + flex-direction: column; box-shadow: 0 0.5em 1em -0.125em rgba(10,10,10,.07), 0 0 0 1px rgba(10,10,10,.02); - & > * { - padding: 1.25rem; - } + // & > * { + // padding: 1.25rem; + // } .package-header { + padding: 1.25rem; border-bottom: 1px solid lightgray; } .package-body { - //padding: 1.25rem; - height: 70px !important; + padding: 1.25rem; + height: 120px !important; p { display: -webkit-box; @@ -165,22 +168,29 @@ a.version-link { } .package-footer { - .repo-user { - padding-top:0; - padding-bottom: 0.25rem; - font-weight: 500; + border-top: 1px solid #eee; - .repo-user-icon {} - .repo-user-name {} - } + .columns { + padding: 1.25rem; + padding-left: 0.75rem; - .repo-license { - padding-top:0; - padding-bottom: 0.25rem; - font-weight: 500; - - .repo-license-icon {} - .repo-license-name {} + .repo-user { + padding-top:0; + padding-bottom: 0.25rem; + font-weight: 500; + + .repo-user-icon {} + .repo-user-name {} + } + + .repo-license { + padding-top:0; + padding-bottom: 0.25rem; + font-weight: 500; + + .repo-license-icon {} + .repo-license-name {} + } } } } From 72deacbd1f2b860fcc4e66449bbe14fdd78d3bc6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Yanis=20Zafir=C3=B3pulos?= <1265028+drkameleon@users.noreply.github.com> Date: Fri, 19 Apr 2024 08:18:18 +0200 Subject: [PATCH 10/25] make sure package boxes resize nicely for all screens --- website/components/package-box.html | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/website/components/package-box.html b/website/components/package-box.html index 6aba76c8..fbb0438f 100644 --- a/website/components/package-box.html +++ b/website/components/package-box.html @@ -1,7 +1,7 @@
-
+ -
+
@@ -37,9 +37,8 @@

<||= entry\info\description ||>