Readme links

This commit is contained in:
Miguel R. Ávila 2020-09-14 22:23:06 -05:00 committed by GitHub
parent 6ab9e28e57
commit fb52027bb1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -13,6 +13,7 @@
- [Home Page](#as-home-page)
- [New Tab](#as-new-tab)
- [Customization](#customization)
- [Links and Icons](#links-and-icons)
- [Colors](#colors)
- [Wather Widget](#weather-widget)
- [Image Background](#image-background)
@ -46,9 +47,26 @@
### Customization
> All the code is using variables and is comented, It's easy to customize the project to your own, and this sections are the principal customizable elements in the Startpage:
#### Links and Icons
You can change the links (and the icons too) in the HTML Code:
<p align="center">
<img src="https://github.com/MiguelRAvila/Bento/blob/master/assets/code1.png">
</p>
Change the link in the `href` property with the link you want. (The `target="blank"` makes the link to open a new tab with the link you choose).
The Project uses `https://feathericons.com/` for the icons, and you can change them in the `data-feather=""` property with the name of the icon.
#### Colors
In the CSS code you can always change the variables for both themes (Dark and Light)
<p align="center">
<img src="https://github.com/MiguelRAvila/Bento/blob/master/assets/code2.png">
</p>
#### Weather Widget
For setting up the Weather widget you're going to need an API Key in: `https://openweathermap.org/`. Once you have your Key you'll need to set yourlatitude and longitude, you can use: `https://www.latlong.net/` to get them. Once you have the data, you'll need to set them in the `weather.js` in the **js** folder. The code is