diff --git a/README.md b/README.md index 4e7985e..a76204c 100644 --- a/README.md +++ b/README.md @@ -16,13 +16,13 @@ Feel free to play with the web demo above! ## 📸 Showcase

-
+
LiveTerm with different themes

-
-my personal website +
+my personal website

## 🚀 Ship your LiveTerm site in less than 5 minutes @@ -56,15 +56,15 @@ yarn install && yarn dev ``` ### Docker Usage -- Clone the project. -- Edit `config.json`. -- Run the following to start the service (from within the project dir): -````shell + +First, clone the project and edit `config.json` to your liking. Then run the following to start the container in the background: + +```shell docker-compose up -d -```` +``` -You can also try changing `Dockerfile` & `docker-compose.yml` ONLY IF YOU KNOW WHAT YOU ARE DOING! -Learn about Docker [here](https://docs.docker.com/get-started/overview/ "here"). +If you **know** what you were doing, you can also try changing `Dockerfile` & `docker-compose.yml`! +Learn more about Docker [here](https://docs.docker.com/get-started/overview/ 'here'). ## 📄 Configuration diff --git a/demo/demo.gif b/demo/demo.gif index cc0ccee..aa89200 100644 Binary files a/demo/demo.gif and b/demo/demo.gif differ diff --git a/src/pages/index.tsx b/src/pages/index.tsx index b81c09e..ab10a29 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -31,7 +31,7 @@ const IndexPage: React.FC = ({ inputRef }) => { React.useEffect(() => { if (inputRef.current) { inputRef.current.scrollIntoView(); - inputRef.current.focus({preventScroll: true}); + inputRef.current.focus({ preventScroll: true }); } }, [history]);