davidusb-geek / emhass

emhass: Energy Management for Home Assistant, is a Python module designed to optimize your home energy interfacing with Home Assistant.
MIT License
260 stars 51 forks source link

Readme Buttons #267

Closed GeoDerp closed 1 month ago

GeoDerp commented 2 months ago

Displays some of the most used EMHASS links. This PR is just a quick concept, can modify.

Screenshot from 2024-05-02 13-33-28

GeoDerp commented 2 months ago

If this is liked we can also place these buttons for EMHASS-Add-on. The concept is that these buttons would assist in new users for gaining info, asking questions and creating issues.

GeoDerp commented 1 month ago

The last commit tests with style tags instead of images. This unfortunately doesn't work in GitHub. Back to the drawing board.

GeoDerp commented 1 month ago

Replaced buttons with SVG files. these SVG files are pretty mutch just the buttons inside a SVG tag. Screenshot from 2024-05-04 21-34-24

Note: you cant preview this changes, as the svg links are set to the master branch. You can set:

<div align="center">
 <a style="text-decoration: none;" href="https://emhass.readthedocs.io/en/latest/">
      <img src="https://raw.githubusercontent.com/davidusb-geek/emhass/master/docs/images/Documentation_button.svg" alt="Documentation">
  </a>
   <a style="text-decoration: none;" href="https://community.home-assistant.io/t/emhass-an-energy-management-for-home-assistant/338126">
      <img src="https://raw.githubusercontent.com/davidusb-geek/emhass/master/docs/images/Community_button.svg" alt="Community">
  </a>
  <a style="text-decoration: none;" href="https://github.com/davidusb-geek/emhass/issues">
      <img src="https://raw.githubusercontent.com/davidusb-geek/emhass/master/docs/images/Issues_button.svg" alt="Issues">
  </a>
  <a style="text-decoration: none;" href="https://github.com/davidusb-geek/emhass-add-on">
     <img src="https://raw.githubusercontent.com/davidusb-geek/emhass/master/docs/images/EMHASS_Add_on_button.svg" alt="EMHASS Add-on">
  </a>
</div>

to

<div align="center">
 <a style="text-decoration: none;" href="https://emhass.readthedocs.io/en/latest/">
      <img src="docs/images/Documentation_button.svg" alt="Documentation">
  </a>
   <a style="text-decoration: none;" href="https://community.home-assistant.io/t/emhass-an-energy-management-for-home-assistant/338126">
      <img src="docs/images/Community_button.svg" alt="Community">
  </a>
  <a style="text-decoration: none;" href="https://github.com/davidusb-geek/emhass/issues">
      <img src=docs/images/Issues_button.svg" alt="Issues">
  </a>
  <a style="text-decoration: none;" href="https://github.com/davidusb-geek/emhass-add-on">
     <img src="docs/images/EMHASS_Add_on_button.svg" alt="EMHASS Add-on">
  </a>
</div>

to see the difference.