Homey.ink on a tablet/desktop

All about Homey.ink on a tablet or desktop.

To run it locally (source from github):

npm i -g serve
git clone https://github.com/athombv/homey.ink.git
cd homey.ink
serve -p 5000 app

U can also download the files from github and run it on ur own server.

How to get the token. Credits goes to @robertklep!

After u retrieved the token u fill in the adress like this:

For running local u choose:
http://localhost:5000/?token=&theme=web

When running from a server u choose:

http:IPADRESS/app/index.html?token=&theme=web

U can also run Homey.ink online at https://app.homey.ink/?token=&theme=web
With this last link u CANNOT adjust any of the CSS files, it’s the online version.

When adding favorite devices or flows in ur mobile app they appear on Homey.ink.

For now only boolean devices are accepted. So no temperature devices f.e. Just on/off devices!

To make different dashboards on different Ipad’s just add a new user to ur Homey. Retrieve a new token with this user and select favorite devices.

16 Likes

Athom created the original Homey.ink and made it open source so others can modify it to their needs, these are the known forks

Fork by @DaneedeKruyff
This fork is primarily aimed at using an iPad, iPhone or webbrowser and supports multiple languages.
Source: https://github.com/daneedk/homey.ink
Donate: https://www.paypal.me/daneedekruyff

Hosting by @Rocodamelshe
This version can be found online at https://homeydash.com
Donate: https://www.paypal.me/rocodamelshe

Fork by @Ruud
This is an adaptation of the version of Danee de Kruyff + Dutch version
Source: GitHub - Homeycornelisse/Homey.ink: Energy-friendly Homey dashboard 🍃

If you also made a fork and want to share it, please let me know and I will add it to the list.

1 Like

To hide the adress bar on an Ipad add the following lines to the head section of the index (if they are not already there):

<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">

After that, load the page on ur Ipad. Click this icon on the top right:

photo_2019-04-29_17-39-38

Then choose “Add to homepage” or “Zet op beginscherm”.

photo_2019-04-29_17-40-01

Hit “Add” or “Voeg toe” on the top right. Close the page ur looking at. Go to ur homescreen and find the newly added icon:

Adress bar is gone!

3 Likes

Good idea. I’ve added those tags to the live version.

4 Likes

Maybe another meta tip @Emile ?
<meta name=“viewport” content="“width=device-width,initial-scale=1”>

Almost the Same on Android Tablets,
Open the Link in your favorite Chrome browser, go to the Hamburger menu and select “Add to Home screen”
Give it a name and your App can be started from the desktop and starts as App without address bar.

fe on a Samsung Tab 2:

or even resized on Android:

On Chrome for Windows it is an option below the Hamburger menu - More Tools - Create Shortcut.
Select the Open as Window option to experience the same on your Windows desktop:
image

I like the result without Address bar on Windows also.

3 Likes

This is so cool. Some more work and it will be a very nice dashboard

(here it only shows 3 of my favorite devices, all of them are “virtual”, the other favorite devices are not shown)

only devices with on/off are shown :wink: I hope others will follow soon <3

Ah I see. Up/down and open/close would be probably be easy enough

To get rid of the black bar on top of the Ipad ( This is NOT working in IOS12 !!) put this in the head section of the index:

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

It is possible that the line is already there but looks like this:

<meta name="apple-mobile-web-app-status-bar-style" content="black">

Change it to the line above, with the “black-translucent” in it

After that put the site on the homescreen again like stated in the comment above.
So delete the shortcut u made earlier and put it on the homescreen again.
Black bar on top is gone!

There is a bug in the latest IOS that prevents this from working so first check the IOS version!!

3 Likes

And another tip:
U can change the order of ur favorite devices on ur mobile app and then the order will change on Homey.ink also!
Same goes for the flows ofc.

No offense @Rocodamelshekima but your weather icons (while very cool) hurt my eyes.

image

They are 26 svg so you should be able to change their colours.

But if that’s not to your liking then they also come in png dark mode format

weather_rain_06

Still friends?

1 Like

Always!
But this was the first weather widget that was adjustable to a transparent background haha.

Yikes Jamie, no offense but those hurt my eyes.

I use these:

1 Like

Picked after a quick google not perfect but anything has got to be better then his current one :stuck_out_tongue:

Out of curiosity, are you able to put the (for example) the sunrise/set on the right side under the HomeyInk icon?

I am very keen to have a play with HomeyInk but am too busy for another week or two :frowning: :sob:

I agree, the ones @Rocodamelshekima choose really S@ck B@lls :rofl:

Yes, you can put it anywhere you like, not dynamically but by changing a css style. I’m also adding an info panel so you can click on the weather to get more weather details and on the text to get an overview of notifications.
I also want to add an indicator that will only show when there’s a device with a battery warning, clicking on it will shows full info on the device with the battery warning.

1 Like

Thnx! Think i nick urs then, looks cool. :wink:

:+1: No problem!

It’s not all done yet though, I don’t think I’ve seen all weather states yet, so some will be missing.

1 Like

I agree yours are better, the one thing I didn’t mind about the one I posted, was how there were separate icons for day/night. Currently and 1:09am and sunny

And that’s where the widget came in.