Git Product home page Git Product logo

zombiefox / nighttab Goto Github PK

View Code? Open in Web Editor NEW
1.6K 22.0 242.0 160.9 MB

A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks with nightTab.

Home Page: https://zombiefox.github.io/nightTab/

License: GNU General Public License v3.0

CSS 21.07% HTML 0.05% JavaScript 78.62% Shell 0.01% TypeScript 0.25%
startpage start-page newtabpage new-tab-page tab chrome-extension extension bookmarks links nighttab

nighttab's People

Contributors

alexesprit avatar dizyaa avatar hartk1213 avatar jackymancs4 avatar jpenilla avatar metruzanca avatar mrfredber avatar s-rog avatar spikecodes avatar sytone avatar varlevi avatar zombiefox 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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

nighttab's Issues

Make items groupable

Please add the ability of grouping several tiles to provide a better optical structuring of the page. For example I would like to group all bookmarks for dictionaries, blogs/forums, social networks etc. in seperate areas each, which are separated by greater gaps or line breaks.

To illustrate this I photoshoped an example based on my own startpage with sperate areas for forums, dictionaries, encyclopedias and video pages.
suggestion

The groups could arrange themselves in rows or columns and float freely over the page (like the tiles do at the moment) as long as the gap is sustained. The items should be draggable between groups. Additionaly there could be the ability to add headlines to the groups or different group accents or background shades.

Override accent for specific tiles

I'd like to make the accent for some tiles a different color. as the association to a website's branding is quite important.

e.g.

  • Facebook tile overwrite the accent to be blue.
  • Youtube tile overwrite the accent to be red

I think all you'd need UI wise would be a color picker on the tile's edit pop up would be great.

Saving configuration outside the browser's local storage (or backing up)?

Is there a way to save the configuration like as a file that you can restore or in the folder of the install? Or maybe get the configuration from the local storage from the browser and be able to restore it into the browser? Because it can be annoying to have to set up the webpage again every time local browser storage is cleared.

Light Mode

Hey @zombieFox!

I love this project, it's by far the best custom start page out there. I think the dark mode is really great but a light mode would be nice too. Hopefully, this wouldn't be too difficult to add, just swapping out some of those --gray's for --white and maybe creating new variables in the base.css file.

Good luck and keep up the amazing work! 👍

Data Setting missing in Firefox

Firefox crashed and upon restarting the computer nightTab was reinstalled. I went to import my backup and the 'Data' tab in the Settings menu is missing.

Any way to get that back?

Additional keyboard shortcut ideas

I think it would be cool if you could search via the individual letters, e.g. YT would return YouTube, AZ for Amazon, and so on. And then to improve on this, hitting Enter could open the site directly.

I did something similar on my repo Start, using the JS library Mousetrap for what it's worth.

Local Background file not loading. (Firefox)

OS : Windows 10
Firefox : Version 68.0.1
NightTab : 3.61.0 (Addon)

When selecting a local background file, no background appears. Using a URL works fine. (I've also exported my backup.json to chrome, and everything works fine there.)

Attached is a copy of the error log that appears in console:

nightTab version 3.61.0 init.js:2:9
data version 3.61.0 no need to run update data.js:46:17
Error in parsing value for ‘-webkit-text-size-adjust’.  Declaration dropped. reset.css:10:29
Unrecognized at-rule or error parsing at-rule ‘@-ms-viewport’. reset.css:15:14
Unknown property ‘text-decoration-skip-ink’.  Declaration dropped. reset.css:61:28
Unknown property ‘speak’.  Declaration dropped. icons.css:16:9
Unknown property ‘-moz-osx-font-smoothing’.  Declaration dropped. icons.css:24:27
Unknown property ‘speak’.  Declaration dropped. form.css:198:9
Unknown pseudo-class or pseudo-element ‘-moz-color-swatch-wrapper’.  Ruleset ignored due to bad selector. form.css:332:21
Ruleset ignored due to bad selector. form.css:428:43
Ruleset ignored due to bad selector. form.css:434:43
Unknown property ‘user-select’.  Declaration dropped. link.css:104:15
Unknown property ‘-moz-osx-font-smoothing’.  Declaration dropped. fontawesome.css:10:27
Stylesheets without CSSOM changes reparsed to check for errors. Refresh the page to also see errors from stylesheets changed from CSSOM and from style attributes.

This log was taken after clearing the addon data and closing / reopening firefox.
I then loaded a local background file, but the error log was the same, (even after closing / reopening)
Loading a URL background also resulted in the same errors, but does display a background.

Publish Chrome Extension / Installation

Hi, loving the extension.

Is it possible for you to pack and publish it to the chrome web store? loading the unpacked extension periodically displays:

Disable Developer Mode Extensions
Extensions running in developer mode can harm your computer. If you're not a developer, you should disable these extensions running in developer mode to stay safe.

With no options to repress the message.

An official packaged extension published to the webstore that I can install from would be the ideal fix :)

