Git Product home page Git Product logo

hacktoberfest's Introduction

Welcome to the Hacktoberfest 2023 Repository!

Hacktoberfest Logo

Introduction

Hacktoberfest encourages participation in giving back to the open-source community by completing pull requests, participating in events, and donating to open source projects. In its 10th year, Hacktoberfest continues to grow and foster a vibrant open source community that we are all a part of.

How Does It Work?

  • First sign up on the Hacktoberfest site anytime between September 26 and October 31.
  • To qualify for digital swags, you must register and make four pull requests between October 1-31.
  • You can contribute to any public repository on GitHub, not just the ones highlighted.
  • If a maintainer reports your pull request as spam or behavior not in line with the project’s code of conduct, you will be ineligible to participate.

Rules of Hactoberfest

To earn your tree reward, you must register and make four valid pull requests (PRs) between October 1-31 in any time zone. Pull requests can be made in any participating GitHub-hosted repositories/projects.

logo

Introduction

Undoubtedly, a significant portion of our childhood was dedicated to immersing ourselves in the captivating worlds of anime and manhwa. As Hacktoberfest 2023 approaches, I find myself gearing up to participate as a mentor for the very first time. To contribute to this exciting event, I've initiated the creation of a repository. This repository hosts a simple web page that allows users to both explore and contribute their beloved manhwa titles, images and description. If you possess coding skills and aspire to help make this website as impressive as Asura Scans, your valuable contributions would be greatly appreciated, especially since I'm still in the learning phase.

Asura Scans is a website that primarily focused on providing scanlations of various manga and manhwa titles. Here in this project i have tried to replicate that website Since distribution of manga without permission is illegal so we can't add any actual manhwa thus i have only developed the front-end part of the website ; if you are veteran at coding and open source contributions ; your help will very much be appriciated in making this website look as close to asura scans as possible.

How Can I Contribute?

Baically you have to add your favourite manhwa as a card in this project ; i have provided the code below; just add your code code after line number 425 and before line 426 in index.html file

To contribute in Hacktoberfest2023 or any other repositories , checkout the given link and win hactoberfest badges and a lot of experience ... https://hacktoberfest.com/

And That's It! Follow these steps to make your very first Pull request.

How to get the PR accepted

Rules that you have to follow while doing a pull request

  • When doing a pull request please write the name of the manhwa you are updating.
  • make sure to update the code and remove 1.[name of manhwa]- with the name of manhwa you are updating 2.[name of your manhwa image]- here write the name of image that you have uploded in the image section.
  • uploading manhwa image in the Images folder is necessary.
  • make sure not to upload same manhwa twice
  • change the name the of your image to your manhwa name so its easy to identify later on.

Contents of the Webpage

  1. index.html - Contains the content of the main/home page.
  2. images- contains the images of the manhwa.

What can you contribute?

There's always an opportunity to contribute to a project, regardless of your level of experience, whether you're a newcomer or a seasoned veteran. In this particular project, you have the option to enhance it by adding your favorite manhwa as a card on the website. Alternatively, if you happen to find this very line you're reading right now in need of improvement, Sure! Why not?

But what if i don't know how to add cards? :(

Not everyone is aware of every tool present in the world no matter how easy or complex it is. It's also not necessary to know each and every tool out there. Use the code below to add the your own card!

Code -

            <!-- [name of the manhwa] card start-->
            <div class="box d-flex">
              <a href="#">
                <img src="images/[name of your manhwa image]" alt="" />
              </a>
              <div class="text pl-10">
                <h4 class="c-white">[name of manhwa]</h4>
                <div class="chapters">
                  <div class="ch between-flex p-relative mb-5">
                    <a class="fs-13 c-white pl-20" href="#">Chapter 43</a>
                    <span class="fs-13 c-grey">1hour ago</span>
                  </div>
                  <div class="ch between-flex p-relative mb-5">
                    <a class="fs-13 c-white pl-20" href="#">Chapter 43</a>
                    <span class="fs-13 c-grey">1hour ago</span>
                  </div>
                  <div class="ch between-flex p-relative mb-5">
                    <a class="fs-13 c-white pl-20" href="#">Chapter 43</a>
                    <span class="fs-13 c-grey">1hour ago</span>
                  </div>
                </div>
              </div>
            </div>
          <!--[manhwa name] card end-->

NOTE: download and add image to the Images folder .

just add your code code after line number 425 and before line 426 in index.html file. Try and test it on your own system and then create a Pull request. .

Congratulations!

Congratulation! You just made your first pull request and if it gets merged, you can view it on hactoberfest website.

Merge Policy:

I will merge all pull requests as quickly as possible, as long as they meet the project's requirements and guidelines and are Legit.
Happy coding!


Thank You

hacktoberfest's People

Contributors

adaharshsingh avatar mannbajpai avatar yashraj-sherke avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

hacktoberfest's Issues

[BUG] Light mode in home page does not change the color of the icon

Describe the Bug:
When light mode is enabled in home page the following icon in the screenshot does not change its color.

To Reproduce

  1. Go to Home page
  2. Locate the icon as shown in the screenshot attached below.

Expected change
The icon will turn black when dark mode is enabled.

Screenshots
Screenshot of dark mode
image
Screenshot of Light mode
image

Fix : Text color on search bar

Text color is is black on both dark and white screen which makes user unable to see the text which they have searched for

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.