{"id":21995178,"url":"https://github.com/redhataccess/documentation-svg-assets","last_synced_at":"2025-04-30T17:26:23.976Z","repository":{"id":40822241,"uuid":"262124235","full_name":"redhataccess/documentation-svg-assets","owner":"redhataccess","description":null,"archived":false,"fork":false,"pushed_at":"2023-03-23T16:00:08.000Z","size":53300,"stargazers_count":9,"open_issues_count":9,"forks_count":9,"subscribers_count":21,"default_branch":"master","last_synced_at":"2025-03-30T18:22:09.366Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/redhataccess.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-05-07T18:08:59.000Z","updated_at":"2025-02-06T01:01:10.000Z","dependencies_parsed_at":"2023-02-15T11:15:22.648Z","dependency_job_id":null,"html_url":"https://github.com/redhataccess/documentation-svg-assets","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redhataccess%2Fdocumentation-svg-assets","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redhataccess%2Fdocumentation-svg-assets/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redhataccess%2Fdocumentation-svg-assets/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redhataccess%2Fdocumentation-svg-assets/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/redhataccess","download_url":"https://codeload.github.com/redhataccess/documentation-svg-assets/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251750315,"owners_count":21637700,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-29T21:12:37.452Z","updated_at":"2025-04-30T17:26:23.951Z","avatar_url":"https://github.com/redhataccess.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Red Hat Diagrams in SVG\n\n\u003e For any questions or help, please contact wesruv@redhat.com \u0026 cpfed@redhat.com\n\nThis repo is to facilitate collaboration on diagram content via git, and to create production ready SVG's.\n\nCollaboration should happen in the `source` folder, get the optimized SVG from the `for-web/` folder.\n\n## Folders \u0026 Purpose\n\n\n## Getting setup to optimize SVGs\n\n\u003e ! These instructions are written for Linux and Mac\n\nFirst install Node JS on your system: https://nodejs.org/en/download/\n\nThen open a terminal window, navigate to this folder and run:\n```shell\nnpm install\n```\n\nThis will install the tools needed to optimize the SVGs\n\n### Enabling automatic SVG optimization\nTo enable SVG optimization on every git commit (on your machine) run these two commands in this folder from the terminal:\n\n```shell\ncp .git-hooks/* .git/hooks/\nchmod +x .git/hooks/*\n```\n\nThis adds some commands that will run pre and post git commit to automatically optimize the SVG's for you.\n\n### Running SVG optimization manually\nRun this command at any time to optimize all of the SVG's in the `source/` folder, the result will be added to `for-web/`:\n\n```shell\nnpm run build\n```\n\n### Working with this repository as a designer\n\nThe process for working with Github to back up your work is documented here:\nhttps://docs.google.com/document/d/1zL_ukCnBpFHzqlUo9aO4IK8fIndYx5coyATl43d5Enw/edit?usp=sharing\n\nSince the work is being reviewed outside of Git (currently email) the process for a designer creating new graphics is:\n\n1. Create image in Illustrator\n\n2. Save out SVG by going to File \u003e Export \u003e Export for Screens\n\n3. Make sure it's exporting an SVG in the right column\n\n4. Go to the Export Settings by clicking on the gear above the export types\n\n  ![Click the gear icon in the right column next to the export filetypes](docs/images/export-settings.png)\n\n5. Click SVG in the left column, then reproduce these settings:\n\n  ![Styling: Internal CSS, Font: Convert to Outlines, Images: Linked, Object ID's: Unique, Decimal 3, Leave minify and responsive unchecked](docs/images/svg-settings.png)\n\n6. For a new diagram create a new folder in this project under `source/`\n\n7. Commit update (which should run SVG optimization and add it to `for-web/`)\n\n8. Push up result\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fredhataccess%2Fdocumentation-svg-assets","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fredhataccess%2Fdocumentation-svg-assets","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fredhataccess%2Fdocumentation-svg-assets/lists"}