Code Monkey home page Code Monkey logo

open-connect-art's Introduction

GitHub Hacktoberfest combined status GitHub closed pull requests GitHub forks GitHub

Open connect ART

This is an ART project to teach you how to contribute and make use of an opportunity to use art and engineering to create a master piece.

Anyone who wished to learn how to create a pull request for a project on GitHub can use this project to contribute 1 or maximum 2 tile on the canvas.

  • You will be able to create only 1 PR for the tile that is empty.
  • The second PR should be created if your neighboring tile does not match and it a dead lock or a mismatch, this way you can ask other contributor to collaborate and fix the dead lock.

Options for tiles

Contributing

In order to contribute a tile to the canvas you'll have to create a pull request. please check the Contributing guide

Code of conduct

The goal of this project is to complete the canvas in highly respectful and fun manner.

License

MIT

open-connect-art's People

Contributors

arthursvpb avatar bhaumikmistry avatar bilalbutt044 avatar cfmvcarlos avatar cocosweet53 avatar drmyuu avatar fastboot avatar hannah-saurusrex avatar huxleymc avatar ika-codes avatar iman-sedgh avatar janelbrandon avatar jmlopez2332 avatar khanaaziz1 avatar knappologi avatar luiscachog avatar matthewesp avatar maydayo avatar mjehanno avatar muazhar avatar neetigyachahar avatar omergulen avatar pavankkamra avatar radientbrain avatar sarvesh1523 avatar schoonology avatar sereneinserenade avatar sky0023 avatar tomlandis avatar torrancejr avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

open-connect-art's Issues

Fork me on GitHub Ribbon

Add Ribbon on right corner for Fork me on github.
use Link for reference

  • Add ribbon
  • choose color to adapt with night view

We want to have as many people as possible contribute to open-connect-art and teach people how to contribute and take part in the Hacktoberfest

Take a look at the project's README.md for more details.

add logo to the main web page hactoberfest2019

Add the openconnectart.png image to the web page along side the text image grid. The size should be not greater than 200*200, alignment and format is left for developers judgment.

We want to have as many people as possible contribute to open-connect-art and teach people how to contribute and take part in the Hacktoberfest

Take a look at the project README.md for more details.

Some null pointers in dark-mode.js

I'm trying to merge my PR for the flicker button, and noticing some null pointers in dark-mode.js. I'll fix those up before I ask you to merge in my PR.

Implement Refresh button for this issue.

We have few buttons in the web-page which needs to be implemented.

Please Implement Refresh button for this issue.

  • On select Refresh button change its color to yellow
  • On select Refresh, refresh the webpage.

Take a look at the project's README.md for more details.

On hover change background of the tile to two different colors

We have dark mode now, So we would like to add different background color to the tile on hover on both modes.

  • Set background color of tile on light mode to Aquamarine :
    Colors that make up #7FFFD4
    W3C Color Name: Aquamarine
    RGB: 127, 255, 212 - HSL: 0.44, 1.00, 0.75
  • Set background color of tile on dark mode to Tickle Me Pink:
    Colors that make up #FF80AA
    RGB: 255, 128, 170 - HSL: 0.94, 1.00, 0.75
    Web Safe Color: No

We want to have as many people as possible contribute to open-connect-art and teach people how to contribute and take part in the Hacktoberfest

Take a look at the project's README.md for more details.

Rename cell title with pixel values along with UNCLAIMED

We have many UNCLAIMED filed in the columns, however it is very diffcult to understand which tile belongs to which code in the code. Add _0_0 or along with the UNCLAIMED text to make sure user chooses the correct tile to add their name.

<img src="src/empty_cell.png" style="width:100%" title="UNCLAIMED"> should look like


- [ ] edit all places
- [ ] edit documents 

Add MIT license and badge

  • Add MIT license
  • Add badge for MIT license

use: https://shields.io/category/license for badge info.

We want to have as many people as possible contribute to open-connect-art and teach people how to contribute and take part in the Hacktoberfest

Take a look at the project's README.md for more details.

Add Button to create dark mode for the web page

Add a button to make the current web page into dark mode.

  • make background turn dark
  • make all the text color to white
  • convert pictures to inverted colors
  • use inverted pictures when user selects dark mode

We want to have as many people as possible contribute to open-connect-art and teach people how to contribute and take part in the Hacktoberfest

Take a look at the project's README.md for more details.

add 10px thick border to the full tile grid. Hacktoberfest2019

