Giter Club home page Giter Club logo

openshift-logos-icon's Introduction

OpenShift Logos Icon Font

To view a list of all the glyphs in the font along with their codes/ligatures visit:

https://rawgit.com/openshift/openshift-logos-icon/master/demo.html

Contributing

Important: Updates to this repository are only required if you are targeting OpenShift console 3.6 or earlier. Starting in OpenShift 3.7, icons are mapped to and replaced with images (SVG, PNG, etc.), so there is no need to update this repo to add a new icon. For 3.7 - 3.11, see openshift/origin-web-console#3146 for an example of how to add a new icon as an image. For 4.1+, see openshift/console#2638.

Getting Started

Development dependencies are managed using NPM; therefore, NPM is required.

npm install

Modifying Font Files

The font files are generated using IcoMoon.

Go to Manage Projects

image

Import the project selection.json and Load it:

image

To add new icons to the set, click on the right-hand kabob menu and select “Import To Set”.

image

Move the newly added icon(s) to the end of the list (by default, icomoon adds them to the beginning). This prevents the re-indexing of all icons, thus reducing the diff in selection.json.

Ensure the new icons you added are selected.

Generate the font files by clicking on the “Generate Font” button at the bottom of the page:

image

In that same location, click on the “Download” button. This will download a zip file. Expand the zip file and copy the following (overwriting your existing files):

  • demo-files
  • demo.html
  • fonts
  • selection.json

Update less/variables.less and less/openshift-logos-icon.less with your new icons.

Run a build.

Building

Builds are done via Grunt.

grunt

Releasing

To release a new version version, edit bower.json and package.json accordingly.

Update the version listed in bower.json by editing the file and changing the line:

"version": "<new_version>"

Update the version listed in package.json by editing the file and changing the line:

"version": "<new_version>"

Commit the version bump:

git commit -a -m "Version bump to <new_version>"

Tag and push upstream (assuming you have commit access):

git tag <new_version>
git push && git push --tags

The Bower package manager determines available versions and installs based upon git tags, so the new version will now be automatically available via Bower.

To publish a new version to npm, execute:

npm publish

openshift-logos-icon's People

Contributors

jpkrohling avatar rhamilto avatar sedroche avatar spadgett avatar

Watchers

 avatar  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.