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