how to get that small weather card at the top in the first and second screenshot?
It is a custom lovelace card called simple weather card, you can find the repo here:
I used the darksky animated card in the past, but seeing that we actually never use it as much (as my wife only checks the current temperature and I rarely use it myself). I can also say why I moved away from that card as it took much space on the frontpage.
1 Like
Update: I am currently working on the setup with cards that function as minimalistic notification cards that depend on person location, user logged in and certain states.
What it will show a card depending on who is logged in, where he/she is located and what state a certain entity has. This is mainly achieved by using the useful markdown card and the state switch.
The notifications are the colored cards, they appear/disappear automagically.
Preview:
1 Like
Very nice and good idea. How did you translate the PostNL info to Dutch?
Can you share your config about the notification card?
Thanks, I will post the code tomorrow or monday (if I find the time). And thanks!
However one thing I didn’t understand, how did I translate PostNL to dutch? The official postnl component fetches data in Dutch already, all I needed to do was to extract the values from the sensor to make it more readable. That code can already be found on my github page. It basically is a template sensor that reads the PostNL sensor and extract only the necessary info.
It is only the first sensor you would need (all of the ones below are either for my wife or it was used for my Tileboard setup which had a lot less space to work with (so I had to cut them in pieces, no need to bother with those).
If you happen to use the postNL sensor you could simply copy this and replace my name with yours (or whatever your entity is called). Should work.
1 Like
So, I have been a bit busy, last time I gave a preview of the new notification system I was working on, but that will change soon as I have decided to drastically rework my setup (again).
This time it will be even cleaner and more phone/tablet friendly.
A taste of what is to come (I will post it on github when it is done, please have some patience)
wow, just impressive! I was very influenced by your configuration. I stole some code snippets from your GitHub repo for that.
Hope you will post the new code also there, as soon as you ready 
Thank you, I’d love to see what you have done with the snippets code 
Yes this will eventually go to github, I have no ETA though as I am currently reworking everything as there are still some things that mess up the buttons css etc.
Thanks, but there’s nothing really interesting to show so far. It’s more or less a copy of your setup so far, with a few slight adjustments:
I’ve only recently discovered your setup myself. As a result, I was dissatisfied with my previous frontend setup and am in the process of re-permeating and re-setting everything:
https://github.com/CM000n/homeassistant/commits/master
It’s a neverending story 
I know the feeling, I recently found that the custom button card has been picked up by another developer making the card very useful. Hence I was unsatisfied with what I had. (The screenshots at the beginning of the thread is what I had).
And it is progressing, almost halfway through redesigning my interface. And I hope that I can upload this to github for you guys soon. (I expect halfway next week).
Here are some progress screenshots, please let me know what your thoughts are.
3 Likes
Looking sharp!
OMG! It gets better every time.
I can’t wait to look at your new changes.
Thank you so much!
It is a pity that there is no similar service for Deutsche Post as for Post NL. 
Another update, for some reason overflow: hidden is not working for me (on these pop up cards). Oh well, I will figure out a solution in the future, for now some more screenshots.
And a little preview of what it would look like on an ipad. But this will take at least a few weeks before I will focus on making an ipad interface.
Edit: And some more screenshots:
Edit2: and even more:
Definitely going to draw some inspiration from you on the cleaning and dog sections especially when I get to that point with my setup. (Also, nice choice of dog breed, we have two Miniature Australian Shepherds.)
For the popup-card, not sure where you are referencing the overflow: hidden or what you’re going for with that, but I used card-modder to get the look I wanted for mine. (Side note, I noticed a couple minor style issues with the popup-card on mobile and opened an issue on the card-tools repo the other day).
You updates are looking quite nice. I like your notification cards, could you share your config for those? I was considering using the persistent notifications for this and making a custom card to display them on a card. I’m quite curious how you’ve set this up.
I did use the persistent notifications, but they are ugly in my opinion, and I can’t really make them very dynamic. So I decided to do it this way.
I will share the code tonight when I get home, for now you could try it already. I used 3 cards for this:
- (useful) markdown card
- card modder
- conditional card
Set up the conditional cards to just show the markdown card when specific conditions are met. And use card modder to style that card. You could also show pictures or buttons if prefered.
Cool yea that’s sort of how I expected it to work, which is a nice but sort of hacky way of doing it. The main problem I would have with it is that you have to set up a card for each notification. Better than nothing though .
I’m still considering creating a custom card that could show persistent notifications in a similar way you have it set up currently. I really like the idea of having notifications displayed like this in a view instead of just having the notification bell.
Yeah same here, I actually wanted to create a separate page for it, but thought this was more useful. As with the alarm bell icon, we never ever press on it. So this leverages that.
True it is a bit hacky and you will need to setup each card individually, but it works very well (but only on phones though) on a tablet/pc it looks a bit weird with a lot of empty space between cards. It updates immediately. Well yeah, my ui-lovelace.yaml has over 11.000 lines of code so it could indeed be better haha.