Create a start page using HTML and CSS
230 words, 2 minutes
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:
- Orbs start-page template
- Minimal-StartPage
- null start page
- trai´chu start page
- Jump start page
- Home Dashboard
- SUI start page
- Start Page
And because I’m no Dev, here’s the documentation that helped me a lot: