diff --git a/index.html b/index.html index 078675c..4a1cc8c 100644 --- a/index.html +++ b/index.html @@ -987,7 +987,7 @@ html[data-view="mobile"] .tl-year::after { width: 10px; height: 10px; bottom: -0.4rem; } html[data-view="mobile"] .typewriter-line { white-space: normal; } html[data-view="mobile"] #textContainer { font-size: 1.8rem; overflow-wrap: break-word; width: 90vw; } - html[data-view="mobile"] .btn-row { position: static; gap: 1rem; margin-top: 2rem; transform: none; } + html[data-view="mobile"] .btn-row { position: static; flex-direction: column; align-items: center; gap: 1rem; margin-top: 2rem; transform: none; width: 100%; } html[data-view="mobile"] .btnNext { padding: 1rem 2rem; font-size: 1.4rem; } html[data-view="mobile"] #scene10e .btnNext { padding: 1rem 2rem; } html[data-view="mobile"] #scene3Title { font-size: 3rem; top: 1.5rem; left: 1.5rem; } @@ -998,7 +998,7 @@ html[data-view="mobile"] .punch-row { flex-direction: column; gap: 0.8rem; } html[data-view="mobile"] .punch-card { padding: 1rem; font-size: 1.3rem; } html[data-view="mobile"] .punch-card .punch-icon { font-size: 2.2rem; } - html[data-view="mobile"] .scene4sub { padding: 1rem 1.5rem 14rem; overflow-wrap: break-word; } + html[data-view="mobile"] .scene4sub { padding: 1rem 1.5rem 16rem; overflow-wrap: break-word; } html[data-view="mobile"] #scene4a { padding-top: 0; justify-content: flex-start; } html[data-view="mobile"] .hub-title { font-size: 2.4rem; } html[data-view="mobile"] .hub-subtitle { font-size: 1.4rem; } @@ -1728,7 +1728,7 @@ html[data-view="mobile"] #exfilDeskCanvas { max-height: 500px; } if (y > canvas.height && Math.random() > 0.975) { drops[i] = 0; } - drops[i] += 0.5; + drops[i] += isAndroidApp ? 0.25 : 0.5; } // End rain after duration diff --git a/www/index.html b/www/index.html index 078675c..4a1cc8c 100644 --- a/www/index.html +++ b/www/index.html @@ -987,7 +987,7 @@ html[data-view="mobile"] .tl-year::after { width: 10px; height: 10px; bottom: -0.4rem; } html[data-view="mobile"] .typewriter-line { white-space: normal; } html[data-view="mobile"] #textContainer { font-size: 1.8rem; overflow-wrap: break-word; width: 90vw; } - html[data-view="mobile"] .btn-row { position: static; gap: 1rem; margin-top: 2rem; transform: none; } + html[data-view="mobile"] .btn-row { position: static; flex-direction: column; align-items: center; gap: 1rem; margin-top: 2rem; transform: none; width: 100%; } html[data-view="mobile"] .btnNext { padding: 1rem 2rem; font-size: 1.4rem; } html[data-view="mobile"] #scene10e .btnNext { padding: 1rem 2rem; } html[data-view="mobile"] #scene3Title { font-size: 3rem; top: 1.5rem; left: 1.5rem; } @@ -998,7 +998,7 @@ html[data-view="mobile"] .punch-row { flex-direction: column; gap: 0.8rem; } html[data-view="mobile"] .punch-card { padding: 1rem; font-size: 1.3rem; } html[data-view="mobile"] .punch-card .punch-icon { font-size: 2.2rem; } - html[data-view="mobile"] .scene4sub { padding: 1rem 1.5rem 14rem; overflow-wrap: break-word; } + html[data-view="mobile"] .scene4sub { padding: 1rem 1.5rem 16rem; overflow-wrap: break-word; } html[data-view="mobile"] #scene4a { padding-top: 0; justify-content: flex-start; } html[data-view="mobile"] .hub-title { font-size: 2.4rem; } html[data-view="mobile"] .hub-subtitle { font-size: 1.4rem; } @@ -1728,7 +1728,7 @@ html[data-view="mobile"] #exfilDeskCanvas { max-height: 500px; } if (y > canvas.height && Math.random() > 0.975) { drops[i] = 0; } - drops[i] += 0.5; + drops[i] += isAndroidApp ? 0.25 : 0.5; } // End rain after duration