Giter VIP home page Giter VIP logo

startpage's Introduction

logo


Quickly access your favourite websites whenever you open a new tab

Key Features

  • Easy customisation using a built-in configuration menu, or alternatively a JSON file
  • Keyboard controls
  • Customisable search function
  • Export/Import function to backup your config or to use the same one on multiple devices



example screenshot



Installation

Install the Firefox add-on or the Chrome add-on.

If you're using a different browser:
Download a release, download the zip of the latest version on GitHub, or just clone the repository. Your browser has to support the WebExtensions API or you'll have to download an older version, find a way to overwrite the newtab page of your browser and select index.html as the new one.

GitHub Pages Preview

The startpage is also hosted on GitHub Pages for demonstration purposes. You can set your newtab URL to that site if you like, but keep in mind that the version hosted there is an older one from the one currently available as a browser extension.

Usage

The config menu can be opened any time by clicking the gear icon in the bottom-right corner of the screen, or by writing -config into the search square.

The arrow keys can be used to navigate the squares: left and right will move to a different square and up and down will move between links in a square. The selected link can then be visited by pressing enter.

The tab key automatically selects the search field.

To use the keyboard controls the newtab page has to have focus. This unfortunately isn't the case when opening a new tab by default in most browsers, and I'm not aware of any workarounds, other than clicking inside the window or pressing tab until the page gets focus.

Configuration

The startpage can be configured by using a configuration file or by using the built-in menu.

Contact

If you find a bug or run into problems please create an issue here.

More examples

example screenshot example screenshot
example screenshot example screenshot

startpage's People

Contributors

etacarinaea avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

startpage's Issues

Space between links

I like to use big links (>40px), since I use background images and that makes them easier to read, but at that size the links get crowded and dont look nice (nor are they easy to read). Would it be possible to add a setting allowing us to predefine the upper and lower space between links, in order to spread them out more?

Usage of different search engines

I don't understand the functioning of the different search engines, how to use the initial character and the character after the url of the search engine.
Could this be please be explained in the Readme file for instance?
Thank you

Opening links to window/tab based on user's preference

Hello,
Not a true issue here, but have you considered having the page links open a new tab or window based on the user's preference? (by preference here i mean the browser options they have set beforehand)
It's a simple fix I did myself by adding this line as line 24 of the square.js file:
linkElements[i].setAttribute("target","_blank");

and for the search by changing line 98 in main.js from window.location = .... to:
window.open(searchsquare.links[i].url +
query.replaceChars(" ", searchsquare.links[i].space), "_blank");
I might submit a pull request for these changes but they are really minor.
Thanks,
snek

"Keep all squares open" not working on Firefox Dev.

Hi there,

The option "Keep all squares open" is not wotrking on Firefox Developer 73.0b12 (64-bit), Windows 10. I marked the option an all the boxes stayed closed. They didn't open even on mouse hover, so I had to remove the extension and star over again.

I love the design and the simplicity. ;)

Keep all squares open appears broken

Everytime I tick that box Startpage crashes gives me a white screen with black titles but nothing to click on etc.. Only option is removing and reinstalling.

Chrome addon issue

Whenever I try to install the chrome addon, I get this error could not decode image: icon.svg

Config pop up menu

Hey, absolutely love this project to clean up my startpage and make my chrome workflow more enjoyable, my only problem is, I don't know how to code, been experimenting a little on the side to get an overview, and I can't for the live of me figure out how to collapse that super annoying pop up menu that tells you the -config -help commands. I would be super grateful if you could help me solve this problem.
Thanks!

To do

  • Add keyboard controls, e.g. left/right opening squares and up/down selecting link
  • Disable key rebinds while config menu is up
  • Rework data loading
  • Remove dependency on jQuery
  • Rework new version and help popup
  • Write a better readme
  • Better screenshots or maybe a webm/gif

configmenu poping

Hi men,
You did a really great job here, i literally love it, so simple but so good.
But I have one shitty problem, I don't have cookies or any other craps like that and thank's to firefox I'm 24/7 in private mode but that's the problem, because of that your startpage poping continually (every 20mn I guess) your configmenu, it's soo boring... Is there a way to totally disable it and automaticly use the config.json ?

Images

Hi,

in the configuration page there is the "Mascot" settings, how it works? Where must be placed the images?

Thanks!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.