# Homey.ink on a tablet/desktop

**URL:** <https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443>\
**Category:** Developers\
**Tags:** app\
**Created:** [April 29, 2019, 3:55pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443 "2019-04-29T15:55:21Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Rocodamelshekima](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/rocodamelshekima/32/8209_2.png) [@Rocodamelshekima](https://community.homey.app/u/Rocodamelshekima)\
**Post date:** [April 29, 2019, 3:55pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/1 "2019-04-29T15:55:21Z")

</div>

All about Homey.ink on a tablet or desktop.

To run it locally ([source from github](https://github.com/athombv/homey.ink)):

```
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](https://github.com/athombv/homey.ink) and run it on ur own server.

[How to get the token](https://community.homey.app/t/homey-ink-an-e-ink-homey-dashboard/12367/8). 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=](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](https://app.homey.ink/?token=%3CTOKEN%3E&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.

---

<div class="post-metadata">

**Author:** ![Rocodamelshekima](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/rocodamelshekima/32/8209_2.png) [@Rocodamelshekima](https://community.homey.app/u/Rocodamelshekima)\
**Post date:** [April 29, 2019, 3:55pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/2 "2019-04-29T15:55:29Z")

</div>

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](https://github.com/daneedk/homey.ink)  
> Donate: [https://www.paypal.me/daneedekruyff](https://www.paypal.me/daneedekruyff)
> 
> Hosting by @Rocodamelshe  
> This version can be found online at [https://homeydash.com](https://homeydash.com)  
> Donate: [https://www.paypal.me/rocodamelshe](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 🍃](https://github.com/Homeycornelisse/homey.ink)

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

---

<div class="post-metadata">

**Author:** ![Rocodamelshekima](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/rocodamelshekima/32/8209_2.png) [@Rocodamelshekima](https://community.homey.app/u/Rocodamelshekima)\
**Post date:** [April 29, 2019, 3:46pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/3 "2019-04-29T15:46:09Z")

</div>

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](https://us1.discourse-cdn.com/flex025/uploads/athom/original/2X/e/e6c99fcd516d6a00be921be6d07990e5aa909688.jpeg)

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

![photo_2019-04-29_17-40-01](https://us1.discourse-cdn.com/flex025/uploads/athom/original/2X/c/c3f15af32d933f7948bc2957b33a8a7a4dcecc31.jpeg)

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:

 ![photo_2019-04-29_17-44-31](https://us1.discourse-cdn.com/flex025/uploads/athom/original/2X/1/1214a61c78580410f1db93a22348883daf6429e0.jpeg)

Adress bar is gone!

 ![photo_2019-04-29_17-45-53](https://us1.discourse-cdn.com/flex025/uploads/athom/original/2X/5/556ba3ede4d24579850d4e42876feb068ea673bd.jpeg)

---

<div class="post-metadata">

**Author:** ![Emile](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/emile/32/115314_2.png) [@Emile](https://community.homey.app/u/Emile)\
**Post date:** [April 29, 2019, 4:59pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/4 "2019-04-29T16:59:20Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Rocodamelshekima](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/rocodamelshekima/32/8209_2.png) [@Rocodamelshekima](https://community.homey.app/u/Rocodamelshekima)\
**Post date:** [April 29, 2019, 6:16pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/5 "2019-04-29T18:16:11Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Dijker](https://avatars.discourse-cdn.com/v4/letter/d/b9bd4f/32.png) [@Dijker](https://community.homey.app/u/Dijker)\
**Post date:** [April 29, 2019, 9:04pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/6 "2019-04-29T21:04:14Z")

</div>

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:

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/2X/1/1472466298baa513ec724c623ed6bbd171832051.jpeg)

or even resized on Android:

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/2X/d/d41df6ded346ce3792bbb3bfad838ecd8841f9db.jpeg)

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](https://us1.discourse-cdn.com/flex025/uploads/athom/original/2X/7/71f8215064c4d9202ad9ff9015afc49a72851c79.png)

I like the result without Address bar on Windows also.

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/2X/a/a9b1e529f518d24d385478da45f53cf8cd84f30f.jpeg)

---

<div class="post-metadata">

**Author:** ![Jorden](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/jorden/32/8856_2.png) [@Jorden](https://community.homey.app/u/Jorden)\
**Post date:** [April 30, 2019, 7:55am UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/7 "2019-04-30T07:55:12Z")

</div>

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)

---

<div class="post-metadata">

**Author:** ![anon2681894](https://avatars.discourse-cdn.com/v4/letter/a/c67d28/32.png) [@anon2681894](https://community.homey.app/u/anon2681894)\
**Post date:** [April 30, 2019, 8:46am UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/8 "2019-04-30T08:46:09Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Jorden](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/jorden/32/8856_2.png) [@Jorden](https://community.homey.app/u/Jorden)\
**Post date:** [April 30, 2019, 8:57am UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/9 "2019-04-30T08:57:34Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Rocodamelshekima](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/rocodamelshekima/32/8209_2.png) [@Rocodamelshekima](https://community.homey.app/u/Rocodamelshekima)\
**Post date:** [April 30, 2019, 3:38pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/10 "2019-04-30T15:38:44Z")

</div>

![before](https://us1.discourse-cdn.com/flex025/uploads/athom/original/2X/8/87878f53ffccae929fb406c6c50482404f6e86fe.jpeg)

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!

 ![after](https://us1.discourse-cdn.com/flex025/uploads/athom/original/2X/e/e9c3325c96a1821dc6444a9a40f3c1625e17e636.jpeg)

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

---

<div class="post-metadata">

**Author:** ![Rocodamelshekima](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/rocodamelshekima/32/8209_2.png) [@Rocodamelshekima](https://community.homey.app/u/Rocodamelshekima)\
**Post date:** [May 1, 2019, 7:03pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/11 "2019-05-01T19:03:55Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Jamie](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/jamie/32/5274_2.png) [@Jamie](https://community.homey.app/u/Jamie)\
**Post date:** [May 2, 2019, 1:48am UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/12 "2019-05-02T01:48:03Z")

</div>

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

![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/2X/b/bf3c8bdd322eb8963aeb1885079b90342a7c0f3c.png)

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

> **[StrykerSKS/SmartThings](https://github.com/StrykerSKS/SmartThings/tree/master/smartapp-icons/ecobee/orig)**
>
> My SmartThings Folder. Contribute to StrykerSKS/SmartThings development by creating an account on GitHub.

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

![weather_rain_06](https://us1.discourse-cdn.com/flex025/uploads/athom/original/2X/9/92747f1dfad4700a63e080085bc66163f4b6f32b.png)

> **[StrykerSKS/SmartThings](https://github.com/StrykerSKS/SmartThings/tree/master/smartapp-icons/ecobee/png)**
>
> My SmartThings Folder. Contribute to StrykerSKS/SmartThings development by creating an account on GitHub.

Still friends?

---

<div class="post-metadata">

**Author:** ![Rocodamelshekima](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/rocodamelshekima/32/8209_2.png) [@Rocodamelshekima](https://community.homey.app/u/Rocodamelshekima)\
**Post date:** [May 2, 2019, 4:15am UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/13 "2019-05-02T04:15:45Z")

</div>

> [@Jamie](#):
>
> Still friends?

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

---

<div class="post-metadata">

**Author:** ![DaneedeKruyff](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/daneedekruyff/32/964_2.png) [@DaneedeKruyff](https://community.homey.app/u/DaneedeKruyff)\
**Post date:** [May 2, 2019, 2:37pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/14 "2019-05-02T14:37:07Z")

</div>

Yikes Jamie, no offense but those hurt _my_ eyes.

I use these:

> **[daneedk/homeydash.com](https://github.com/daneedk/homeydash.com/tree/master/app/img/weather)**
>
> Dashboard for your Homey. Contribute to daneedk/homeydash.com development by creating an account on GitHub.

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/2X/7/79c7d78e5ada139cdcfb0318cbbaac69a03151e2.jpeg)

---

<div class="post-metadata">

**Author:** ![Jamie](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/jamie/32/5274_2.png) [@Jamie](https://community.homey.app/u/Jamie)\
**Post date:** [May 2, 2019, 2:41pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/15 "2019-05-02T14:41:19Z")

</div>

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

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 ☹ 😭

---

<div class="post-metadata">

**Author:** ![DaneedeKruyff](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/daneedekruyff/32/964_2.png) [@DaneedeKruyff](https://community.homey.app/u/DaneedeKruyff)\
**Post date:** [May 2, 2019, 2:45pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/16 "2019-05-02T14:45:51Z")

</div>

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

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.

---

<div class="post-metadata">

**Author:** ![Rocodamelshekima](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/rocodamelshekima/32/8209_2.png) [@Rocodamelshekima](https://community.homey.app/u/Rocodamelshekima)\
**Post date:** [May 2, 2019, 2:49pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/17 "2019-05-02T14:49:52Z")

</div>

> [@DaneedeKruyff](#):
>
> I agree, the ones @Rocodamelshe choose really S@ck B@lls

Thnx! Think i nick urs then, looks cool. 😉

---

<div class="post-metadata">

**Author:** ![DaneedeKruyff](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/daneedekruyff/32/964_2.png) [@DaneedeKruyff](https://community.homey.app/u/DaneedeKruyff)\
**Post date:** [May 2, 2019, 2:51pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/18 "2019-05-02T14:51:40Z")

</div>

👍 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.

---

<div class="post-metadata">

**Author:** ![Jamie](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/jamie/32/5274_2.png) [@Jamie](https://community.homey.app/u/Jamie)\
**Post date:** [May 2, 2019, 3:09pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/19 "2019-05-02T15:09:48Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Rocodamelshekima](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/rocodamelshekima/32/8209_2.png) [@Rocodamelshekima](https://community.homey.app/u/Rocodamelshekima)\
**Post date:** [May 2, 2019, 3:11pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/20 "2019-05-02T15:11:50Z")

</div>

And that’s where the widget came in.

[Next page](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443.md?page=2)