Add 10px thick border to the full grid, that includes 10 columns which contains 10 rows.

We want to have as many people as possible contribute to open-connect-art and teach people how to contribute and take part in the Hacktoberfest

Take a look at the project's README.md for more details.

Implement Vibrate button for Tiles.

We have few buttons in the web-page which needs to be implemented.

Please Implement Vibrate button for this issue.

  • On select vibrate button change its color to yellow
  • On select Vibrate make all the tile vibrate in random direction for 3`4 seconds.

We want to have as many people as possible contribute to open-connect-art and teach people how to contribute and take part in the Hacktoberfest

Take a look at the project's README.md for more details.

Contribute Tile in Hacktoberfest

We want to have as many people as possible contribute a tile to the canvas on open-connect-art and teach people how to contribute and take part in the Hacktoberfest

Take a look at the project README.md for more details.

Diwali Button effect for tiles

We have few buttons in the web-page which are already implemented, we need a new button next to flicker, button named "Diwali"

This features is to celebrate Diwali, festival of lights.

  • Add Button Next to Diwali,
  • Implement in a different JS file
  • Add color full background with 0.5 opacity to all the tile and change the background in few different pattern.
  • blinking effect with light to dark background with different colors.
    giphy

Take a look at the project's README.md for more details.

Implement Flicker button on web page

We have few buttons in the web-page which needs to be implemented.

Please Implement Flicker button for this issue.

  • On select Flicker button change its color to yellow
  • On select Flicker make all the tile background change its background in random color

We want to have as many people as possible contribute to open-connect-art and teach people how to contribute and take part in the Hacktoberfest

Take a look at the project's README.md for more details.

Split html file into three different file and folder, restructure webpage

Restructure the cod. Move style/css code to css folder and html to be in index.html file and js code to js folder.

  • html change
  • css change
  • js change

at the end we should have

-docs/
   |-src/
   |-css/
      |-style.css
   |-js/
      |-dark-mode.js

We want to have as many people as possible contribute to open-connect-art and teach people how to contribute and take part in the Hacktoberfest

Take a look at the project README.md for more details.

add Favico to the webpage.

We would like to have a tiny Favicon updated to the wepage.

  • create a new folder in src/ name it favicon
  • download attached image
    14285058911542186921-512
  • copy this image to the new folder
  • follow steps to generate a html favicon package https://realfavicongenerator.net/
  • Move the content of the package to newly created folder.
  • Insert the following code in the <head> section of html page:
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff"> 
  • edit path

We want to have as many people as possible contribute a tile to the canvas on open-connect-art and teach people how to contribute and take part in the Hacktoberfest

Take a look at the project README.md for more details.

Display Contributor's name to the page.

test1
When we hover over the tiles the title of tile shows up. We want to disable the title there and make it display at a new location.
As shown in the attached image, the title of the Tile is the contributors name, so on hover the contributors name should show up below the logo and right of the text "contributor:"

  • Add "Contributor:" text below the logo
  • Disable title display on hover
  • Enable title to show up after right of the newly added text and with "@" in front.

We want to have as many people as possible contribute to open-connect-art and teach people how to contribute and take part in the Hacktoberfest

Take a look at the project's README.md for more details.

Implement Random button for Tiles.

We have few buttons in the web-page which needs to be implemented.

Please Implement Random button for this issue.

  • On select Random button change its color to yellow
  • On select Random set all the tile with random image from the data set we have

We want to have as many people as possible contribute to open-connect-art and teach people how to contribute and take part in the Hacktoberfest

Take a look at the project's README.md for more details.

Change github corners color in Night mode and toggle

The color of github corner needs to change with the night mode toggle.

  • update github corner to chagne colors. Helpful like

We want to have as many people as possible contribute to open-connect-art and teach people how to contribute and take part in the Hacktoberfest

Take a look at the project's README.md for more details.

Contribute a Tile and take part in the Hacktoberfest

We want to have as many people as possible contribute a tile to the canvas on open-connect-art and teach people how to contribute and take part in the Hacktoberfest

Take a look at the project README.md for more details.

Add README.md file below the Tile grid on the web page.

We would like to display the README.md files content to the web page just below the tile grid. The width of the div displaying should be same as the grids with.

  • Display Readme.md
  • Should read the file and update the content, it should not be static text copy paste.
  • The displaying containers width should match the tile grid at all times.

We want to have as many people as possible contribute to open-connect-art and teach people how to contribute and take part in the Hacktoberfest

Take a look at the project's README.md for more details.

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.