A simple theme to create a custom new tab link page using the Kirby CMS.
I was looking for a very clean customisable new tab page but none of the existing ones fitted my needs. They either had too much design, too much functionality or could not be customised completely. So I rolled my own version.
The result is a very basic no-frills page that can display lists with your favorite links. Different themes and font options are available to tweak it your liking. For optimal speed you can run the page locally and sync the contents across computers.
Kirby is a lightweight, flexible and file-based CMS.
The installation is the same as with any other Kirby theme.
/contentfolders from the installation and replace them with the downloaded ones.
/sitefolder replace the
View your site in a browser and you should now see a page with demo content. Clicking on the logo brings you to the login and the Kirby Panel. When do this for the first time, you will be asked to create an account.
Using Bentobox is simple. You can either add or edit links by editing the text files in the
/content folder or through the Panel (click on the logo or the dots next to the title of a list). The first time you enter the Panel you will be asked to create an account.
/content folder each folder corresponds to a block of links. The sort order determines the order of the blocks on the page. When using the Panel a page corresponds to a block. See the Kirby docs for more instructions on editing content.
The first set of links is always displayed horizontally.
Bentobox was created to be used as a home or new tab page in your browser. In most browsers you can set this directly in the browser settings. In Chrome and newer versions of Firefox this is not possible by default. You can use New Tab Redirect extension for Chrome or the New Tab Override extension for Firefox to get this functionality.
To make the page load faster and work without an internet connection you can host it on your own computer. For example using MAMP or similar.
Since Kirby is file based you can sync your page between computers by putting the site folder in Dropbox or Google Drive.
You can select a color theme from the site options in the Kirby Panel. If you want to create your own theme you can create and compile a new scss-based theme file in
assets/scss/themes. Or directly add a css file in
assets/css/themes. To be able to select the theme you must also add the name of the file to the list in
0.1.0 - Initial release.
0.1.1 - Small tweaks and more demo content.
0.1.2 - More small textual changes.
0.2.0 - Added option to select the theme in the Panel. New themes included.
0.2.1 - Theme tweaks and a few more added.
0.2.2 - Fixed gradient background, Sunset and Pink Party themes added, optimized logo size.
0.2.3 - Improved readme
0.2.4 - Update demo link
0.3.0 - Restructered HTML to use CSS Grid and small fixes
0.3.1 - Quick fixes for a number of themes
0.4.0 - Updated for Kirby 3
0.5.0 - Custom font selection, refined selection of themes
0.5.1 - Small fixes
0.6.0 - New favicon style, custom logo options
Feedback and pull requests are welcome. Best ways to contribute:
If you have any questions or comments you can contact me via email.
Bentobox includes the following:
Copyright (c) 2020 Bob Corporaal
Licensed under the MIT license.