White flash

Every time I open a new tab with this extension is installed I get a brief white flash. Is there a way to fix that? I don't get that quick white flash when I don't use the extension.

Page Title resets to "New Tab" on a refresh.

Windows 10, Firefox 68.0.1
NightTab 3.61.0 Extension

Page title gets reset to "New Tab" on refresh. In Settings>Layout it correctly reflects what I've set it to before. If I type something in there, the page title updates properly, but gets reset again on refresh / opening new tab.

request: wallpaper list randomizer

Is it possible to have a text box where we can add in a link to a wallpaper, and it adds it to a list where we can also choose to delete a wallpaper (click link to highlight / set focus/index?) then a button to delete that selected url?

Have an option that on page shown, it will pick a url at random (or as close as random can be...) and set that image as the background. if this option is not checked/ticked, it will just keep on using the default, not random wallpaper.

IDK if i explained this the correct way, i want to say 'this seems easy enough to do', but that's never the case, really. It's just an idea is all. I showed off nightTab to several friends and all of them asked if it had a wallpaper randomizer built in... I had to say no, so I thought I would go do a request for it. Thanks!

Display the saved bookmarks from Google Chrome

I'd be nice that there's an option that lets you load your saved bookmarks from Chrome Browser, and display them into the new tab page.

AFAIK, it needs some permissions on the manifest for the app, and load those bookmarks as the data the app reads to display the tiles.

