Giter Club home page Giter Club logo

estuary's Introduction

Estuary

Visualizes the story an artifact takes in the Red Hat build to release pipeline.

Development

To setup a development environment, make sure you have npm installed.

Once npm is installed:

  • Run npm install to install the dev and production dependencies
  • Run ng serve --open to start the development server that uses your local Estuary API.
  • Once the development server is up, your browser will open up to http://localhost:4200/

Run the Unit Tests

Run ng test to execute the unit tests via Karma.

Adding an SVG Icon to the Font

The "estuary-icons" font is generated using IcoMoon.

To modify the fonts:

  • Navigate to the IcoMoon projects page
  • Click on "Import Project"
  • Select estuary-icomoon.json from the root of the repo
  • Click "Load" next to the loaded project called "Estuary"
  • You'll now be at a page that shows the "Estuary" icon set
  • Click on the hamburger button associated with the "Estuary" icon set and click on "Import to Set"
  • Select the SVG you want to add and now your SVG will appear in the "Estuary" icon set
  • Select the new icon in the "Estuary" icon set
  • Click on "Generate Font"
  • Click on the "Download" button and this will download a zip file with a "fonts" folder with four files
  • Rename all those font files to be estuary-icons.* instead of icomoon.*
  • Replace the "icomoon" ID with "estuary-icons" in the "estuary-icons.svg" file
  • Add an entry in src/styles.css for your new icon as such (replacing freshmaker with your icon name and \e901 with the actual character code):
    .estuary-icon-freshmaker:before {
        content: "\e901";
    }
  • Replace the font files in src/assets/fonts with the new files
  • The new icon will now be ready to be used by using the class defined above
  • Once you've tested things work properly, generate the updated JSON by going to the IcoMoon projects page](https://icomoon.io/app/#/projects) and clicking on "Download" next to the "Estuary" icon set
  • Replace estuary-icomoon.json with the updated JSON file

estuary's People

Contributors

mprahl avatar sarah256 avatar yashvardhannanavati avatar gnaponie avatar angular-cli 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.