# [LiveTerm - Make Terminal styled websites in minutes!](https://cveinnt.com)
# [LiveTerm - Make terminal styled websites in minutes!](https://liveterm.vercel.app)
Highly customizable, easy-to-use, and minimal terminal styled website template, written in Next.js.
Highly customizable, easy-to-use, and minimal terminal styled website template, powered by Next.js.
# Table of Contents:
To build a simple terminal styled website with LiveTerm, you only need to work with one file: `config.json`. After you filled out the config file, simply run `yarn install && yarn dev` to build your website!
- [LiveTerm - Make Terminal styled websites in minutes!](#liveterm---make-terminal-styled-websites-in-minutes)
LiveTerm can be used to build a variety of websites: a personal website, a project page, a startpage, or just a cool browser music player...you name it!
Source files for LiveTerm are all less than 150 lines of codes in length, with great emphasis towards readability and customizability.
@ -66,25 +60,34 @@ Most of the configuration is done through the `config.json` file.
```javascript
{
"readmeUrl": //create a Github README and link it here!
"title": //title of the website
"name": //returned by the command of the same name
"readmeUrl": // create a Github README and link it here!
"title": // title of the website
"name": // returned by the command of the same name
"ascii": // ascii art to display
"social": {
"github": // your handle
"linkedin": // your handle
},
"email": // your email
"ps1_hostname": //hostname in prompt
"ps1_username": "guest", // username in prompt
"ps1_hostname": "liveterm" // hostname in prompt
"ps1_username": "visitor", // username in prompt
"resume_url": "~/Resume.pdf", // path to your resume
"non_terminal_url": "W",
"colors": {
... // you can use existing templates in themes.json or use your own!
"light": {
...
},
"dark": {
... // you can use existing templates in themes.json or use your own!
}
}
}
```
Feel free to change it as you see fit!
### Themes
You can find several pre-configured themes in `themes.json`, and you can replace the colors in `config.json` with the theme color you like! The themes are based on the themes on [this website](https://glitchbone.github.io/vscode-base16-term/#/).
<palign="center">
@ -92,7 +95,7 @@ You can find several pre-configured themes in `themes.json`, and you can replace
<strong>different LiveTerm themes</strong>
</p>
Just replace `"light"` or `"dark"` in the `"color"` part of the config file!
For a better preview of the themes, checkout the images in the `demo` folder.
Cveinnt
3 years ago
