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) - [Home Page](#as-home-page)
- [New Tab](#as-new-tab) - [New Tab](#as-new-tab)
- [Customization](#customization) - [Customization](#customization)
- [Links and Icons](#links-and-icons)
- [Colors](#colors) - [Colors](#colors)
- [Wather Widget](#weather-widget) - [Wather Widget](#weather-widget)
- [Image Background](#image-background) - [Image Background](#image-background)
@ -46,9 +47,26 @@
### Customization ### 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 #### Colors
In the CSS code you can always change the variables for both themes (Dark and Light) 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 #### 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 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