Create a start page using HTML and CSS


Because Apple does not allow Floccus to manage the bookmarks on Safari for iOS and iPadOS, I have no straight forward access to my few regular bookmarks. Sure, I could simply register them once for all. But building an HTML/CSS webpage to display them is more fun.

The startpage will look like the Safari favorites page on iOS. And because changing the search engine to some self-hosted instance is also not possible, the start page will provide a search box to use SearxNG. It will also be possible to use Google or DuckDuckGo.

Here’s what it looks like.

It is a simple HTML page with inline CSS. The icons are automatically fetched using direct URL or DuckDuckGo service. Configuring HTTP caching on the Web server is probably a good idea. The HTML code is available here .

I first tried to find an existing one but none where 100% like what I wanted. You may want to have a look at them:

And because I’m no Dev, here’s the documentation that helped me a lot: