Git Product home page Git Product logo

perfect-things / perfect-home Goto Github PK

View Code? Open in Web Editor NEW
121.0 4.0 12.0 20.29 MB

firefox newtab/home replacement

Home Page: https://addons.mozilla.org/en-US/firefox/addon/perfect-home/

License: GNU General Public License v3.0

JavaScript 23.72% HTML 0.55% Stylus 23.94% Svelte 51.79%
firefox-addon firefox firefox-extension firefox-webextension new-tab-page new-tab newtab newtabpage homepage home-page

perfect-home's Introduction

Perfect Home

Replace your new-tab page and home page with your bookmarks. No ads, no speed dials, no frequently visited or other "frecence" bullshit! Just your own, predictable grid of links.

Download from mozilla addons page

Download from chrome web store

Screenshot

FEATURES

  • Drag & drop tiles to reorder
  • Command palette (filter flat list) (currently Cmd+P on mac - when focus is on page)
  • Custom images for tiles (right-click on a tile -> edit, or just drag an image from desktop and drop it on a thumbnail)
  • Style page with custom css - paste your css in settings
  • Requires only 1 permissions (bookmarks)!
  • Theme support! 🎉
  • Settings export/import
  • Docked Folders

Usage

  • Select a folder from your bookmarks
  • Enjoy!

Privacy

This extension only needs 1 permission from Firefox - to access your bookmarks. You can also allow this extension to send requests to 3rd party services:

  • Google Favicon service - to display nice favicons in Docked Folders and in the Search panel
  • Github API - to be able to use the Themes

If you do NOT allow either of these - the extension will still work without any issues. You just won't see the favicons or won't be able to use themes directly from the extension (you can still manually download theme icons & copy & paste the css).

You can change these options in the extension settings, in the Privacy section

Themes

More on how to use Themes in the PerfectHome Themes repository.

Customization

See a tutorial here

Build locally

  1. npm i
  2. To test the extension in a temporary firefox profile, use the test script:
    npm start
  3. To build a zip artifact (that can be uploaded to mozilla addons):
    npm run ext-build

Creating test-profile in Firefox

  1. Open about:profiles
  2. Create test-profile
  3. Set your previous profile as "default" again

Buy me a coffee 😄

Buy Me A Coffee

perfect-home's People

Contributors

dependabot[bot] avatar gitoffthelawn avatar mly32 avatar retog avatar tborychowski avatar tom-sap 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

perfect-home's Issues

Unhandled Exception for Missing Titles

When a shortcut exists with an empty string for a name, an exception is thrown:

TypeError: l.title[0] is undefined index.js:1:17792

This also prevents the menu from responding, so a user is unable to change the monitored directory.

better quality favicons

favicons fallback: if better quality exists - replace the crap from google's service if possible

Feature request: free positioning

Free on-page placement (like one item top-left, another bottom-right, and a pure void between).
If I can't get it with custom css(?).
Pleasant design, BTW.
Thanks.

[docs] FAQ

  • bookmark order problem

  • macos & focusable links

    1. In System Preferences → Keyboard, in the Shortcuts pane, check the “all controls” radio at the bottom.
    2. In Firefox, type "about:config" in the URL bar create new integer: accessibility.tabfocus, and set it to 7
  • other?

light theme

css media query based on the OS

@media (prefers-color-scheme: dark) {
...
}

Suggestions to use perfect-home as a media center

I finally found this addon to create the "media-center" i always wanted.
I set the tile size to 390/180 and changed the css to this:

.bookmarks .item-folder .item-thumb {
    mask: none;
}

.bookmarks .item-title {
    display: block;
    padding: 0;
    margin-top: -140px;
    max-height: 2.3em;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    color: white;
    font-size: 30px;
    text-shadow: 3px 3px 3px #000;
}

.bookmarks .item-thumb {
    font: 0 px;
}

This leads to a large view of my media links so i can click them with a wireless mouse from my couch (I actually stopped to use my FireTV-Stick since then).

  1. However, i don't want to see my media-links on the new-tab page when i work at my PC.
    I would like to have a seperate Button that loads my "media center". There is no need for me that it is the new-tab page. Is there any possibility for this?

  2. I guess that something like a media center theme would be quite popular, so there could be some predefined css styles to choose from?

Both features (seperate button to open the media center and an optimized css style) could even be the base for a media center app based on perfect-home.

add "Feedback" link

May be as simple as a link to github issues/project with a short note:
"Please click here to provide feedback (github account is required)"

[context-menu] edit bookmark

  • edit name, url, thumb?
  • once done - context menu can also work on white space showing "Add Bookmark" with the same modal

Right-click -> Open in new tab/window

Hi,
I am used to work with Opera, now I'm trying to comeback to Firefox once more and I've discovered your great extension. Thanks!

Like in Opera, I think it would be nice to have the option of "Open in new tab" or "Open in new window"...among others, when you right-click an icon.

Thanks!
Lucas.

settings for newtab/home replacement

parent: #52
Allow users to choose whether they want to replace the newtab, homepage, both or none.
This would also require the extension to add a button to the addon toolbar, which would open its page.

Tasks

  • add extension button to the toolbar (example extension)
  • add settings to allow the user to select pages for newtab & homepage (perfect home | about:blank | about:newtab | custom url)
  • redirect from newtab/homepage to the correct location

Thumbnails not showing

Hi! thanks for the addon

Thumbnails are not showing for my items. My settings are pretty much default:

image

Pre-set "library"

parent: #52
Create a "library" of "pre-sets" (e.g. for media-center, small screens, or other weird layouts).

Tasks:

  • all customisation settings would need to be portable (not only custom CSS), so changing values in form should populate the "custom css" field, e.g.
    body  {
       --grid-max-width: 600px;
    }
  • A static page generated from github folder with screenshot and code to copy & paste
  • a more complex system that would allow to install customizations from cmd palette?
  • allow users to contribute?

improve thumbnails

currently thumbs are assigned to bookmark IDs.
should there be a selection when assigning:

  • id
  • hostname
  • hostname+path
    that would enable thumbs to be reusable...

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.