{"id":20063455,"url":"https://github.com/vanilla-os/website","last_synced_at":"2025-04-06T12:07:59.121Z","repository":{"id":65668925,"uuid":"543752746","full_name":"Vanilla-OS/website","owner":"Vanilla-OS","description":"Official Vanilla OS Website.","archived":false,"fork":false,"pushed_at":"2025-03-06T08:22:04.000Z","size":84276,"stargazers_count":53,"open_issues_count":17,"forks_count":34,"subscribers_count":5,"default_branch":"v2","last_synced_at":"2025-03-30T11:06:27.853Z","etag":null,"topics":["frontend","hacktoberfest","vanillaos","vite","vue","website"],"latest_commit_sha":null,"homepage":"https://vanillaos.org","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"agpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Vanilla-OS.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"vanilla-os","liberapay":"fabricators"}},"created_at":"2022-09-30T19:10:40.000Z","updated_at":"2025-03-21T21:18:34.000Z","dependencies_parsed_at":"2023-02-18T04:30:45.763Z","dependency_job_id":"49c41ec4-e8b1-4296-ad29-d91eb5079b10","html_url":"https://github.com/Vanilla-OS/website","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/Vanilla-OS%2Fwebsite","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Vanilla-OS%2Fwebsite/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Vanilla-OS%2Fwebsite/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Vanilla-OS%2Fwebsite/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Vanilla-OS","download_url":"https://codeload.github.com/Vanilla-OS/website/tar.gz/refs/heads/v2","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247478318,"owners_count":20945266,"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":["frontend","hacktoberfest","vanillaos","vite","vue","website"],"created_at":"2024-11-13T13:42:19.358Z","updated_at":"2025-04-06T12:07:59.104Z","avatar_url":"https://github.com/Vanilla-OS.png","language":"Vue","funding_links":["https://github.com/sponsors/vanilla-os","https://liberapay.com/fabricators"],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\u003cimg src=\"logo-white.png#gh-dark-mode-only\" height=\"40\"\u003e\n\u003cimg src=\"logo.png#gh-light-mode-only\" height=\"40\"\u003e\n\n\u003chr /\u003e\n\u003cp\u003eThis source code is distributed under the \u003ca href=\"LICENSE\"\u003eAGPL 3.0\u003c/a\u003e\nlicense, while Vanilla OS is a product of \u003ca href=\"//fabricators.ltd\" target=\"_blank\"\u003efabricators.ltd\u003c/a\u003e.\n\nPlease note that all assets on this website are owned by fabricators.ltd and\nthe Vanilla OS Contributors Team.\u003c/p\u003e\n\u003c/div\u003e\n\n## Development\n\n### CSS Convention\n\nOur framework follows the [BEM (Block, Element, Modifier)](https://en.bem.info/methodology/quick-start/)\nconvention for CSS classes.\n\nColors are defined in the `assets/css/colors/default.css` and `assets/css/colors/dark.css`\nfiles, they must be unique and not overlap with each other.\n\nEach new component (block) must be defined in a separate file in the `assets/css/components`\ndirectory and must follow the following structure:\n\n```css\n.block {\n    /* Color Variables */\n    --block-color: var(--color-primary);\n    --block-element-color: var(--color-secondary);\n}\n\n.block {\n    /* Block Styles */\n    background-color: var(--block-color);\n}\n\n.block-element {\n    /* Element Styles */\n    background-color: var(--block-element-color);\n    width: 100px;\n    height: 100px;\n}\n\n.block--modifier {\n    /* Modifier Styles */\n    width: 200px;\n    height: 200px;\n}\n\n/* Media Queries */\n```\n\n### Build and Run\n\nTo run the Vanilla OS website locally, you need to have [Vue.js](https://vuejs.org/) and\n[Vite](https://vitejs.dev/) installed.\n\n#### Build articles index\n\n```bash\npnpm generate-articles\n```\n\n#### Run the website locally\n\nThis will also build the articles index.\n\n```bash\npnpm dev\n```\n\n## Production Build\n\nThis will also build the articles index.\n\n```bash\npnpm build\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvanilla-os%2Fwebsite","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvanilla-os%2Fwebsite","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvanilla-os%2Fwebsite/lists"}