Code Monkey home page Code Monkey logo

happy_hacktoberfest_19's Introduction

Not accepting PRs for Hacktoberfest 2020 (because this project was for Hacktoberfest 2019)

Happy Hacktoberfest 2019! πŸŽƒ πŸ‘» πŸ”₯ πŸ”₯

🌠 🌠 🌠 🌠 🌠 🌠 🌠 🌠 🌠

Welcome hackers! This project is a beginner-friendly initiative: a fun little ditty to help you get creative with open source.

Feel free to make a new feature/page and submit a pull request.

This is my first Hacktoberfest, how do I get started? πŸš€

  • Have a look for issues labelled as 'good first issue', 'hacktoberfest', 'up-for-grabs', or 'first-timers-only'.
  • Read the instructions in Contributing Guidelines.md.
  • Have fun creating something new!

How to make a pull request:

  1. Fork the repository.

  2. Clone your forked repository into your local machine.

  3. Take any issue from issues list or identify one.

  4. Create a branch with a descriptive name (navbar-fix)

  5. Write these commands on your terminal:

    git add -A (to stage your changes) git commit -m "very breif info of what youv'e done" git push origin master

  6. Then create your pull request.

  7. Congratulations!! You have successfully created your pull request. 🌠

You can view the progress of the website so far here: https://evie-skinner18.github.io/happy_hacktoberfest_19/

NOTE

Please DO NOT submit random pull requests. First check if an issue already exists for the bugs you found and whether someone else is already working on it. If not, create an issue and assign to yourself.

Happy coding! :heart_eyes:

happy_hacktoberfest_19's People

Contributors

anth-dev avatar blackfile avatar daniellaskinner avatar devnoorfatima avatar erfaniaa avatar fabcodingzest avatar hosseinsafari avatar ilhamtaufiq avatar jcoyle37 avatar jerilmj avatar johnatt2 avatar joranquinten avatar laing-cloud avatar lena-far avatar love-and-logic avatar lovetyagi-17 avatar lukes-code avatar man-like-t avatar maniac-tech avatar massg avatar nitinnair89 avatar privateger avatar ryanjanborja avatar sanjulad avatar saran-thala avatar satyarf avatar throwexceptions avatar will-chow avatar workinprogress-development avatar yogeshdecodes avatar

Stargazers

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

Watchers

 avatar  avatar  avatar  avatar  avatar

happy_hacktoberfest_19's Issues

Add styles and functionality to competitions.html

Currently it has no CSS, and when the user clicks the submit button we get a 404 error. Oh no!

Options:

  • Create a competitions.css file
  • Create a competitions.js file for front end scripts
  • Add an app.js file and use Node and Express to create a POST request which will take us somewhere when we click submit πŸ€”

Improve Readme

The current Readme has basic information about the repo.

We should include the Contribution guidelines into the Readme making it a one place to search for information. Also, any first-time visitor will first overview the readme, which will help him understand the rules, and steps to proceed.

Considering, the repo is to help first-timers gain some experience, having different files may create confusion for them. A consolidated place for all the get-started-step will also help us avoid any duplication of information and a single place to update as we proceed.

Apart from the above said, we can also add a timestamp stating when was the website last updated, which can help us while creating issues, while we surf the website in cases of Bugs.

We should also be specifying some rules around code maintenance, as it is evident that people have not indented the code properly, naming conventions have went for a toss, and so on.

Generate a consistent color theme for the site

🐞 [develop] || 🎨 [design]
🎨: Is there a color theme for the site?
🐞: Can devs implement the color theme sitewide?

🎯 [goal]
generate a color swatch agreeable to devs+designers of this repo for the 5 sections of the front page

πŸ’‘ [potential solutions]
generate Halloween themed color scheme

πŸ“‹ Steps to solve the problem

  1. attach potential color schemes, and vote(?) on a color scheme, created an example, see attached!
    HalloweenThemeColorSwatch
  2. once a color swatch is determined, receive hex/rgb codes and implement into css
  3. insert color theme in readme.md(?)

this issue method is inspired by @Roshanjossey first-contributions repo.

Sort out sanjulanewfooter.html

I merged this without realising that there are several problems with it, which I've addressed in some helpful comments πŸ˜€ @Sanjulapro do you want to fix?

Upgrade NavBar and footer

Create a better eye catching UI for this page..
and try to Build responsive website..
The center part is too basic try something attractive.
the footer you must put check this..
Normally in the footer we are putting copyright information.

Technically, websites don’t require footers to function properly; however, they do provide effective locations to add to your website’s functionality. This is especially true when combined with tools that help website owners create and deliver their content more efficient..

And I like to work in this issue

Update documents

Update documents with instructions regarding contributions so that everyone follows the same approach. This will help the maintainers to maintain the repo in a consistent manner.

Make a Hallowe'en page

The Witching Hour is almost upon us! Do you celebrate Hallowe'en / el Dia de los Muertos / another seasonal festival that I don't know about? Let's share it with the world πŸŽƒ πŸ’€ Cultural exchange!

Cleanup

I would like to clean up the folder structure and add myself to the List of contributors

Add link to the Day of the Dead page

I accidentally merged this not realising that users cannot access the page! Would like a link in the navbar so people can see it.

NB first timers only!

Avoid using Flex

We are currently using display: flex , we should rather use other available properties, as it is not widely supported by many browsers.

For details on which browsers support display:flex, check: https://caniuse.com/#search=flex

Beer page!

I've made a brand new page about beer 🍺 .

Feel free to add some funky bits and bobs to it! How about a gallery of some quality brews with some tasting notes under each one? Or an animation showing a delicious frothy pint in a glass?

Go wild! 🍻 πŸ•

Clearer Contributors.html page description

The list should be made clearer under "Why Hacktoberfest is awesome", where it includes colons and the beginning word of each line should be capitalized as such:

Community: You are part of an inspiring community
Contacts: You can make new contacts
Events: There are many events around the world to meet with people of similar interests
Supporting: Supporting Open Source is an important part - since we all took advantage once
Awareness: It is good for the awareness of Open Source
T-shirt: You earn a limited edition T-Shirt

Navbar fixes

Currently the navbar has spacing around it which should not be when the user scrolls down in the page.

The presence of the spacing, leads to wastage of Viewport, which can be otherwise used in the design itself.

Improve the About page

Improve the About page and fill it up with details of this project.

You can add "card" style layout to show contributor details. Maybe create a contributors.json file and read the data from it.

Beachtime Gamification

Beachtime has the potential for being an immersive interactive game. For starters, I'd like to make the "man" controllable with the arrow keys, and have the sun's face follow him.

Remove fixed navbar positioning

Currently the navbar remains fixed on top when we scroll the page. We need something like, the navbar should stick to the top when we scroll the page.

If you want to work on this issue, please add a comment below to get this issue assigned to you.

Add more CSS

This can be vanilla CSS, Bootstrap, or a mixture

Change countdown timer text to a bright colour!

I've just tried to change the text colour to yellow but it's not working. We have an ID for the countdown timer now:

#countdown{ margin-bottom: 0; color: #fdba04; }

Can anyone help change the text colour? doesn't have to be yellow just a bright contrasting colour will be great 😁

Improve the countdown timer interface

The countdown timer does not look that good right now. Please improve the UI πŸ™‚

If you want to work on this issue, please add a comment below to get this issue assigned to you.

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.