From a7176da6d74a2826db05dbf7800aa0e16b816a32 Mon Sep 17 00:00:00 2001
From: Iulian Onofrei <5748627+revolter@users.noreply.github.com>
Date: Sun, 12 May 2024 23:07:40 +0300
Subject: [PATCH] Added website explanation as the text area placeholder

---
 _sass/minima/custom-styles.scss |  1 +
 index.html                      | 21 ++++++++++++++++++++-
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/_sass/minima/custom-styles.scss b/_sass/minima/custom-styles.scss
index f2c1a30..79994bb 100644
--- a/_sass/minima/custom-styles.scss
+++ b/_sass/minima/custom-styles.scss
@@ -19,6 +19,7 @@ textarea {
     color: $text-color;
     background-color: $code-background-color;
     border-color: $border-color-01;
+    @include relative-font-size(1);
 
     width: 100%;
 }
diff --git a/index.html b/index.html
index 5f8d4fc..b558625 100644
--- a/index.html
+++ b/index.html
@@ -6,8 +6,27 @@
 <script src="{{ 'js-base64/base64.js' | node_module_url }}"></script>
 
 {%- assign textarea_id = 'textarea' -%}
+{%- capture textarea_placeholder -%}
+{{ site.tagline }}.
 
-<textarea id="{{ textarea_id }}" autofocus wrap="off"></textarea>
+{{ site.description }}
+
+- Doesn't need cookies = immune to data loss by accident
+- Doesn't use a server = no downtimes
+- Doesn't use analytics = respects your privacy
+
+---
+
+One example use case is this:
+- You start working on a new project.
+- You open a new browser window / tab group for this.
+- You open a {{ site.title | downcase }} to write down to do lists, ideas, reminders, etc.
+- You safely close and reopen the browser or power off and restart your machine when needed.
+- You get it synced to your other devices in supported browsers and update the notes on the go.
+
+{%- endcapture -%}
+
+<textarea id="{{ textarea_id }}" placeholder="{{ textarea_placeholder}}" autofocus></textarea>
 
 <script>
     function main() {