{"id":13871843,"url":"https://github.com/vapor/design","last_synced_at":"2025-06-16T04:15:23.048Z","repository":{"id":65947169,"uuid":"527931619","full_name":"vapor/design","owner":"vapor","description":"Contains the reference designs and build pipeline to generate all design files for Vapor's sites","archived":false,"fork":false,"pushed_at":"2024-11-14T12:44:13.000Z","size":81505,"stargazers_count":24,"open_issues_count":6,"forks_count":2,"subscribers_count":16,"default_branch":"main","last_synced_at":"2024-11-14T13:38:43.740Z","etag":null,"topics":["css","design","publish","vapor","webpack5"],"latest_commit_sha":null,"homepage":"https://design.vapor.codes","language":"Swift","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/vapor.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":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["vapor"],"open_collective":"vapor"}},"created_at":"2022-08-23T10:03:27.000Z","updated_at":"2024-11-14T12:44:15.000Z","dependencies_parsed_at":"2023-04-21T08:17:17.258Z","dependency_job_id":"a49e8dfd-4cc8-41ad-b619-2620f38129f8","html_url":"https://github.com/vapor/design","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/vapor%2Fdesign","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vapor%2Fdesign/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vapor%2Fdesign/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vapor%2Fdesign/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vapor","download_url":"https://codeload.github.com/vapor/design/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":226089987,"owners_count":17572112,"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":["css","design","publish","vapor","webpack5"],"created_at":"2024-08-05T23:00:27.971Z","updated_at":"2024-11-23T19:31:27.118Z","avatar_url":"https://github.com/vapor.png","language":"Swift","funding_links":["https://github.com/sponsors/vapor","https://opencollective.com/vapor"],"categories":["Swift","SCSS"],"sub_categories":[],"readme":"# Vapor Design\n\nThis repo contains all of the materials used for building out Vapor's design across its many sites, built on top of Bootstrap. It contains the reference designs and files from designers in [Reference](/Reference/) and build pipelines and code to generate the necessary files to be included in Vapor's sites. These are automatically deployed to https://design.vapor.codes - hosted on our CDN - and then included in the different sites.\n\nThe repo also contains a `VaporDesign` Swift library that includes a number of components for working with [Publish](https://github.com/JohnSundell/Publish) and the design guide, such as a `SiteFooter` and `SiteNavigation` component.\n\n## Running\n\nTo build the design files you'll need [NPM](https://www.npmjs.com) installed (you should probably use [nvm](https://github.com/nvm-sh/nvm) to manage this). Then, run:\n\n```bash\nnpm install \u0026\u0026 npm run build\n```\n\nThis compiles the JavaScript and CSS from Sass and copies over any other static files into the Output directory.\n\nTo run the demo site, run:\n\n```bash\nswift run\nnpm install \u0026\u0026 npm start\n```\n\nThis generates the HTML for the site then copies over the additional files.\n\n\u003e **Warning**\n\u003e Currently Publish will empty the `Output` directory before regenerating the files meaning that all the CSS, JS and images will be removed. You **must** run `npm start` or `npm run build` after generating the HTML for the styles to work. Any changes to JS or CSS will automatically be picked up.\n\nThen open the site at http://localhost:8001\n\n## Copyright\n\nAll the designs and images in this repository are the copyright of Vapor and QuTheory LLC and not part of Vapor's open source code.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvapor%2Fdesign","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvapor%2Fdesign","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvapor%2Fdesign/lists"}