Pico W Custom Start Page / Webserver

Introduction

This project is a fork of the great start page by Jaredk3nt which can be found here. I take no credit for it's functionality or style. This was used as a base to prove a Raspberry Pi Pico W could be used to host a custom start page running a webserver.

Other awesome startpages can be found on the AwesomeStartpage GitHub repo.

Hosting on a Pico W

To run a webserver on your Pico W you will need to install MicroPython. I recommend you follow the Raspberry Pi tutorial.

After installing MicroPython, to host this startpage on a Raspberry Pi Pico W you will need all the files in this repo (bar this readme). You will need to copy or create them on your Pico W and then amend the SSID and password contained within the secrets.py file as a minimum.

Customisation

Customise Bookmarks

Bookmarks are now held in the bookmarks.js file for easy updating. bookmarks is an array of objects with a title and links property. The title defines what the header of the "bookmark section" box will be. link is an array of link objects each with a name and a url to link to.

The way the site is currently styled bookmarks should always have a length of 4 if you want to have more sections you need to change the width property of the css class bookmark-set

Customise Search Engine

You can change the search engine used by the search overlay by updating the url value stored in the searchUrl var in index.html to the correct string for your engine.

Examples:

• DuckDuckGo: https://duckduckgo.com/?q=
• Bing: https://www.bing.com/search?q=

Customise Styling

Styles are handled through CSS variables. To update the colors you just need to change the variable definitions defined in :root.