Giter Site home page Giter Site logo

ktryndchrs / nativefier-icons Goto Github PK

View Code? Open in Web Editor NEW

This project forked from nativefier/nativefier-icons

0.0 1.0 0.0 18.29 MB

Server and Icon Repository for Nativefier

Home Page: http://jiahaog.github.io/nativefier-icons

Ruby 27.90% HTML 6.02% Shell 66.08%

nativefier-icons's Introduction

Nativefier Icons

Icon Repository for Nativefier.

Nativefier will look in this repository for high resolution icons before trying to automatically infer an icon from the target Url.

The index is automatically generated with GitCloud using Jekyll.

Contributing

Feel free to submit a pull request for any .ico, .icns or .png icon!

  • .ico - For Windows
  • .icns - For macOS (Apple Icon Image format)
  • .png - For Linux

If the icons for the correct platforms are found here, the optional dependencies for Nativefier might not be required to infer an icon for that particular target web page.

Naming Convention

Name the icon file to ${PRODUCT}.${EXT}, just use the key identifier for the page.

However, if the product name is generic enough, name it as ${COMPANY}-${PRODUCT}.${EXT}, with - as the delimiter. The matching algorithm works by taking a score of the number of words matched in the file name with the target url.

Take the example of naming Google Photos for the target url https://photos.google.com/. Using photos.png is too generic, and we want it to be specific to google. Thus, we will name the icon file google-photos.png for a .png file.

Step 1

First prepare the image files, for the respective platform as stated above

A helpful tool for converting the icons is iconverticons.com.

Copy the images to ./files.

$ ls -a ./files

google-photos.png
google-photos.ico
google-photos.icns

Step 2

Add an entry for the file to ./_data/gitCloud.yml, in alphabetical order

- name: google-photos
  href: files/google-photos.png
- name: google-photos
  href: files/google-photos.ico
- name: google-photos
  href: files/google-photos.icns

Step 3

You're done! Submit a pull request with the changes and I'll merge them in as soon as possible.

Helper Scripts

The main ./addIcon script is also provided which takes an input .png or .svg and does steps 1 and 2 automatically for you.

This script only runs on OSX with XCode installed as iconutil is required for conversion to a .icns file.

Other helpful scripts are:

You need the following dependencies:

  • ImageMagick with convert and identify in your $PATH (required for .png input)
  • CairoSVG (required for .svg input)
  • iconutil: Xcode needs to be installed (required to generate .icns)

Work In Progress

  • CI tests for pull requests
  • Just use a .png or .svg and let CI convert the icons to the other formats

Credits

Some logos are sourced and converted from the really awesome svg logo repository gilbarbara/logos.

All logos appearing on the site are the property of their respective owners.

nativefier-icons's People

Contributors

jiahaog avatar krystof-k avatar mattiaaccornero avatar pkuczynski avatar swrobel avatar alexanderpepper avatar ialexryan avatar ac21 avatar austencm avatar brunolemos avatar codebucketdev avatar dennisroche avatar derekperkins avatar egmontsong avatar eladnava avatar ecogan avatar ericsaboia avatar ejjoo avatar fsavje avatar cryogenx avatar sconetto avatar matanrubin avatar kingmob avatar mvhenten avatar elfassy avatar redoxeon avatar nlbuescher avatar nicolasgeraud avatar focusaurus avatar rodrigoflores avatar

Watchers

James Cloos 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.