Compare commits

..

No commits in common. "db923a64d1e4d31ea28c6f047fa4a784022e4013" and "5502d07bd7ec9bf583912178fec3898a79535202" have entirely different histories.

5 changed files with 13 additions and 44 deletions

View File

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

View File

@ -1,20 +1,6 @@
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).
### [typehere.cc](https://typehere.cc/)
Clone the repo and run it. I dare you.
Clone of [typehere.co](http://typehere.co/) which is no longer available.
`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.
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.

View File

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

View File

@ -1,8 +1,8 @@
<!DOCTYPE html>
<html>
<head>
<title>We All Die Someday</title>
<link rel="stylesheet" type="text/css" href="style.css?v=5">
<title>typehere</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<textarea id="typingCanvas" autofocus></textarea>

View File

@ -2,27 +2,21 @@ html, body {
height: 100%;
margin: 0;
padding: 0;
background-color: #002b36;
background-color: #f0f0f0; /* Slightly off-white background for better visibility */
}
#typingCanvas {
--padding: 20px;
width: calc(100% - 2 * var(--padding));
height: calc(100% - 2 * var(--padding));
width: 100%;
height: 100%;
border: none;
outline: none; /* Removes the default focus outline */
background: transparent; /* Makes the textarea background transparent */
margin: 0;
padding: var(--padding); /* Adds some padding for better text positioning */
padding: 20px; /* Adds some padding for better text positioning */
resize: none;
font-family: "Monaco", sans-serif;
font-family: "Lucida Console", "Courier New", monospace;
font-size: 20px;
color: #657b83; /* Darker text color for better contrast */
text-rendering: optimizeLegibility;
font-smooth: always;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
color: #333; /* Darker text color for better contrast */
}
/* Ensuring the cursor is always visible */