Hi, here you can find my custom, handmade homepage. I got inspired by Peyrzival and his build. The page is kept in terminal style, with background power by Lorem Picsum, DuckDuckGo search engine and live BTC & ETH price power by Binance API.
Background image
In order to change background image (set it static or change API) edit line 42 in /script/index.js.
body.style.backgroundImage = `url(YOUR_IMAGE_URL)`;Search engine
DuckDuckGo is my favorite, but if you want to set, lest say Google, edit line 48 in /script/index.js.
window.open(`YOUR_SEARCH_ENGINE_URL${searchValue.value}`, "_self")Time/Data format
To change the format, edit line 35/39 in /script/index.js. Swap 'pl-PL' into something else, for example 'us-US'.
Crypto display
!!! READ API DOCUMENTATION FIRST !!!
Everything about binance web socket api you can find here. In order to change anything check lines 7-17 or 19-29 in /script/index.js. Focus mainly:
let ws = new WebSocket("wss://stream.binance.com:9443/ws/btcusdt@kline_5m");let price = parseFloat(stockObject.k.h).toFixed(2);In those lines you can swap 'btcusdc' to pair you like, '@kline_5m' to some others interval or type. If you change the type, you will probably have to change also stockObject.XXX to something else.
Links
To change bookmarks section go to script/config.js. This file hold the list of all bookmarks. Follow the pattern and add your own.
{
"title": "daily",
"href": {
"youtube": "https://www.youtube.com/",
"facebook": "https://www.facebook.com/",
"gmail": "https://mail.google.com/",
"instagram": "https://www.instagram.com/"
}
}Weather
Weather data are based of Open Meteo API. To change location on your own swap values of latitude, longitude. They are located in script/weather.js in lines 3 and 4.
const latitude = 54.52;
const longitude = 18.53; 
- Better phone view
- Maybe add some colors in terminal...
- Add weather in info panel
- Add commands like it is in a real terminal