From f84e08a3f0c003fa30c40d6239bb76ef285e6ed1 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Tue, 19 Apr 2022 12:53:46 +0300 Subject: [PATCH 01/11] Update lang.html --- homepage/lang.html | 45 +++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 43 insertions(+), 2 deletions(-) diff --git a/homepage/lang.html b/homepage/lang.html index d7ddfedfc5..99bdceaabf 100644 --- a/homepage/lang.html +++ b/homepage/lang.html @@ -24,6 +24,7 @@ color: #d4d5d7; font-family: 'Inter', system-ui, sans-serif; text-align: center; + scroll-snap-type: y proximity; } body { @@ -35,6 +36,10 @@ padding: 0 20px; } + .top-snap-marker { + scroll-snap-align: start; + } + .logo { width: 70px; border-radius: 22.5%; @@ -42,14 +47,35 @@ margin: 0 auto; margin-bottom: 24px; margin-top: 50px; + position: relative; + z-index: 1000; } .title { font-size: 19px; margin-bottom: 24px; + padding-top: 24px; margin-top: 0; - position: relative; text-align: center; + position: sticky; + z-index: 999; + top: 0; + scroll-snap-align: start; + } + + .title::before { + content: ''; + position: fixed; + left: 0; + top: 0; + right: 0; + background: linear-gradient(180deg, #1a1c24 calc(100% - 23px), #1a1c2400); + height: calc(24px + 23px + 24px + 12px); + z-index: -1; + } + + .center { + scroll-snap-align: center; } .button { @@ -139,7 +165,7 @@

Supported languages

-
Just a sec...
+
Just a sec...

- ❤️ Codeit team

@@ -157,6 +183,21 @@ document.querySelector('.languages').innerHTML = out; + + // scroll listener + + const scrollEl = document.documentElement, + scrollEnd = scrollToEl.offsetTop, + logo = document.querySelector('.logo'); + + window.addEventListener('scroll', () => { + + const scrollPos = scrollEl.scrollTop; + const opacityPercent = 1 - (scrollPos / scrollEnd); + logo.style.opacity = opacityPercent; + + }); + From ad5a6cc9f8e8cbf850808d7219f6f3ce117bc2b9 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Tue, 19 Apr 2022 12:57:23 +0300 Subject: [PATCH 02/11] Update lang.html --- homepage/lang.html | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/homepage/lang.html b/homepage/lang.html index 99bdceaabf..1d60bc61d2 100644 --- a/homepage/lang.html +++ b/homepage/lang.html @@ -173,9 +173,12 @@ From 4a5eab1af4576fdfd031c02e5a5d5681f8a89d8a Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Tue, 19 Apr 2022 13:28:21 +0300 Subject: [PATCH 09/11] Update manifest.js --- manifest.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/manifest.js b/manifest.js index e61902b987..6e0957817c 100644 --- a/manifest.js +++ b/manifest.js @@ -2,8 +2,8 @@ // dynamic manifest let manifest = { - "name": "Codeit", - "short_name": "Codeit", + "name": (!isDev ? "Codeit" : "Codeit Dev"), + "short_name": (!isDev ? "Codeit" : "Codeit Dev"), "description": "Mobile code editor connected to Git. Runs on the web, open source, and free.", "background_color": "#313744", "theme_color": "#313744", From 1922897551481cc3d669792f067dde24f829b2c5 Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Tue, 19 Apr 2022 16:37:39 +0300 Subject: [PATCH 10/11] Update manifest.js --- manifest.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/manifest.js b/manifest.js index 6e0957817c..4bb8127915 100644 --- a/manifest.js +++ b/manifest.js @@ -2,9 +2,9 @@ // dynamic manifest let manifest = { - "name": (!isDev ? "Codeit" : "Codeit Dev"), - "short_name": (!isDev ? "Codeit" : "Codeit Dev"), - "description": "Mobile code editor connected to Git. Runs on the web, open source, and free.", + "name": "Codeit", + "short_name": "Codeit", + "description": "Mobile code editor connected to Git.", "background_color": "#313744", "theme_color": "#313744", "display": "standalone", From 63b6f9b1b54e2f055877dc970cf64195d4ce982a Mon Sep 17 00:00:00 2001 From: Bar Hatsor <34835685+barhatsor@users.noreply.github.com> Date: Tue, 19 Apr 2022 16:42:04 +0300 Subject: [PATCH 11/11] Update manifest.js --- manifest.js | 24 ++++++++++++++++++------ 1 file changed, 18 insertions(+), 6 deletions(-) diff --git a/manifest.js b/manifest.js index 4bb8127915..6c0139da7d 100644 --- a/manifest.js +++ b/manifest.js @@ -39,13 +39,25 @@ let manifest = { "accept": ["text/*", ".js", ".json", ".html", ".css", ".htm", ".svg", ".ts", ".mjs", ".py", ".scss"] } ] + } + }, + "handle_links": "preferred", + "launch_handler": { + "route_to": "new-client" + }, + "capture_links": "new-client", + "screenshots": [ + { + "src": window.location.origin + "/homepage/featured-pic.png", + "type": "image/png", + "sizes": "750x1590" }, - "handle_links": "preferred", - "launch_handler": { - "route_to": "new-client" - }, - "capture_links": "new-client" - } + { + "src": window.location.origin + "/homepage/secondary-pic.png", + "type": "image/png", + "sizes": "750x1590" + } + ] };