@sdetweil said in Need some CSS help ... looking for the key names:
@ruff-hi see this for how to use the developers window to discover this info
https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1696694536512
also when there is no space between selector elements .bright.medium.light
it ONLY applies to AN element that MUST contain all three classes at the same time
Thanks - just what I was looking for.
Evening All … I can change the size and color of my date and time with …
.clock .time {
font-size: 9rem;
}
.clock .date {
color: #F2F3F4;
font-size: 5rem;
}
but I need to know that .time and .date are the ‘magic words’. It is pretty obvious for the clock module but I am struggling with the Newsfeed module.
So far I have …
/* this is the provider of the news feed (eg NPR) */
.newsfeed .light.small.dimmed {
color: #F2F3F4;
font-size: 3rem;
}
/* this is the heading of the news feed */
.newsfeed .bright.medium.light {
font-size: 3rem;
color: #88C29B;
}
… but I can’t find the magic words for the first line of the story. How do I work out what those should be?
I put in an order for a piece of ‘smart mirror’ after ordering a number of samples. The Smart Mirror option is really cool. Much better than the other options. The issue … it is expensive.
It is being delivered today. I am planning on having everything wrapped up, installed, additional border added, location for momentary switch, etc, etc finalized by the weekend.
Momentary switch arrived from Amazon. It is a lovely little piece of kit. And it works just like the rocker switch so my code is good to go.
Now I just need to install it, wire it up and find a place to hang it.
I set it up in the study and just left it on. PIR is disconnected so the screen doesn’t blank. Wife walks in and …
“um … is that your magic mirror?”
Yes.
“It is very nice, I like the wood border, and, as usual, you have done a very nice work on making it look professional”
Thanks.
“But … it doesn’t appear to be a mirror. And that is a very busy screen”.
Oh oh. Now I will need to seriously rethink things.
Several days later … I have decided to ditch the PIR (I couldn’t get it to work to my satisfaction anyway). I am going to install a slightly hidden momentary switch. Press the button, screen comes on, release the button, screen turns off / Mirror returns.
That should get me my vision (ability to look at all the key stuff on my display) as well as getting my wife what she is after (nice mirror without the cluttered screen). It should be fairly easy to let people see the cool stuff, if they want to.
This will mean expanding my walnut border (I was probably going to do that anyway) and installing the switch.
The python code is much easier than with the PIR …
#!/usr/bin/env python
from gpiozero import Button
from time import sleep
def turnscreen_on():
print('BUTTON PRESSED')
### subprocess.call("sh PIR/monitor_on.sh", shell=True)
def turnscreen_off():
print('BUTTON RELEASED')
### subprocess.call("sh PIR/monitor_off.sh", shell=True)
button = Button(2)
while True:
button.when_pressed = turnscreen_on
button.when_released = turnscreen_off
sleep(0.5)
I only had a rocker switch to test with and a momentary switch might be triggering the turnscreen_off part all of the time. I might need a boolean variable to hold the screen state (ON / OFF). Momentary switch is coming tomorrow … I will test it and see.
Still undecided where the MM is going … but it is up and running (sans PIR - disabled the code that responds to the sensor as I am finding it more, and more, AND MORE annoying). More sensors on their way … I must have something to tinker with.
So … it is up, in the study, on the dog creates. Wife hasn’t seen it up and on yet … as such, results are PENDING :).
@sdetweil said in Magic Mirror Build Log ... Oak and Walnut Frame:
@ruff-hi yes, if the hole is small for the pir, you might have difficulty.
True. I did run some tests on various size holes and they all pretty much said ‘yes - I see you’. Anyway, current hole is small but I can make it bigger (if needed).
Good Morning. I have been working away at this project off and on through the summer. It is almost ready to go on a wall (assuming I can find one). I’ve finished up the Oak and walnut frame (although I might be adding a touch more walnut at some point), I have carved out recesses in the Oak for the power board, the power block for the monitor and for a PIR sensor.
That sensor is annoying me a little bit … the screen takes a good 15 seconds to come back after I wave my hand in front of the sensor. I am pretty sure that I have to tweak one of the sensor dials to change that (I will post more on that later).
The whole mirror weights a ton. But it is relatively thin and I am happy with that.
Here is the empty frame. Notice the carve outs - top for power block, left for monitor block, right for PIR sensor.
I have also installed a bunch of threaded inserts to hold in the monitor.
Front with very small hold drilled for PIR (masking tape). It can see motion through that small hole but I think my trigger states are not right as of yet.
Back.
@thorn2910 - excellent suggestion … but …
I added various colors to my calendar option a week or two ago. I also like the ability to add some text because then I don’t have to remember what icon mean which calendar … or which color meant which calendar. I can see the different entries … then check the text to know the calendar.