-
-
Notifications
You must be signed in to change notification settings - Fork 127
This issue was moved to a discussion.
You can continue the conversation there. Go to discussion →
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Share your use-case #1
Comments
GIPHY TV is awesome with this https://giphy.com/tv/search/chonky-cats |
Possible to add support for that, yes. Can you open a separate issue about that? |
Someone suggested setting https://www.omfgdogs.com/ as the wallpaper 🤣 |
I quickly made https://time.pablopunk.com/ to display the time. Duuuuude that was so easy. I plan to do more stuff like this in the future, it's so powerful. |
Would it be possible to save multiple website and toggle them with ⌘ + number key? |
I found that the image directly using Unsplash may not be displayed completely in full screen, so I made https://plash-fullscreen.now.sh, you can display any image with the url parameter like this https://plash-fullscreen.now.sh?url=YOUR URL |
@shanlh Are you sure you used the correct resolution in the Unsplash URL parameter? It works perfectly for me and others. Your thing is definitely useful so people don't have to manually input their resolution though. 👌 |
@sindresorhus I use https://source.unsplash.com/random by default, only use |
@pablopunk Would be cool to be able to customize the clock slightly. For example, not show seconds and choose the color of the background and the clock. |
@sindresorhus you got it 😉 https://github.com/pablopunk/time#customize-options Any more suggestions? I was thinking about text size and stuff like that |
@pablopunk Nice! I opened an issue with some feedback in your repo. |
https://teamtrees.org/ with CSS as follows provides a nice, subtly animated wallpaper. NOTE: requires refreshing for counter updates. #donationAmountCard, |
Tip: The Plash web view background is transparent. So if you don't set a background color in your website or remove it from a website, your actual wallpaper will show through. This enables a lot of cool use-cases. You could, for example, place something interactive over your normal static wallpaper, or only show a dynamic wallpaper on part of the screen. Example use-case. Show Google Calendar on top of your normal wallpaper
* {
background-color: transparent !important;
color: white !important;
}
.QQYuzf,
.gboEAb,
header.NkK3Fc,
.Hrn1mc {
display: none !important;
}
[role="grid"] * {
border-color: rgba(255, 255, 255, 0.3) !important;
}
.tNDBE:not(.Wyo4Qe),
.SGWAac,
.QIadxc:last-child {
border: none !important;
}
[data-chips-dialog] {
background-color: rgba(0 0 0 / 80%) !important;
} |
FYI I updated https://github.com/pablopunk/time with all the options you suggested @sindresorhus. Looking good! |
Really happy with how well it works with a gyrosco.pe dashboard (https://gyrosco.pe). The age updates in realtime and I can interact with it even with Browsing Mode disabled. Thanks for another great tool @sindresorhus! |
Another nice thing you could do with the transparency support: Show a clock directly on top of your existing wallpaper: |
Nice stock tracking on wallpaper using Sharsies
|
…and another clock: URL: http://www.helvetictoc.com/ CSS: body.day, body.night {
background-color: transparent;
color: white
}
div.screen {
margin: 4%;
font-size: 100px !important;
bottom: 0;
top: auto;
}
#colophon { display: none } |
URL: https://calendar.google.com/ body {
padding: 3% 53% 3% 3%;
background: transparent !important;
}
header,
button {
display: none !important;
}
.SGWAac {
border: none !important;
} |
Web based stickie notes |
A low poly town that has clouds and traffic that extends indefinitely. Use this custom CSS for the best effect. #about-button {
display: none;
} |
Can anyone help me to display the iCloud calendar without sidebar etc like the Google calendar? https://www.icloud.com/calendar/ |
@dixiklo9 Go to https://www.icloud.com/calendar/ and select "Month" view. Then use this CSS override: * {
background-color: transparent !important;
color: white !important;
border: 0 !important;
}
#sc1993,
.sc-view.main-header,
.sc-view.main-footer {
display: none !important;
}
.sc-view.month-calendar {
position: fixed !important;
} And the result: Right-click when in "Browsing Mode" and choose "Inspect Element" to be able to debug and tweak it further. For example, if you want the borders, you could remove |
Thank you very much for the CSS code and the tip for tweaking. |
I just started a tutorial series of making backgrounds The GitHub repository has the current code for the project. |
|
Classic Matrix code rain, really good looking and some options: https://github.com/Rezmason/matrix |
Hey there, I've been super impressed with Plash and really want to thank @sindresorhus for creating it! There's one issue I've been running into though, when I try to replicate this user's setup: Desktop as a canvas: https://twitter.com/thesolarmonk/status/1469762780848820226 When I add sprout.place into Plash and log in, the interface works for about a second until I get this screen: Does anyone have a clue what could be causing the issue, or if I need to add an extra bit of code somewhere? In any case, I'll definitely continue using Plash. Thanks to the creator for their hard work, and to everyone here for sharing such cool ideas! |
It's pretty cool!!! |
I found some cool sites, like programmer's music player:https://musicforprogramming.net/latest/ And the Rectangles :https://rectangles.app?full_screen=true |
I realize this won't be a popular option, but figured it was worth mentioning. Tabs for a Cause (source) was made as a new tab replacement showing some ads to raise money for charity. You can customize the background as well as display widgets like a clock, to-do lists, bookmarks, and search engine. URL to use with Plash: https://tab.gladly.io/newtab/ |
Requires a bit of JS to start driving (or you can use the browsing mode): function triggerMouseEvent (node, eventType) {
var clickEvent = document.createEvent ('MouseEvents');
clickEvent.initEvent (eventType, true, true);
node.dispatchEvent (clickEvent);
}
function turnOnAutoDrive() {
var targetNode = document.getElementById('autodrive-button');
triggerMouseEvent (targetNode, "mouseover");
triggerMouseEvent (targetNode, "mousedown");
triggerMouseEvent (targetNode, "mouseup");
triggerMouseEvent (targetNode, "click");
}
// get past the splash screen
document.getElementById('splash-loader').click();
// after everything is loaded, start auto-driving
setTimeout(() => {
turnOnAutoDrive();
}, 10 * 1024); |
I cannot believe no one has yet pointed out MagicMirror², an awesome open source modular mirror platform. What it does is to create a web page that can display a lot of information, like time, weather, calendar, to-do list, stock prices, etc. It's initially designed for Raspberry Pi, but can run perfectly on Macs, making it a perfect match for Plash. A screenshot after I have everything configured: InstallationFirst install nodejs and npm. For example, using Homebrew brew install nodejs Then follow the instructions at Installation & Usage starting from Step 2: cd ~
git clone https://github.com/MichMich/MagicMirror
cd MagicMirror/
npm run install-mm
cp config/config.js.sample config/config.js
npm run server Then navigate to http://localhost:8080 - you should see a simple MagicMirror webpage up and running. Start Server on StartupIf you close the terminal right now, the webpage will be down. Additional steps are needed to have the server run 24/7. Just follow the instructions at Autostarting your MagicMirror. The only modification is that the content of cd ./MagicMirror
npm run server according to our use case. Modify CSSNavigate to directory :root {
cursor: default; /* prevent cursor from disappearing in Browsing Mode */
--color-background: transparent;
--color-text: #fff;
--color-text-dimmed: #fff;
--color-text-bright: #fff;
--gap-body-top: 20px;
--gap-body-right: 60px;
--gap-body-bottom: 60px;
--gap-body-left: 80px;
} Here I set Plash SetupThis should be easy. Just add More CustomizationModify Here's a list of modules I use in the screenshot:
UpdatesOn a Light BackgroundAdd the following lines to .module {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 10px;
padding: 10px;
} |
How about NASA Image of the Day? That sounds like a reasonable use case. |
|
https://github.com/pablopunk/time
|
Google calendar week view: Set styles to make everything transparent except events, current day so that they are clearly visible. Also, hide scrollbar to make it cleaner. *:not([data-opens-details="true"]):not([data-opens-details="true"] *):not([aria-label*="today"]) {
background-color: transparent !important;
color: white !important;
}
.QQYuzf,
.gboEAb,
header.NkK3Fc,
.Hrn1mc {
display: none !important;
}
*::-webkit-scrollbar {
display: none;
} Also, turn on Screenshot: |
Simple but fun: I loaded a video as your dynamic live wallpaper, just like the Wallpaper Engine app in Windows. I created a local website with the help of New Bing, which consists of only one file named 'index.html'. Use the code below and replace the video name with your own. <html>
<head>
<style>
* {
margin: 0;
padding: 0;
}
video {
width: 100vw;
height: 100vh;
object-fit: cover;
}
</style>
</head>
<body>
<video src="video.mp4" autoplay loop muted></video>
</body>
</html> |
This... https://floor796.com/ |
This one is awesome. I added the following under CSS rules to hide the header, .header {
visibility: hidden;
} |
Another cool site for Plash - https://oimo.io/works/clock/ |
Want your Macbook to look as if it just came out of Blade Runner 2049? Archillect TV. archillecttv.mov |
Use this to confuse people - https://wintest.andrewstech.me/ Use the below CSS to hide ads -
|
the ads makes it worthless |
@simon-zk Added CSS to hide ads, also updated original comment with the CSS |
I made this using chatgpt https://plashaddon.prjctkraken.repl.co/ and it works perfectly for this and I use "The drive youtube video" only issue is loops so feel free to improve it. |
Fixed it just right click on the video and hit loop |
Hi, I just released the first version of a website, which can display animated apple music album covers in full screen, which can make really great wallpapers! You just have to input an album url (e.g. https://music.apple.com/us/album/eternal-atake-deluxe-luv-vs-the-world-2/1502707380) and select the desired resolution (both in browsing mode). The covers are saved in the background and you can iterate through them by double clicking. The url is https://cover.mikaco.de/. |
This issue was moved to a discussion.
You can continue the conversation there. Go to discussion →
There are probably a lot of cool use-cases for this app that I wouldn't think of. Please share your use-case here and I'll put the best ones in the readme and App Store description.
Here are some that I have found:
More here:
Resource heavy / noisy (better as screensaver #25):
The text was updated successfully, but these errors were encountered: