Štěpán's Blog [EN]

How I build a website for Frank

2026-06-21T22:00:00Z

My friend Frank is a digital artist. He uses Blender to create renders and animations, and they are pretty fucking cool.

When I saw one of his instagram posts, I wanted to see all of the stuff he created so far. I clicked on his profile, just to find out the only place I can see it all besides instagram is Pinterest. The horror!

And I thought websites were invented to be viewed. Smh my head 🙄

Well, this is why I, the great friend I am, decided to make him a real website. And hoping he won't refuse this unsolicited gift of mine, I started building.

Note

Technical details follow. Skip to the final result if you don't care.

How I did it

I used the Eleventy static site generator, as that's also what powers this website.

If you have no idea what a static site generator is, you should probably skip this part.

The landing page

I didn't want anything special. Just a nice view of all the artworks. Basically Pinterest without all the Pinterest bullshit.

First, I needed to add Frank's art. I could do it in many ways, but I wanted it to be relatively easy so he can do it himself when he creates something new. Luckily, Frank is friends with computers. He even uses EndeavourOS Linux (Arch, btw).

I decided to use Cloudinary CDN to host the images and videos.

I created a new file content/_data/art-pieces.json. It looks like this:

[
  {
    "title": "Terry the Terrier",
    "date": "2025-11-07",
    "desc": "Render of my animatronic Terry. My gf picked this name".,
    "type": "image",
    "alt": "Animatronic Render",
    "cloudinaryId": "animatronic6_u2yxwe",
    "width": 736,
    "height": 1308
  },
  {...}
]

Adding a new art goes like this:

Upload it to Cloudinary
Copy it's ID from cloudinary
Create a new object in the json file
Set cloudinaryId to the ID
Set title, date, desc, type (image|video) and alt text
Run add-dimensions.js script to automatically add width and height.

Data from any json file inside the _data/ directory is accesible in all templates thanks to Eleventy.

I used the Masonry Layout library to implement a similar column layout as Pinterest does. The Masonry layout is coming to CSS natively, but is not yet supported by any major browser.

Adding all the images from the json file was pretty trivial afterwards:

<div class="image-grid">

  {% for piece in art-pieces %}
  <div class="grid-piece">

      <img src="{% cloudinaryImg piece.cloudinaryId %}" alt="{{piece.alt}}" width="230"/>
      <p class="grid-piece__title">{{ piece.title }}</p>

  </div>
  {% endfor %}

</div>

(OK the real code is actually much more complex but this is how it works.)

As you can see, our json data are accesible in the art-pieces object. cloudinaryImg is an ELeventy shortcode that takes the Cloudinary ID and returns an URL to the file.

What immediately bugged me was the layout changes. My internet speed is quite bad, and every time one of the images finally loaded, the whole layout shifted.

To solve that, the browser needs to know the dimensions of the images and videos when the library assembles them into the masonry layout - that is right after the page is loaded. Easiest way to do so is just to add width and height keys inside art-pieces.json. Doing it manually would be really annoying though, so I wrote a small (78 lines) script that fetches the resources from Cloudinary and adds the dimensions automatically.

I then added some more things like video duration and autoplay on mouse hover.

Every art piece got wrapped in

<a href="/art/{{ piece.title | slug }}">

which creates a valid url from it's title.

Next step was creating a page for each art piece.

Individual art pages

Eleventy has this awesome feature called Pagination. That was the hardest part to wrap my head around, but I eventually did.

I'll show you how it works.

Frontmatter in art-piece.liqid:

---
pagination:
  data: "art-pieces"
  size: 1
  alias: "piece"
permalink: "/art/{{ piece.title | slug }}/"
---

This iterates over art-pieces, and for each key it applies this template. You can see that the value of permalink key is actually also a template. Due to that, the pagination creates a different page for each key. And the permalink is created the same way as the links on the main page are.

Inside this paginated template, I can then use the piece object that refers to the current art piece form art-pieces.json

<div class="art-section">
  <img src="{% cloudinaryImg piece.cloudinaryId %}" alt="{{piece.alt}}" />
</div>

<div class="info-section">
    <h1>{{ piece.title }}</h1>
    <b>{{ piece.date }}</b>
    <p>{{ piece.desc }}</p>
</div>

Note

This is, again, heavily simplified to be easier to understand. For example, there's no handling of videos in this example.

Another nice thing about Eleventy pagination is that you get previous and next links for free:

{% if pagination.href.previous %}
    <a href="{{ pagination.href.previous | url }}">Previous</a>
{% endif %}

{% if pagination.href.next %}
    <a href="{{ pagination.href.next | url }}">Next</a>
{% endif %}

Art piece pages ended up looking like this:

Since it's a static website, comments have to be added using some third-party service. I decided to leave that on Frank.

I polished the website, added styles, meta tags, 404 page, and other uninteresting stuff.

Deployment

While I hate GitHub and use it only when really necessary, I still decided to go with it.

Firstly, it's super easy to enable static site hosting on any repo, which then gets it's own .github.io domain. GitHub actions can build the Eleventy website on each commit.

Secondly, Frank can edit the json file directly from the web interface, and he's already familiar with GitHub.

He doesn't have to care about the underlying technology at all. He uploads his art to Cloudinary, adds it into the json file from his browser without ever touching git, and the website magically updates.

If you want to look at the source code, the whole repo is here. Leave a star while you're at it ;)

Final result

👉👉👉Visit the website HERE! 👈👈👈

Or, if you are really lazy, here's an embedded iframe:

Controlling a phone camera with a remote

2026-02-13T23:00:00Z

My grandpa asked me to help with a seemingly simple thing recently: he wanted to put his phone somewhere and then start/stop video recording with a remote he bought. The remote has two buttons: volume up and volume down.

The Problem

He has a Samsung phone, and Samsung's camera app, like most others, can be controlled with volume buttons.

The issue is, they both do the same thing. You can start recording with either button, and the same goes for stopping recording. He doesn't want to always keep the state of the phone in his head. If he forgot, he could think he is starting recording while he would, in fact, stop it.

The solution is theoretically simple - make one of the buttons only start and the other only stop the recording. How do I do that, though?

The Solution

The solution was an app called KeyMapper, available on the Play Store and F-Droid. As the name suggests, it remaps keys. What surprised me was that it can tell the difference between the volume buttons on the phone and on the remote. Another great feature is remapping only for a specified app, Samsung Camera in this case.

But what do you remap the buttons to to only start or stop recording? Well, here comes the best ability of KeyMapper - you can record yourself clicking on any button on your screen, and it will remember which button it was. "Start Recording", in my case. Then, you just bind the remote's key to click on this very button. If there's no "Start Recording" button, as the camera is currently recording, nothing happens. Exactly what my grandpa wanted.

One Last Improvement

Remote controlling works like a charm, but there's an issue. The screen goes off when it's not recording after a while. And if you set the screen timeout to a really long time (although I'm not sure what the maximum allowed is), the screen is going to drain the battery.

If you are on Samsung, like my grandpa is, there's an app from Samsung for you. It's called Battery Guardian, from the Good Guardians suite, and it has a little side feature that we're going to use:

Screen Curtain is a new feature that allows you to maintain application running status while the screen is turned off. Use Screen Curtain to minimize battery consumption and heat generation.

Install Battery Guardian from the Galaxy Store, or sideload from APKMirror if you are in unsupported country. Enable Screen Curtain. It's just a few clicks, but here's a guide. When you start it from the quick panel button, your screen will go almost dark. Any app running will continue to run underneath, and the remote control will continue to work with our remaps. It also disables the screen timeout.

If you don't have a Samsung phone, you'll have to find an alternative. Just be carefull what you install, since it will for sure require the accessibility permission, which is a dangerous one.

Thanks for reading, I hope I helped you :)

Leaving rooted Android

2025-11-23T23:00:00Z

I've got a new phone - a Pixel 7 Pro that someone broke, my grandpa bought cheaply and repaired. First thing I did was to install GrapheneOS. The biggest change about that switch is that GrapheneOS doesn't provide root access, and apparently for a good reason. In this blog post, I'll list every single tool I use that uses root privileges, to see what am I going to lose by switching to a non-rooted system.

KernelSU modules

There are two main ways of utilizing root access: Modules and Superuser apps.

Superuser apps are regular android apps that you grant root access. Some of them require root access for a few features but work without it. Like a file manager that can browse restricted parts of the filesystem if granted root access.

Root modules, on the other hand, are scripts specific to the root method you use - KernelSU Next in my case (but most people know Magisk). They usually do some deeper system changes, and aren't expected to have an UI (but some of them do). Here are the modules I have installed at the time of preparing to switch to the new phone:

JamesDSP Manager
- https://github.com/james34602/JamesDSPManager
- Advanced audio processing engine
- I used it as an equalizer.
- Overkill running in background.
- I don't have great headphones and lossless music streaming, didn't notice a difference really.
- It broke and I didn't bother fixing it.
- there's a rootless version with some limitations that are not dealbreakers for me
ReZygisk
- https://github.com/PerformanC/ReZygisk
- Required mainly for LSPosed to work (see LSPosed modules)
RVX YT Music, Youtube RVX LITE
- RVX stands for ReVanced Extended, which is a modified version of the ReVanced patches.
- These allow you to patch various applications (YouTube and YouTube Music for me) to remove ads, unlock premium features and add various enhancements.
- I use root modules distributed through Telegram channel not affiliated with ReVanced or Revanced Extended 💀
- I use these just for the convenience, I can just compile ReVanced (Extended) APKs.
WiFi Password Viewer for MMRL
- https://mmrl.dev/repository/grdoglgmr/mmrl_wpd
- Cool but I never actually used it.
Zygisk - LSPosed
- See LSPosed modules
Tricky Store OSS, PlayIntegrityFix-NEXT
- https://github.com/EricInacio01/PlayIntegrityFix-NEXT
- https://github.com/beakthoven/TrickyStoreOSS/releases
- For Play Integrity, doesn't even work half the time.
AshLooper - Boot Loop protection
- https://github.com/RipperHybrid/AshLooper
- Disables root modules on bootloop - I won't need it when I won't have any root modules.
Lightweight Exynos Undervolter (LEU)
- It's supposed to improve battery life by undervolting the CPU.
- Only works on Samsung (Exynos chip).
- Didn't notice any difference using it.
Zygisk - Sui
- https://github.com/RikkaApps/Sui
- Like Shizuku but for giving root access
- Unmaintained, stopped displaying the list of apps 💀 (so I can't check or revoke their privileges)

Wow! It looks like I could do just fine without those modules. The only issue could be LSPosed, so let's see what do I use that for.

LSPosed modules

LSPosed (JingMatrix's fork) is a modern reimplementation of the Xposed framework. Xposed is a framework for modules that can change the behavior of the system and apps without touching any APKs.

For example: the ReVanced apps are traditionally modified by applying patches and compiling new patched APKs. LSPosed module could apply those same patches to regular apps installed from the Play Store, while not modyfiing them permanently. It can also hook multiple apps, for general patches like blocking screenshot detection.

Free Notifications
- https://github.com/binarynoise/XposedModulets
- Being able to disable some annoying persistent system notifications is great in theory.
- I remember using it only once, so not a big deal.
Hide My Applist
- https://github.com/Dr-TSNG/Hide-My-Applist
- Never needed it for any app, actually broke my banking app.
- Another app that went closed-source.
NoStorageRestrict
- https://github.com/Xposed-Modules-Repo/com.github.dan.nostoragerestrict
- Another nice freedom to have, but I've never used it.
- The restrictions might be there for a reason actually.
AlternativeUnlockXposed
- https://github.com/leohearts/AlternativeUnlockXposed
- Playing rickroll when 12345678 password is entered is funny for like a week.
- I disabled it soon (LSPosed modules of course eat some battery).
- GrapheneOS has it's own feature for duress password that wipes the device instead of unlocking it.
CaptureSposed
- https://github.com/99keshav99/CaptureSposed
- This might be the most useful module from the list, but I personally never needed it
XPL-EX
- https://github.com/0bbedCode/XPL-EX
- Never bothered to learn how to use it.
InstaEclipse
- https://github.com/ReSo7200/InstaEclipse
  - Patches Instagram to remove ADs, disable reels, and add some privacy enhancements.
- I need this.
- I hope I'll be able to make regular APKs with LSPatch (JingMatrix's fork). EDIT: Wile it's not possible to patch standalone Instagram APK with InstaEclipse embedded, it works with non-root LSPatch manager.
Re:Telegram
- https://github.com/Sakion-Team/Re-Telegram
- Useful, but I don't use Telegram that much.
Lucky Patcher
- see Lucky Patcher in Apps with Superuser rights

Apps with Superuser rights

Shizuku
- https://github.com/RikkaApps/Shizuku
- Allows you to share ADB access with apps.
- ADB allows you to do some restricted stuff on Android, not as much as root though.
- Can be used without root, setting it up is annoying every time you need to use it.
- OK for something like SD Maid SE, not for long running apps in the background, or things you need to do fast at the moment.
Android USB Script, USB HID Client
- https://github.com/Netdex/android-usb-script
- https://github.com/Arian04/android-hid-client
- Neither works on the kernel I used.
- Mostly a gimmick, not really that useful.
App Manager
- https://github.com/MuntashirAkon/AppManager
- So many features
  - displays running apps
  - app backup (with data)
  - app usage
  - also has a debloater
- Very impressive app!
- 10x better than the app manager in system settings.
- I will miss this app :(
- Some features will work without root, but probably not the most useful ones.
FindMyDevice
- https://gitlab.com/fmd-foss/fmd-android
- Most of the functionality should be grantable without root.
Material Files
- https://github.com/zhanghai/MaterialFiles
- My favorite file manager, even without root.
- With root, it can access all files on device (like files in app storage)
- Sometimes very useful:
  - https://f.cz/@stepan/114145042723916307
SD Maid SE
- https://github.com/d4rken-org/sdmaid-se
- I use it only once in a while.
- Most advanced features can be enabled with Shizuku, no problem since I don't need to run it often.
Tasker
- https://tasker.joaoapps.com/
- Some features won't work (quite a lot)
- It's a paid app. I bought it two years ago, and created like 2 tasks.
- One of those apps that feel extremely useful, but you don't really use them that much.
- One less app to run in the background.
Termux
- https://github.com/termux/termux-app
- Theoretically can do full linux distro chroot with root.
  - Full linux distro doesn't really bring much advantage over normal termux - In which I have tmux, neovim, python, node, even Zola SSG so I can live preview my website changes.
  - Running full linux distro is harsh on system resources, eats up disk space, and drains battery. Total overkill.
Lucky Patcher
- https://luckypatchers.com/
- Russian closed source app to patch apps and games, mainly to unlock paid content and get free coins/gems/whatever.
- Security concerns
- Unstable
- I'm richer, so I don't need to crack apps that often.
  - I mean I'm not rich, but I can pay $4 for a good app.
  - Many apps can't be cracked anymore, LuckyPatcher's best years are over anyway.
Classic Power Menu
- https://github.com/KieronQuinn/ClassicPowerMenu
- Cool but I don't really use it.
- Takes a bit too long to run the first time after reboot, which is most of the time I open the power menu.
MMRL, WebUI X
- https://github.com/DerGoogler/MMRL
- https://mmrl.dev/guide/webuix/
- Only useful with root.

Shizuku (Sui) enabled apps

Shizuku grants ADB, whether Sui grants root acces. In reality, most apps that use Sui can also use Shizuku, usually for the exact same features.

Will work with Shizuku

(They need it for one-time setup, or something I do once in a while)

Lemmy Redirect, Mastodon Redirect, PeerTube Redirect
- https://github.com/zacharee/MastodonRedirect
- One-time setup
Install with Options
- https://github.com/zacharee/InstallWithOptions
- I use it only once in a while.
Canta
- https://github.com/samolego/Canta
- Debloating is not needed on GrapheneOS.
aShell You
- https://github.com/DP-Hridayan/aShellYou
- I don't need to run adb commands often.
- It's usually used for granting some unusual permission. (WRITE_SECURE_SETTINGS)
SaverTuner
- https://codeberg.org/s1m/savertuner
- Needs the WRITE_SECURE_SETTINGS permission.
- One-time setup.
- The Pixel 7 Pro has a pretty good battery life with GrapheneOS, so it's default power saving mode will probably be enough.

Used Shizuku for installing apps without user confirmation

On newer android versions, you only have to confirm once for each app (store), and that gives the store permanent permission to update that app. Thus there's no need for root for installing.

Bunny Manager
- https://github.com/bunny-mod/BunnyManager
- Also unmaintained.
Aurora Store
- https://gitlab.com/AuroraOSS/AuroraStore
Droid-ify
- https://github.com/Droid-ify/client
Obtainium
- https://github.com/ImranR98/Obtainium

Didn't actually use them

These are interesting, because when I first rooted my phone, I was really excited about them. Before that, I've always stumbled upon them in some F-Droid repo, and thought how great it would be if I had root and could use them. Well, turns out they aren't so useful as they seem, and I stopped using most of these apps shortly after I installed them.

SystemUI Tuner
- https://github.com/zacharee/Tweaker
LogFox
- https://github.com/F0x1d/LogFox
Geto
- https://github.com/JackEblan/Geto
Extinguish
- https://github.com/Moderpach/Extinguish
Blocker
- https://github.com/lihenggui/blocker
- I was not careful and managed to break QR code payment in my banking app for a few months with the help of this app.
Smartspacer
- https://github.com/KieronQuinn/Smartspacer

Will miss

Hail
- https://github.com/aistra0528/Hail
- Freezes apps.
- I use it to freeze proprietary apps that I unfortunately need every so often. I don't want them to have any chance to run unless I specifically start them - that's why I freeze them with Hail.
  - Google Maps
  - Google Home (for Chromecast)
  - Google (for Lens)
  - Spotify (for Jam)
- Before you lecture me on how I shouldn't use these apps at all: Especially in the case of Maps and Lens, there are emergency situations where getting somewhere quickly (a hospital, a pharmacy), or identifying some object quickly (unknown pills that your child swallowed) is infinitely more important than privacy. With Hail, it's like if the apps were uninstalled when they are frozen, but I can still launch them immediately.
- I freeze and unfreeze often, so starting Shizuku every time is not an option.
- alternatives:
  - Hail could be used with Device Admin / Dhizuku, but with some annoying side effects.
  - Force Stop Helper is an app list that allows pinning apps to the top, indicates if an app is disabled, and when you click on the app, it takes you to it's system settings. You can open Force Stop Helper, and disable/enable any app with two clicks.
  - Based on GrapheneOS's response in this thread, I understand that freezing apps might be completely unnecessary, and I can just forbid them running in the background.

Conclusion

As I'm finishing this blog post, I've been using the new Pixel 7 Pro with GrapheneOS for more than two months. I don't really miss the features I lost with giving up root access, which was very counterintuitive for me, given the amount of them that I used. What's maybe more surprising is that I miss some non-root features much more - features that I didn't even know were Samsung-specific. Given enough caffeine, I'll try to write a blog post about that. Some day...

Thank you for reading! I don't have a comment system on my website yet, but here's a link to a Mastodon post where you can comment. Feel free to comment any corrections, recommendations, or just thoughts that crossed your mind while reading this.

I also posted a link on Lemmy, and there are some very interesting comments and discussion.

Bots I've met on the Fediverse

2025-02-26T23:00:00Z

Wandering around in the Fediverse, every once in a while I run into a bot. It might be weird or ordinary, boring or exciting, interesting or completely absurd. Here, I want to share those I'm always excited to see again, and thus think they are worth sharing.

I Hope This Email Finds You

First bot on this list is also my favorite. I'll let it introduce itself:

Posts (...) completions to the sentence "I hope this email finds you." All content is sourced from Google Books, based on searches for phrases that start with "finds you."

Pretty simple, right?

Every time I'm writing an e-mail, I have the urge to use one of this bot's creations.

I find it incredible how amusing a bot posting literal nonsense can be, especially in an AI age where an LLM can spit out hundreds of sentences like this in a few seconds. That wouldn't be so funny though, would it?

Click to show Mastodon feed

Most recent posts of @thisemailfindsyou@mastodon.social:

How to do anything

This bot is similar to the previous one in its dadaist nature. It mixes up random wikiHow article headings and illustrations.

Whether you try to find sense it its cryptic advice, or just go for a laugh, I'm sure it will be glad to see someone listening to what it has to say.

Click to show Mastodon feed

Most recent posts of @wikihow@mastodon.social:

As the Film Ends

Have you ever opened a random book from your grandma's bookshelf and read the last page, or last sentence of it? There's something exciting about it, even when you have no idea about the context. Maybe because of it.

If you did, you and this bot are gonna love each other!

Its father explains its inner workings well:

Most Wikipedia pages for a given film provide at least a brief plot synopsis. Using the sum total of all film pages on Wikipedia as a corpus, this bot picks a random film and posts the final sentence from its plot summary. Spoilers are definitely possible, but given the depth of the corpus it'll usually be a film you've never heard of.

Click to show Mastodon feed

Most recent posts of @endingsummary@mastodon.social:

transect575

transect575 is another bot whose introduction I'll leave to its creator:

When I worked for REDACTED GOVERNMENT AGENCY I saw a lot of aerial survey data from people looking for whales in the sea. Usually this includes useful information like the number of animals, whether they are juvenile or adult and weather conditions. They also usually included a comment field. So I scraped that out and this bot makes haikus from it.

Its home is a GoToSocial instance, so I can't embed its posts here as easily as those of bots living on Mastodon.

Click here to view transect575's haikus

You Can't Spell

This bot is only six days old when I'm writing this, but it already managed to say smarter things than lot of adults I know have ever said. Did you know that you can't spell warm-hearted without meth award?

Click to show Mastodon feed

Most recent posts of @cantspell@mastodon.social:

Shakespearean Insult Bot

Nothing much to say about the Shakespearean Insult Bot, who walks around the Fediverse and insults whoever crosses its path. Its unloved (those not starred/boosted/commented) insults are deleted after two weeks, which is a pretty clever feature that the How to do anything bot could borrow.

Click to show Mastodon feed

Most recent posts of @shakespearean_Insults@beige.party:

SimCity2000 Traffic Helicopter

Last bot on this list is a bit different than the rest. It's not funny nor nonsensical, but deserves its place more than any other.

Another project of @jplebreton@mastodon.social, creator of the As the Film Ends bot, SimCity2000 Traffic Helicopter flies above user-created cities and posts a random glimpse of a cityscape.

Beautiful!

Click to show Mastodon feed

Most recent posts of @sc2000@mastodon.social: