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]);