Comments (5)
If your photos are making the text unreadable, you could try changing the filter config. I actually have mine set to grayscale(0.5) brightness(0.3)
, which is a little darker than the default, and makes everything a little more readable.
As for shrinking the image and adding a polaroid-like border, that may be possible, you could try editing MMM-Wallpaper.css like so:
.MMM-Wallpaper .wallpaper {
position: fixed;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%) rotate(-6deg);
box-shadow: 10px 10px 15px #aaa;
padding: 10px 10px 30px 10px;
border: 1px solid #bfbfbf;
background-color: #fff;
}
.MMM-Wallpaper .tall {
width: 30%;
}
.MMM-Wallpaper .wide {
height: 30%;
}
You can try playing with the .wide and .tall values to adjust the size of the images, and the left and top values of .wallpaper can move the image to where you want it on the screen.
from mmm-wallpaper.
from mmm-wallpaper.
from mmm-wallpaper.
Hey @kolbyjack. Just curious, still loving the tweak ya gave me. I'm wondering, is there a way to change the width and height % depending on if the photo is portrait or landscape? The settings I have are 50% for both and I changed the top to 35% and its great for portrait, Landscape photos it shrinks down pretty small to fit the same width. Could honestly probably grow by to like 50% for width or something
from mmm-wallpaper.
The .MMM-Wallpaper .tall style should take effect for portrait photos, and .MMM-Wallpaper .wide should take effect for landscape.
from mmm-wallpaper.
Related Issues (20)
- Failing to start magicmirror HOT 2
- nixplay support HOT 2
- Error: cannot find module 'flicker-sdk' HOT 2
- Flickr-api source not working HOT 4
- shuffle not really working HOT 1
- syntax errors HOT 10
- Synology moments no longer exist in DSM 7.2 HOT 7
- icloud album not showing on MM HOT 2
- Set Images to Center_Middle of Screen HOT 2
- Filter Videos out from iCloud HOT 5
- Not a issue; "local:</path/to/directory>" HOT 8
- Idea: switch to another source on Day Range HOT 6
- Option to "blur" Image instead of black bars when "size: contain"? HOT 2
- Newest pull > starting errors HOT 2
- filter option HOT 2
- maximumEntries needed for local source continual shuffle? HOT 2
- Add brief caption indicating filename for local images HOT 3
- icloud integration broken now (January 2023)? HOT 5
- fillRegion not observing dimensions set with height and width HOT 2
- Feature Request - Add FTP as a source HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from mmm-wallpaper.