{"id":15172675,"url":"https://github.com/yustintr/storyblend","last_synced_at":"2026-02-16T05:31:10.708Z","repository":{"id":219262342,"uuid":"748598732","full_name":"yustinTR/StoryBlend","owner":"yustinTR","description":"StoryBlend is a powerful Drupal starter theme seamlessly integrated with Storybook, offering a robust foundation for building and showcasing dynamic Drupal themes. This theme follows the BEM (Block Element Modifier) methodology for writing modular and maintainable CSS.","archived":false,"fork":false,"pushed_at":"2024-02-20T09:55:18.000Z","size":4064,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"0.1.x","last_synced_at":"2025-07-22T17:34:11.710Z","etag":null,"topics":["drupal","drupal-10","drupal-theme","storybook","twigjs"],"latest_commit_sha":null,"homepage":"","language":"SCSS","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/yustinTR.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-01-26T10:44:58.000Z","updated_at":"2024-02-06T13:41:17.000Z","dependencies_parsed_at":"2024-01-29T09:06:06.828Z","dependency_job_id":"a3f48b66-46a2-4a16-8223-a7ecf244ae09","html_url":"https://github.com/yustinTR/StoryBlend","commit_stats":{"total_commits":37,"total_committers":2,"mean_commits":18.5,"dds":0.3513513513513513,"last_synced_commit":"55b1bb9eb5b60a2e53952847a21f0d633ec98e8b"},"previous_names":["yustintr/drupal-yustin-starter-theme","yustintr/storyblend"],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/yustinTR/StoryBlend","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yustinTR%2FStoryBlend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yustinTR%2FStoryBlend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yustinTR%2FStoryBlend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yustinTR%2FStoryBlend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yustinTR","download_url":"https://codeload.github.com/yustinTR/StoryBlend/tar.gz/refs/heads/0.1.x","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yustinTR%2FStoryBlend/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278532352,"owners_count":26002346,"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","status":"online","status_checked_at":"2025-10-05T02:00:06.059Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["drupal","drupal-10","drupal-theme","storybook","twigjs"],"created_at":"2024-09-27T10:02:38.198Z","updated_at":"2025-10-05T23:16:02.624Z","avatar_url":"https://github.com/yustinTR.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1\u003e StoryBlend - Drupal Starter Theme with Storybook \u003c/h1\u003e\n\nStoryBlend is a powerful Drupal starter theme seamlessly integrated with Storybook, offering a robust foundation for building and showcasing dynamic Drupal themes. This theme follows the BEM (Block Element Modifier) methodology for writing modular and maintainable CSS.\nGetting Started\n\n\u003ch2\u003eTo get started with StoryBlend, follow these steps:\u003c/h2\u003e\n\n  Use StoryBlend:\n\n    composer require yustintr/storyblend\n    \n\n  Clone the repository:\n\n    git clone  git@github.com:yustinTR/StoryBlend.git\n\n\nInstall dependencies:\n\n    npm install\n\n\u003ch2\u003eDevelopment Workflow\u003c/h2\u003e\n\u003ch3\u003eRun Storybook\u003c/h3\u003e\n\nStart Storybook to preview and develop your theme components:\n\n\n    npm run storybook\n\nVisit http://localhost:6006/ in your browser to view the Storybook.\n\n\u003ch3\u003eCompile CSS\u003c/h3\u003e\n\nCompile and build your Drupal theme using the following command:\n\n\n    npm run dev/build\n\nThis command will process your CSS files following the BEM methodology, ensuring modularity and maintainability.\n\n\u003ch2\u003eCreate theme\u003c/h2\u003e\n\nTo create a custom theme from this bases you can run the command ``` composer create-theme \u003cthemename\u003e ```\nfrom the StoryBlend folder. This will create the theme in the themes/custom folder.\nThe \u003cthemename\u003e argument is optional. When omitted the theme will be called StoryBlend.\n\n\u003ch2\u003eBEM Methodology\u003c/h2\u003e\n\nThe CSS in StoryBlend is written following the BEM (Block Element Modifier) methodology. BEM is a naming convention that helps create clear and maintainable code. Here's a brief overview:\n\nBlock: Represents a standalone component that is meaningful on its own.\n\n\n    .block {}\n\nElement: Represents a part of a block and has no standalone meaning.\n\n\n    .block__element {}\n\nModifier: Represents a different state or version of a block or an element.\n\n    .block--modifier {}\n    .block__element--modifier {}\n\nEnsure your CSS adheres to the BEM methodology for consistency and scalability.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyustintr%2Fstoryblend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyustintr%2Fstoryblend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyustintr%2Fstoryblend/lists"}