Ghost Bookmarklet

After switching from Grav to Ghost I have to tweak a few articles. To be able to quickly jump from the frontend to the backend, I wrote a super-simple bookmarklet. Just save the following code as a bookmark. javascript:window.location.href=window.location.href+'/edit'; After you click the bookmark, the browser will navigate to http://DEINEBLOG.URL/edit and, if you’re logged in, you can edit the article directly. The text was automatically translated from German into English. The German quotations were also translated in sense. ...

December 23, 2021 · 1 min · 78 words

CSS Brighter

Like Matsuko, I also sometimes find videos too dark when watching Netflix or YouTube in the evening. Usually I just turn up my screen brightness, but I’d prefer to brighten only the video itself. The following code snippet lets you do exactly that. /* Brighter Netflix and YouTube videos */ video[src^="blob:https://www.netflix.com/"], video[src^="blob:https://www.youtube.com/"] { filter: brightness(1.4); } The text was automatically translated from German into English. The German quotations were also translated in sense. ...

August 6, 2020 · 1 min · 73 words

Hello Darkness

If you’re using a device that supports dark mode, this little blog will now adapt its appearance to match your system settings. With the help of Jeremy Keith’s description, I was able to implement this very quickly. It’s actually incredibly simple. Just drop the following code into your style.css and define whichever CSS properties you want to apply in dark mode. @media (prefers-color-scheme: dark) { /* Dark mode CSS properties go here */ } You might also consider adding a switch to the blog so users can override the default setting. Thomas Steiner explains this quite well here. ...

March 31, 2020 · 1 min · 115 words

CSS Shadows

Writing shadows in CSS by hand is possible, but it’s a pain. There have been various tools for years to visually create nice-looking shadows. Another tool is from Philipp Brumm. Smooth Shadow For anyone who doesn’t know what I mean, a simple shadow in CSS can look like this: box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.02), 0 6.7px 5.3px rgba(0, 0, 0, 0.028), The text was automatically translated from German into English. The German quotations were also translated in sense. ...

January 17, 2020 · 1 min · 81 words

Auto Updates Homebridge & Pi-Hole

After doing some research, I couldn’t find any reason not to automatically update your Raspberry Pi and the services Pi-Hole and Homebridge. That increases security, and you also don’t have to log into the system repeatedly and can effectively disable SSH. I wrote the following script and have it run once a day via Cron. Maybe someone else can use this. echo "####### UPDATE DES SYSTEMS #######" sudo apt-get update sudo apt-get upgrade -y sudo apt-get autoremove -y sudo apt-get dist-upgrade -y sudo apt-get autoclean echo "####### UPDATE VON PI-HOLE #######" pihole -up pihole updateGravity You’ll need to adapt the Homebridge part to your plugins. ...

February 25, 2019 · 1 min · 122 words