With the other issues (#74, #49 and #62), you can even read the bookmark's folders and group the URLs into categories as well.

This is for new users, so it is easier and faster for them to have everything set up and ready in just a couple of seconds (instead of spending +15 minutes depending on how many bookmarks you have stored)

Feature Request: Category support

somewhat related to #49, it would be great to have the ability to group a collection of bookmarks into separate sections/categories.

I was just thinking having each section having their own subheader/icon/grouping to have a more visually partitioned UI.

Home page doesn't load NightTab

When I open Firefox, the Home Page is not NightTab. It is the default newtab. The same when I open about:newtab :

16-08-2019_1208_1525x774

But when I press ctrl + T, the (beautiful) NightTab page opens :

16-08-2019_1208_1596x871

I've seen that in the preferences, the New Tab section is controlled by NightTab but not the Home Page.

Do you know how to fix this ? I would love to have your page as home page.

add font awesome as a dependency

  • Add font awesome as dependency using npm
  • Reference in the dev/build process
  • Make it easy to update icons when new ones are released

Customization Enhancements

Hey @zombieFox!

I had a few ideas that might help the progression of this project even if not all of them can be added:

  • As I mentioned in a previous issue, maybe add a light mode.
  • Replace the default accent color picker with a custom one because platforms like Windows have awful UI color pickers:
    image
  • In a tooltip, show the full URL of bookmarks because sometimes long URLs get cut off:
    image
  • Allow users to choose the time zone of the clock.
    image
  • Possibly, hook up the background image system to Unsplash API so that users can get a randomized background image.
  • Adjustment of the Top Border's width:
    image
  • Add customization of the vignette around the outside:
    image
  • Eventually instead of letters maybe have icons that users can set to show off the bookmark:
    image
  • Allow customization for padding between bookmarks:
    image
  • Have an option to show the month number (eg. March = 03) instead of the name:
    image
  • Also for localization, adding more control over the date ordering. For instance allowing: Month/Date/Year instead of Date/Month/Year.

Hopefully some of these can be added and that I helped contribute in some way!

Cheers,
Spike

Dragging Bookmarks

Wish it worked the same way to the left as it does to the right.

When moving a block to the right, it highlights the first position <-- great! but when dragging to the left, you have to drag 2 positions to get it one block away, if it makes sense.

can't scroll in preferences in Safari

Actually you can scroll the preferences, but if the clock is showing seconds it jumps back to the top with the tick of each second. I'm not fast enough to scroll down and untick seconds before it is back at the top.

I realize Safari isn't officially supported, but maybe seconds could be disabled by default unless a fix is found?

Version 3.61.3, Safari 12.1.2.

Update: Actually it doesn't matter if seconds is on or not. I managed to export a config from Chrome and import to Safari successfully. Even without seconds displayed, every second the preferences jumps back to the top, guessing this is during some update loop?

Can't load URL with -

Trying to go to a URL with a - in the string, this case https://server.somewhere.com/some-service

When clicking the URL the server name is replaced with a string http://bc8cb7701c5b/some-service and not the actual server name resulting in an error.

Happens in Chrome and Firefox.

Profiles for Simplifying Bookmarks on machine

Would like one option to sync my data via chrome storage with a named profile, but not persist the selected profile.

For example, a profile selected at "work" could have all the work links I want to use. A profile at home would have my home links.

While the Chrome storage would allow backing up my data, the selected profile is not one of those data points, preventing me from having to constantly fix the profile selected at a different machine.

request: 'folder/stacks' feature

So, a request idea, is it possible to implement a Windows 10 Start Menu like feature, as where you can take tiles, drag and drop them on another tile, and a 'folder/stack/group' is made that has just the dropped links in there? say that middle-clicking would open the folder, say, have the main bookmarks area slide off to the side, and the bookmarks show up in the area, and have a 'return' button to go back to the main page/area... this would make organizing the links easier, and also help keep the main page cleaner.

a secondary, and less important idea for the folder/stack/group, is that if you middle-click on the folder, have the page open all of the links in the folder in new tabs. i realise that this may be harder to implement, maybe having the page parse the folder's links file for that stack and then do a for x = 0 to link.max; opentab link.x; next x .... just an idea.

Save preferences?

Maybe it's a silly question, but is there a way to save the customized bookmarks? Using v1, without a reason I lost my configuration.

clear out data?

how can i clear out nighttab's data from chrome (and firefox would be handy to know too)? something is wrong with my config, i have a complete blank page now. i tried removing the extension and re-adding it, but still have a blank page. i'm suspecting my data is corrupt. can't find any cookies for it.

thanks!

request: startup tab

can there be an option to make nightTab the default startup tab? first tab that opens when you start firefox/chrome?

Export Data Not Working on Chrome

Chrome Version: Version 77.0.3865.120 (Official Build) (64-bit)
nightTab Version: Version 3.80.0

Export Data button is not working

Disable Remove bookmark setting

When editing a bookmark I accidentally removed one & now have to modify 30 bookmarks to achieve the layout I had.

Would it be possible to add a "disable remove button" setting to protect people like me from myself?

Firefox addon

I tried to package it for myself and it just worked out of the box. If you want to do it :

  • Zip your repo. Exclude the screenshot folder, it's useless and huge (from 10MB to 1.1MB)

  • Publish and sign it via AMO

  • You're done ! 😃

I did one for myself, you can find it here. It's the xpi file.

Thanks for this amazing startpage !

[Visual Bug] 1 pixel wide vertical offset on a hovered tile shadow.

Occurs with "List" style with "Grow on tile hover" enabled. It's not noticeable when either "Tile line" or "URL on hover" is enabled.
Screenshot (83)
Also occurs with "Block" style with "Grow on tile hover" and "Tile line" enabled and "URL on hover" disabled.
Screenshot (84)

This is super important, really.

Page header background color for use with VivaldiFox

Kind of a niche use case here I guess.
Since the earliest versions of NightTab I've been able to use VivaldiFox (Github) (AMO) to color the browser's toolbars the same color as NightTab's header shade.
Screenshot
With the latest version though, assuming because of the header logic or layout control changes, VivaldiFox fails to load the right color, selecting some grey shades apparently picked while NightTab is still loading.

If I may suggest a workaround, VF still seems to load the accent color as the toolbar color when there is a border on top of the shade. So maybe a toggle for the border color to switch between accent color and the shade's natural color (before taking into account the opacity settings)?
This should make sense with the new layout options so you can have, for example, a transparent shade below the bookmarks with the dark grey borders on top and/or bottom.

Search with other engine

The search section is always performed by Google.

Would it be possible to search with something else, like DuckDuckGo ?

Flash

Hello! Sorry to open a issue again. But I made a 5 second video of the screen flashing white on opening a new tab. I saw in the commits its fixed but I'm still getting them

https://youtu.be/9SH7PLFLTK8

Search match on URL or Name

Current search logic is to match on name if url is not defined.
Which means a bookmark with a matching name is only returned as a fall back.

Improve search so both name and url is checked for a match.

hosting site

Is anything extra required to host this site on an nginx server?

I've run the npm install run inside the src folder along side installing gulp... I dont get a new build/run folder though. (I didn't on my Mac either). And I'm making a /location in nginx that has an alias to the folder on my server. But I just get a blank blue page that looks like its trying to run.

backfround color

I messed up this post - new post below

edited: tried to delete it but found no option for it

Ability to order bookmarks manually

Hey! Loving the project, it works great for me. I was curious if there's any plans in the works for allowing users to manually sort the bookmarks?

Default customization

Hello, I was wondering where is possible to change the default settings like background-colors, colors and default bookmarks.

Cheers.

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.