{"id":20672105,"url":"https://github.com/workarea-commerce/workarea-super-hero","last_synced_at":"2025-07-21T03:04:02.018Z","repository":{"id":35074086,"uuid":"203652107","full_name":"workarea-commerce/workarea-super-hero","owner":"workarea-commerce","description":"We can be heroes. Just for one day.","archived":false,"fork":false,"pushed_at":"2023-01-04T09:15:01.000Z","size":600,"stargazers_count":0,"open_issues_count":8,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-07-13T17:06:02.441Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"Ruby","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/workarea-commerce.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-08-21T19:34:43.000Z","updated_at":"2020-12-14T14:51:16.000Z","dependencies_parsed_at":"2023-01-15T13:30:16.405Z","dependency_job_id":null,"html_url":"https://github.com/workarea-commerce/workarea-super-hero","commit_stats":null,"previous_names":["workarea-commerce/workarea-super_hero"],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/workarea-commerce/workarea-super-hero","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/workarea-commerce%2Fworkarea-super-hero","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/workarea-commerce%2Fworkarea-super-hero/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/workarea-commerce%2Fworkarea-super-hero/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/workarea-commerce%2Fworkarea-super-hero/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/workarea-commerce","download_url":"https://codeload.github.com/workarea-commerce/workarea-super-hero/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/workarea-commerce%2Fworkarea-super-hero/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266231762,"owners_count":23896473,"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-16T20:32:04.005Z","updated_at":"2025-07-21T03:04:01.982Z","avatar_url":"https://github.com/workarea-commerce.png","language":"Ruby","funding_links":[],"categories":[],"sub_categories":[],"readme":"Workarea Super Hero\n================================================================================\n\n\u003eGive your content super powers!\n\nSuper Hero plugin for the Workarea platform.\n\nFeatures\n--------------------------------------------------------------------------------\n\nSuper hero provides a fleshed out set of content tools that allows admin users to deliver beautiful content easily.\n\n## Media Modes\n\nMedia Modes offers a set of options that dictate how media will be rendered\n\n### Resize mode\n\nStretches/squishes media to fit the viewport or container.\n\nautomatically deteects and retains the aspect ratio of the chosen media\n\n### Crop Mode\n\nAllows the admin to select a 'crop to' location (left, center, right)\n\nThe image will maintain it's original height and crop to the designated location as the browser is resized\n\n### Switch Mode\n\nAllows the user to select up to 3 images which are rendered as a \u003cpicture\u003e element\n\n### Video Mode\n\nProvides the Admin user with a text area input to paste in a full embed code from Vimeo or Youtube\n\nThe full iframe embed code must be provided, this will be parsed in the view model and constructed into a responsive iframe on the store front.\n\n## Color Pickers\n\nSuper hero provides a full color picker for both text and background colors. Brand colors can be configured on a per-installation basis inside the super_hero_tasks.rake file.\n\nThe background color picker also provides a range slider and text input to control opacity. This accepts values between 0 - 100 and is converted to an alpha channel in the view model.\n\n\u003eCurrently browser support for input type='color' is patchy, a polyfill is in the works to allow users on unsupported browsers to use this functionality.\n\n## Content Positioning\n\nThe admin user is able to select from 9 content positions using a sweet SVG UI element. By default a position offset of 5% is defined, you can override the $positioning-offset scss variable in your host application to customize the space between content and the edge of the block.\n\nVideo Embedder\n--------------------------------------------------------------------------------\n\nSuper hero includes a VideoEmbedder service which parses youtube and vimeo iframes\nand generates iframe parameters.\nThe embedder accepts the iframe embed code and a set of options.\nOptions are part of the advanced_video Content::Field and include: loop, autoplay,\nand mute functionality.\n\nThe plugin also includes js player API integrations for youtube and vimeo.\nThis enables the mute functionality and fires events to Workarea analytics.js.\nIn order to use those analytics events in your host application you will need\nto write analytics adapter callbacks for the service you wish to send the data to.\n\nExample callbacks:\n```\n'vimeo': function (payload) {\n    send('send', payload.eventCategory, payload.eventAction, payload.eventLabel, payload.eventValue);\n},\n\n'youtube': function (payload) {\n    send('send', payload.eventCategory, payload.eventAction, payload.eventLabel, payload.eventValue);\n},\n```\n\nGetting Started\n--------------------------------------------------------------------------------\n\nAdd the gem to your application's Gemfile:\n\n```ruby\n# ...\ngem 'workarea-super_hero'\n# ...\n```\n\nUpdate your application's bundle.\n\n```bash\ncd path/to/application\nbundle\n```\n\nConfiguration\n--------------------------------------------------------------------------------\n\nSuperhero implements a content block type which no longer requires any initial\nconfiguration. You may wish to override the config for the block type in order\nto change the preset colors for background and text color pickers.\n\nWorkarea Commerce Documentation\n--------------------------------------------------------------------------------\n\nSee [https://developer.workarea.com](https://developer.workarea.com) for Workarea Commerce documentation.\n\nLicense\n--------------------------------------------------------------------------------\n\nWorkarea Super Hero is released under the [Business Software License](LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fworkarea-commerce%2Fworkarea-super-hero","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fworkarea-commerce%2Fworkarea-super-hero","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fworkarea-commerce%2Fworkarea-super-hero/lists"}