Giter VIP home page Giter VIP logo

emilyxietty / ghiblify2-newtab-chrome Goto Github PK

View Code? Open in Web Editor NEW
18.0 1.0 1.0 71.35 MB

New tab chrome extension that uses studio Ghibli works. Very customizable.

Home Page: https://chromewebstore.google.com/detail/ghiblify-new-tab/kdaipjfpbngmcginhhahacjkkkpbaefh

HTML 7.49% CSS 13.32% JavaScript 79.19%
anime background-image-overlay chrome-extension manifest-v3 newtab studio-ghibli weather-forecast

ghiblify2-newtab-chrome's Introduction

marquee-giblify

heen-small ghiblify new tab chrome extension

Replace new tab page with a personal, studio ghibli-inspired tab, tailored to your liking. Every refresh is another chance for another picture. This page is flexible to many preferences, allowing you to get the most out of every new tab.

I was always inspired to make this because I was always a bit sad that many commonly used new tab chrome extensions had paywalls that stopped me from further customizing my themes. Studio Ghibli is nostalgic and soothing, known for Hayao Miyazaki's captivating visual style. They recently (in 2020/2021) released 1,000 pictures for personal use, making this extension possible.

**UPDATE 1.1.5: ** MAJOR UPDATES Changed Logo

**UPDATE 1.1.0: ** MAJOR UPDATES

โœจ Features โœจ
๐ŸŒ„ Curated collection of studio ghibli photos, free for personal use by studio ghibli
โœ๏ธ Easy access customization bar on left when you move your mouse left
โ“ Customize which movies you would like to see backgrounds for
๐Ÿ”† Customize brightness, saturation, contrast, and blur of backgrounds
โค๏ธ select favourites in the left-hand bar (choose to show these exclusively)
๐Ÿ—‘๏ธ remove backgrounds you do not want in your rotation
๐Ÿง  beta animated background (calm)
๐Ÿ‘‰ NEW user-adjusted right hand bar, saves preferences
๐ŸŒก๏ธ NEW fahrenheit + celsius adjustment for weather
๐Ÿ˜ฎโ€๐Ÿ’จ NEW mindfulness widget (click to switch to others)
๐Ÿ“ NEW notes widget
โณ NEW promodoro timer widget
๐Ÿ”— NEW quicklinks widget
๐ŸŒ  FASTER image loading
โ˜”๏ธ FASTER weather widget

๐Ÿ˜” Youtube music temporarily down for Google's new cookies and webpage access policies.

๐Ÿ’ป Widgets you can put on dashboard: Clock, search bar, movie information, to-do list
๐Ÿ’ป Toggle widgets on and off on left-hand bar
๐Ÿ’ป Freely drag widgets across screen
๐Ÿ’ป Click clock to convert to 24-hour/12-hour clocks
๐Ÿ’ป Click movie information to customize format (name, Japanese name, screen time, quote, year released)
๐Ÿ’ป Right click to-do list to cross out items
๐Ÿ’ป Click right hand side of search bar to switch between Google, Duckduckgo, Bing, and Yahoo
chrome-capture-2022-3-25 (4) chrome-capture-2022-3-25 (2)

โœ… Move mouse to right side of screen to access widgets (breathing, weather, gif)
โœ… Toggle widgets on and off

Usage

All pictures taken from online sources, credit to Studio Ghibli.

Browser Permissions

These are the permission that the manifest.json asks for:

  • Storage: To store the data relating to preferences and widgets
  • Geolocation: To access weather information from OpenWeather API
  • Tabs: to oepn in new tab

Code

  • JQuery
  • JavaScript
  • HTML
  • CSS

ghiblify1 ghiblify2 ghiblify3 ghiblify4 ghiblify5

ghiblify2-newtab-chrome's People

Contributors

emilyxietty avatar

Stargazers

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

Watchers

 avatar

Forkers

pattisoj

ghiblify2-newtab-chrome's Issues

Allow for resizing of the Search Bar & README change

I have been using this extension for a little while and really like it. I think it would be excellent if you could also resize the search bar. I have been working on this feature and will raise a PR as soon as this issue is posted. I wanted to raise it incase you wanted to work on it yourself.

I also noticed that there was a small formatting issue in the README which could be addressed simply by adding one additional <br> tag on line 31:

https://github.com/emilyxietty/ghiblify2-newtab-chrome/blob/53a901bd9e18a2096527c6ef2b91b018d14c715d/README.md?plain=1#L31-L34

The above code causes line 32 to not start below the image/gif:

Screenshot 2022-10-07 at 12 42 40

(I also addressed this in the following PR)

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.