Readme links
This commit is contained in:
parent
6ab9e28e57
commit
fb52027bb1
18
README.md
18
README.md
@ -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
|
||||||
|
Loading…
x
Reference in New Issue
Block a user