Giter Club home page Giter Club logo

nirbhayparmar / gradientiser-bggenerator Goto Github PK

View Code? Open in Web Editor NEW
18.0 18.0 20.0 9.24 MB

This is an open-source CSS gradient background generator. Hope it will help the community to get a beautiful background in just one click. Click the link below to visit my website.

Home Page: https://nirbhayparmar.github.io/gradientiser-BgGenerator/

License: MIT License

CSS 53.77% HTML 25.63% JavaScript 20.61%
background css good-first-issue gradient hacktoberfest

gradientiser-bggenerator's Introduction

banner

#Hi, there!! ๐Ÿ˜‡

I am a student of Pandit Deendayal Petroleum University, Gandhinagar.

gradientiser-bggenerator's People

Contributors

12-malak avatar amenhasfaw avatar ebukathedev avatar georgioupanayiotis avatar heysagnik avatar jay179-sudo avatar jimmy-taravia2001 avatar keith-web3 avatar lemostrash avatar lovelacecoding avatar mahmmadhusendodiya avatar mslepko avatar nayakpenguin avatar nirbhayparmar avatar semako123 avatar yashcoder123345 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

gradientiser-bggenerator's Issues

The gradient direction is not random on load

Describe the bug
The gradient's direction is not random on load

To Reproduce
Steps to reproduce the behavior:

  1. Reload the page

Expected behavior
Generate a random gradient with a random direction

Desktop (please complete the following information):

  • OS: Linux (Ubuntu)
  • Browser Firefox

improve the action button

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

GitHub Icon overlapping

Describe the bug
The GitHub Icon overlaps the CSS code generated by the website in full-screen mode. Need to make it responsive.
gradientiser-issue

improve contributing.md file

Describe the bug
Improve the contributing.md file

Expected behavior
This project has contributing.md file but it just forward devs towards the tutorials, we need to have step by step guide from forking repo till making pull request, if any body interested can work on this.

Bug : Improve the visiblity of the text on the screen

The gradient work is great but the text is in black, if you change the gradient to some dark colours the text is not visible much. I'd suggest to add the text in some code block or out line it so that it pops up more

Add copy button

Is your feature request related to a problem? Please describe.
It's stressful having to select the text containing the color before copying manually. I feel it would improve the user experience to add a button which copies the color immediately without having to select it.

Describe the solution you'd like
A small button containing the common copy logo. The button will be placed at the top right of the color text container.

Describe alternatives you've considered
I haven't considered any alternative solutions to this but an additional feature I would love to include in the project is a section which allows the user to choose what format of color to get as an output e.g rgb, hex, hsl e.t.c

Additional context
I haven't worked on the feature yet but I'll get to it now

Add CONTRIBUTING.md

Add contributing.md file to welcome new contributors to your project and to go through the guidelines for contributing to your project

[BUG] Radio buttons don't work

Describe the bug
The radio buttons for the gradient don't work

To Reproduce
Steps to reproduce the behavior:
Click on the radio buttons

Expected behavior
It should update the background color linear direction

Screenshots
image

Desktop (please complete the following information):

  • OS: Windows
  • Browser: Firefox

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.