https://github.com/sdras/hero-generator

🦸🏻‍♀️Hero Generator! Create a nice hero image for your site or app
https://github.com/sdras/hero-generator

background background-image browerfold cover css-generator full-page gradient hero perfect-fullpage-bleed vuejs

Last synced: about 5 hours ago
JSON representation

🦸🏻‍♀️Hero Generator! Create a nice hero image for your site or app

• Host: GitHub
• URL: https://github.com/sdras/hero-generator
• Owner: sdras
• Created: 2020-04-18T14:39:32.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2023-01-01T19:16:00.000Z (about 2 years ago)
• Last Synced: 2024-10-11T15:45:27.342Z (4 months ago)
• Topics: background, background-image, browerfold, cover, css-generator, full-page, gradient, hero, perfect-fullpage-bleed, vuejs
• Language: Vue
• Homepage: https://hero-generator.netlify.app/
• Size: 5.15 MB
• Stars: 644
• Watchers: 13
• Forks: 64
• Open Issues: 34
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

• project-awesome - sdras/hero-generator - 🦸🏻‍♀️Hero Generator! Create a nice hero image for your site or app (Vue)

README

        
# Hero Generator

→ **[Hero Generator App](https://hero-generator.netlify.app/)**

_Made with 🌮 by [sarah_edo](https://twitter.com/sarah_edo), deploys on [Netlify](https://www.netlify.com/?utm_source=proj&utm_medium=hero-sd&utm_campaign=devex)_

I've had to implement the same hero for several years now, so like a good lazy programmer, I figured I'd automate it. This generator is intended to get you going, it doesn't provide every value but the code output should give you a nice jumping off point :)

What does it do? It generates the code for the example above based on your preferences.

![Hero Generator Screenshot](https://s3-us-west-2.amazonaws.com/s.cdpn.io/28963/hero-og.png "Hero Generator Screenshot")

## Project setup

```

yarn install

```

### Compiles and hot-reloads for development

```

yarn run serve

```

### Compiles and minifies for production

```

yarn run build

```

### Run your tests

```

yarn run test

```

### Lints and fixes files

```

yarn run lint

```

### Customize configuration

See [Configuration Reference](https://cli.vuejs.org/config/).