Creating a start page

Head over to https://github.com/xvvvyz/tilde and fork that repo.

Then go to Settings > Pages > Deploy from Branch > main

Go back to the main repo and press , to open up a codespace.

Do git rm CNAME to remove the custom domain

Then open up a live server

1

  pnpx live-server

Reading through the code it's pretty clever what it does, but the main part of customization is to edit the COMMANDS array.

Here's a little example of what I did to expand out the github suggestions.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

  const COMMANDS = {
      //....
      ['g', { name: 'GitHub', searchTemplate: '/search?q={}', suggestions: 
              ["g:wschenk", "g:willschenk", "g:repos", "g:stars", "g:codespace"],
              url: 'https://github.com' }],
      ['g:wschenk', { url: "https://github.com/wschenk"}],
      ['g:willschenk', { url: "https://github.com/wschenk/willschenk.com"}],
      ['g:repos', { url: "https://github.com/wschenk?tab=repositories"}],
      ['g:stars', { url: "https://github.com/wschenk?tab=stars"}],
      ['g:codespace', {url: "https://github.com/codespaces"}],
  }

Which will give you something like this:

Simply write a commit message, then push to origin, and there you go. You can kill the code space or just close it and let it close itself.

If you are using chrome, the best I've figured out is to set this as the home page. Open up the settings and under Appearance set it to your URL:

1. https://github.com/xvvvyz/tilde