I picked this up again and checked with “Peau Productions”. This is their positive feedback:
Yes this diagram looks like an ideal smartmirror setup. Usually the monitor is only using the upper half of the mirror. We can certainly get you a custom frame to match but I will need to know your exact Length x Width dimms and your diagonal dimm. I will also need to know how many touch points you would like supported “2,6, 12, 32, 50+” touch points. Once I have this info I can get you a mechanical drawing and a quote. Any other questions, please let me know.
Hopefully I find some spare time during christmas break to find some measurements.
that sounds interesting if it is not super expensive i might get this as well as my monitor will be also just a quarter of the mirror
I’m planning on making my sister a magic mirror as a house warming gift, and have been watching videos and reading through the forums to get an understanding of what’s involved. I was hoping give it touch screen but that seemed out of my budget. Then I realized I could use a small touch screen for simple stuff like volume, a keyboard, or to pause and play video, and use a 20" monitor for the main display.
Is this something that has been done before?
If so point me in that direction.
If not, how hard would it be to do?
I have no previous experience with Magic Mirror, Linux. or RPI. So if there is anything out there that is relatively simple, or even better, in a completed state, then awesome. If not, then I’ll go sans touch screen for the time being, until I get a better grasp of this whole process.
Just to followup on my CSS, the following should center the content pretty well on most setups - I can’t figure out why I have to manually set the height though, but if I don’t the border doesn’t draw around all the text.
This creates something like a “pop-up” in the middle of your screen for the content, which works pretty well for me.
transform: translate(-50%,-50%); // This centers the box
width: 80vw; // set the width to about 80% of the screen
height: 20vw; // set the height to about 20% of the screen