Giter Club home page Giter Club logo

glide's Introduction

glide

a modular but comfy startpage for many scenarios

main layout settings

features:

  • fully modular layout! combine options to create your own unique startpage layout!
  • 2/3 columns, search, image, clock, category labels, greeting
  • drag and drop link editor! visual settings!
  • image carousel option (shuffle or cycle in-order)
  • rosebox color scheme & ability to customize color scheme
  • saving to localstorage, importing and exporting of settings
  • instant load/startup (looking at you, nightTab)
  • click bottom right โ— to toggle the visibility of the image
  • click bottom left โš™ to open the settings popup

installation (chrome / chromium)

I included a simple manifest.json so you can import it as a chrome extension.
just clone this repo and load unpacked extension. (you have to enable developer mode)
unpacked
you can also install this in firefox or any browser, just set the index.html to your new tab page / create an addon which replaces the new tab page with this index.html

installation (firefox based browsers)

First, download this repository as a .zip file.

In Firefox open Settings > Extension & Themes.

Click on the settings icon at the top and choose "Install Add-on from file..." and choose the .zip file. Firefox will warn you that the extension is unsafe (due to it being unverified), but it is safe to use.

custom images

if you want a custom image, put it in the img folder. the image should be either a standard portrait image (good for left image) or a wide slice/landscape image (good for top image).

After you put it in the img folder you can just change the image path in settings to the filename (don't add img/)

  • custom css: you can create a custom.css to apply custom css (wow, unheard of)

support development

Recurring donation via Liberapay One-time donation via ko-fi.com
Any donations are highly appreciated! <3

thanks to:

  • this startpage for inspiration & original html/css boilerplate
  • image floccinauci.jpg - album cover of Floccinaucinihilipilification (feat. Grim Salvo)
  • images/reze, images/yoruasa screenshots from chainsawman, (edited by me) found online
  • images from "Smoking with you behind the supermarket" manga, found online
  • i do not own most of the included images. I will provide credit/remove from the repo if requested.

libraries used:

object-observer to automatically update layout when object changes - repo
sortablejs to enable drag and drop reordering of links - repo
circle-assign to enable deep object assigning (i can't believe js does not have it by default)
tinydate super small date formatting library (modified to fit startpage's needs)

commit history (before inital release here): commit history

glide's People

Contributors

kraxen72 avatar seele1306 avatar

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.