From e763f1429e0431664a42ed67c6646522550d15ac Mon Sep 17 00:00:00 2001 From: Richard Feldman Date: Sun, 5 Nov 2023 16:40:58 -0500 Subject: [PATCH 1/2] Fix placeholder wrapping issue on mobile --- www/wip_new_website/content/index.md | 8 ++++---- www/wip_new_website/static/repl.js | 2 +- www/wip_new_website/static/site.css | 1 - 3 files changed, 5 insertions(+), 6 deletions(-) diff --git a/www/wip_new_website/content/index.md b/www/wip_new_website/content/index.md index 6df9b89fac8..4e1efd967fd 100644 --- a/www/wip_new_website/content/index.md +++ b/www/wip_new_website/content/index.md @@ -65,7 +65,7 @@
- + @@ -85,19 +85,19 @@ Currently these use cases are the best-supported: ### Command-Line Interfaces (CLIs) -You can use Roc to write command-line tools and scripts. +You can use Roc to write command-line tools and scripts. Checkout [roc-lang/basic-cli](https://github.com/roc-lang/basic-cli) for a basic platform to build your own CLI tools. ### Web Servers -You can use Roc to write web servers. +You can use Roc to write web servers. *(Coming soon)* ### Embedding -You can call Roc from another language. See [basic examples](https://github.com/roc-lang/roc/tree/main/examples) to help you get started with Node.js, JVM, Ruby, Python, Swift, and WASM. +You can call Roc from another language. See [basic examples](https://github.com/roc-lang/roc/tree/main/examples) to help you get started with Node.js, JVM, Ruby, Python, Swift, and WASM. It is easy to add support for other languages too. diff --git a/www/wip_new_website/static/repl.js b/www/wip_new_website/static/repl.js index cec1e3bce6b..b862c49d5c3 100644 --- a/www/wip_new_website/static/repl.js +++ b/www/wip_new_website/static/repl.js @@ -50,7 +50,7 @@ roc_repl_wasm.default("/wip/roc_repl_wasm_bg.wasm").then(async (instance) => { loadingMessage.remove(); } - repl.elemSourceInput.placeholder = "Type some Roc code here and press Enter."; + repl.elemSourceInput.placeholder = "Type some Roc code and press Enter."; repl.compiler = instance; // Get help text from the compiler, and display it at top of the history panel diff --git a/www/wip_new_website/static/site.css b/www/wip_new_website/static/site.css index e8275d3acee..74dfebf47e3 100644 --- a/www/wip_new_website/static/site.css +++ b/www/wip_new_website/static/site.css @@ -272,7 +272,6 @@ pre > code { border: 2px solid #444; font-size: var(--font-size-normal); min-height: 0; /* On /repl on mobile, this expands to fill the screen, which we don't want */ - min-width: 496px; /* Make sure the placeholder doesn't wrap */ } #homepage-repl-container #repl, From f86aa5f8b44c80da7fafa51e11d9a7724f956708 Mon Sep 17 00:00:00 2001 From: Richard Feldman Date: Sun, 5 Nov 2023 19:55:55 -0500 Subject: [PATCH 2/2] Use a svg arrow for the repl --- www/wip_new_website/content/index.md | 6 +++++- www/wip_new_website/static/site.css | 10 ++++++---- 2 files changed, 11 insertions(+), 5 deletions(-) diff --git a/www/wip_new_website/content/index.md b/www/wip_new_website/content/index.md index 4e1efd967fd..86e7527aa21 100644 --- a/www/wip_new_website/content/index.md +++ b/www/wip_new_website/content/index.md @@ -57,7 +57,11 @@