merged changes from typehere master repo

Dockerfile

@@ -0,0 +1,3 @@
+FROM nginx:alpine
+COPY . /usr/share/nginx/html
+

README.md

@@ -1,3 +1,20 @@
-### typehere.cc
+A Dockerization of a clone of a web app.
+Based on the impeccable work of Squadrick who's work was, in turn, based on the impeccable work of typehere.co
+> ### [typehere.cc](https://typehere.cc/)
+>
+> Clone of [typehere.co](http://typehere.co/) which is no longer available.
+>
+> It gives you a text canvas where anything you type is stored in the browser's
+> local storage. Convenient scratch-pad right from the browser.
+>
+> Read more about it [here](https://squadrick.dev/journal/typehere.html).
 
-Clone of the typehere.co which is no longer available.
+Clone the repo and run it. I dare you.
+
+`git clone https://git.toad.city/brad/typehere_docker`
+
+`cd typehere_docker`
+
+`docker compose up -d`
+
+Go to [HostIP]:8585 and type. Type as much as you want. Type as much as you can. Or don't. That's an option as well. I'm not your dad, you figure it out. 

docker-compose.yml

@@ -0,0 +1,8 @@
+version: '3'
+services:
+  typehere:
+    restart: unless-stopped
+    build: .
+    ports:
+      - "8585:80"
+

style.css

@@ -6,13 +6,16 @@ html, body {
 }
 
 #typingCanvas {
-    width: 100%;
-    height: 100%;
+    --padding: 20px;
+
+    width: calc(100% - 2 * var(--padding));
+    height: calc(100% - 2 * var(--padding));
+
     border: none;
     outline: none; /* Removes the default focus outline */
     background: transparent; /* Makes the textarea background transparent */
     margin: 0;
-    padding: 20px; /* Adds some padding for better text positioning */
+    padding: var(--padding); /* Adds some padding for better text positioning */
     resize: none;
     font-family: "Lucida Console", "Courier New", monospace;
     font-size: 20px;
@@ -22,6 +25,5 @@ html, body {
 /* Ensuring the cursor is always visible */
 #typingCanvas:focus {
     outline: none; /* Removes the outline to keep the interface clean */
-    caret-color: blue; /* Makes the cursor blue for better visibility */
 }