Giter Club home page Giter Club logo

pankajsingh2003 / nasa_startingpage Goto Github PK

View Code? Open in Web Editor NEW
22.0 1.0 44.0 21.95 MB

Well this is a Project for front page of a Nasa Space App challenge (you can also use this for any other Project front web page as well)

Home Page: https://glistening-puppy-bf6804.netlify.app/

License: MIT License

HTML 48.48% JavaScript 2.97% CSS 48.55%
css good-first-issue html open-source hacktoberfest hacktoberfest-accepted hacktoberfest2022 contribution

nasa_startingpage's Introduction

NASA_startingpage

Well This page is the front website of a project i am working on .It showcases some of the small details about the project and the start the project button with all details about your team.

you can use these webpage to make your own fornt web page for your project with your team portfolio.

CONTRIBUTION GUIDE

If you are new to open-source contribution and don't know how to get started, don't worry, this is a deatiled step by step guide to help you make your first contribution.

Before heading any further, open terminal and run git --version to make sure that git is installed on your machine, if not, install it from here.

Fork this repository

In order to make any changes to this repository, fork it by clicking on the fork button. This will create a copy of this repository in your account.

Clone the repository

Now, to clone this repository to your local machine, copy the url of the forked repository.

Now, open a terminal and run the following command:

git clone <copied- url>

Here, replace <copied-url> with the url of the forked repository you just copied.

Create a branch

After cloning the repository, change the current working directory to the repository directory by running the following command:

cd dimencart

Before making any changes, make sure to always create a new branch. To create a new brach run the following command:

git checkout -b branch-name

You can run git branch command to check your branch status.

Make changes

Now you are all set to make changes. For that you can use any text editor, but I will recommend using Vs Code as it feature rich and easy to use. If VS Code is already installed on your machine, run the following command:

code .

It will open all the files in VS Code.

After making the changes, run git status command. It will show you all the changes you have made.

Commit those changes

Now, before commiting the changes you will have to add those changes to the branch you created. For that run the following command:

git add .

Now commit those changes by running the following command:

git commit -m "put-your-message-here"

Push to GitHub

Finally push the changes you made to github by running the following command:

git push origin -u <your-branch-name>

Replace <your-branch-name> with the name of the branch you created earlier.

Submit the pull request

Now open your browser, here you will see a notification. Juslt click on compare & pull request.

Now submit the pull request.

Soon your pull request will be reviewed and merged. You will be notified via email once your pull request has been merged.

Congratulations!! You have successfully raised your first pull request. Share on your socials.

Happy Contributing!!

nasa_startingpage's People

Contributors

02dheerendra avatar 0mrai avatar alabador avatar ansh260203 avatar burekslayer avatar davethadev avatar evertonlucasgomes avatar foxtrot31 avatar kritika30032002 avatar mayuri-agrawal avatar mhenrique94 avatar pankajsingh2003 avatar raissa-cardoso avatar sarthak02g avatar summiedev avatar super-duper-sp avatar suraj532 avatar szpatrichard avatar t1eerth avatar tannudaral avatar tatwansh avatar tenzinnsut avatar vishwajeet2702 avatar yasshu55 avatar

Stargazers

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

Watchers

 avatar

nasa_startingpage's Issues

Hover the underline color left to right

For the Parker Solar Probe text shown on the homepage, i would Iike to add a left to right hovering effect when hovering over the text.

Please assign me this issue under hactoberfest

Screenshot 2022-10-25 160141

Dark mode

If anyone has any knowledge about how we can add a dark mode switch on the website.
Then try putting it to the website and make a pull request.

Thanks in advance for the efforts you are about to made.

responsiveness

If anyone has any idea how can i make it mroe responsive can just comment here. Or can guide me how can i do it. Or they can do it themselves.

Suggestion to contribute: responsiveness for extra-large screens and minor fixes

Hello! Congrats for the project, I just tested and it's really fun to go around! I have some suggestions, please let me know if I can PR (after the other 2 PR's already open).

They are:

  • Fix the responsiveness of main text on home, on extra-wide screen the text comes to the center and overlap the planet, making all difficult to read;
  • Button hover on navbar instead of underlying each link;
  • make each section (with planet and text) to occupy the whole height, to a more immersive experience.

Please let me know I fan can PR any or all of the above.

See you!

fotter

the fotter isn't showing approprite as it should for mobile devices. If anyone has any idea how it can be done .
Please go ahead it will really help.

New ideas

If anyone know how we can make this website more alluring sure go ahead.
make a new issue and can starting working on it.

Parker Solar probe

Parker solar probe at the beginning of the webpage isn't showing on mobile devices.
as it is the front page . Any one who can solve it is more than appreciate it.

Navbar

If anyone know how to make a alluring and amazing navbar.
You are more than welcome here.

Toggle Dark Mode button

Bring changes to the UI of dark and light modes by having a sliding button instead of normal button.
Kindly assign me this issue!

Navbar issues

The navbar buttons aren't actually working . So if anyone has any prior knowledge about how to make them fucntional sure go ahead.

Footer issue

The recent footer is to much at the bottom . If anyone cant fix it go ahead.

Footer

Can someone add a nice social media footer and the end.

Technical Blogs Website

@PankajSingh2003 You had mentioned that new frontend projects are also welcome so can I add tech blogs website frontend to this repo.It will have animations as well.
If yes,please let me know and do consider for hacktoberfest.

dark mode

dark mode and light mode not effective

Grammer mistake

Hi
list Artemis 1 ;Parker Solar Probe ;Apollo program;Project Gemini ...

its a mistake it should be written in this format

Artemis 1; Parker Solar Probe; Apollo program; Project Gemini ...

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.