Skip to content

Mohammad-537/Planets

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Solar Systems


NOTE: May work unstably with some browsers and devices
(such as Safari or phones)

This is a simple project to show our Solar System.

It was created specially for the CS4012 html project.

In this file we store all references that we used.

Structure


The project is divided into 2 parts:

  1. The Project folder contains the source code of the project:

    1. The style.css file contains the css code.
    2. The index.html file is the main page.
    3. TheaboutUs.html contains the information about our team.
    4. The XXX.html files are the pages of the planet XXX
  2. The other folders contains:

    1. The favicons is the icons of the website.
    2. The img is the images of the solar system.
    3. The sounds is the sounds of the planets.
    4. The videos is the videos with some information about the planets.

Sources of the data


index.html

background images:

  1. https://www.reddit.com/r/LV426/comments/sb26ir/i
  2. https://unsplash.com/collections/G-oBWoPXp7c/nasa
  3. https://www.behance.net/gallery/120532493/Babel

image: https://www.britannica.com/science/solar-system

sound: https://www.youtube.com/watch?v=iL0k_C5B3rY

earth.html


image: main.jpg

video: https://www.youtube.com/watch?v=HCDVN7DCzYE&t=1s

sound: https://www.youtube.com/watch?v=_bnU6K1y468

information:

  1. https://climate.nasa.gov/news/2469/10-interesting-things-about-earth/
  2. https://solarsystem.nasa.gov/planets/earth/overview/#:~:text=While%20Earth%20is%20only%20the,made%20of%20rock%20and%20metal

mercury.html


image: https://solarsystem.nasa.gov/planets/mercury/overview/

video: https://youtu.be/0KBjnNuhRHs

sound: https://youtu.be/IQL53eQ0cNA

information:

  1. https://solarsystem.nasa.gov/planets/mercury/overview/ facts and the overview are taken from this website

venus.html


image: https://solarsystem.nasa.gov/planets/venus/overview/

video: http://youtube.com/watch?v=X57ebvnkwxQ

sound: https://www.youtube.com/watch?v=-ewPtH31Xr8

information:

  1. https://en.wikipedia.org/wiki/Venus
  2. https://solarsystem.nasa.gov/planets/venus/overview/

mars.html


image: https://wallpaperaccess.com/mars-4k

video: https://www.youtube.com/watch?v=D8pnmwOXhoY

sound: https://www.youtube.com/watch?v=bvnhDJn3c8c

information:

  1. https://www.littlehouseofscience.com/20_fascinating__fun_science_facts_planet_mars
  2. https://solarsystem.nasa.gov/planets/mars/overview/#:~:text=%E2%80%8BMars%20is%20the%20fourth,more%20active%20in%20the%20past

jupiter.html

image: https://solarsystem.nasa.gov/planets/jupiter/overview/

video: https://www.youtube.com/watch?v=xsisPadI5n0

sound: https://www.youtube.com/watch?v=B9PR-n8_ueA

information:

  1. https://solarsystem.nasa.gov/planets/jupiter/overview/
  2. https://en.wikipedia.org/wiki/Jupiter
  3. https://space-facts.com/jupiter/

saturn.html

image: https://solarsystem.nasa.gov/planets/saturn/overview/

video: https://youtu.be/epZdZaEQhS0

sound: https://youtu.be/IQL53eQ0cNA

information:

  1. https://solarsystem.nasa.gov/planets/saturn/overview/ facts and the overview are taken from this website

uranus.html


image: https://solarsystem.nasa.gov/planets/uranus/overview/

video: https://solarsystem.nasa.gov/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdlpTIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--a7a7cc5b57dc1314a3264b71079b36a6704b68b4/-home-www-videos-voyager-20130912d-discovery20110428-640.m4v?disposition=attachment

sound: http://youtube.com/watch?v=yXfJG1gs3b4

information:

  1. https://solarsystem.nasa.gov/planets/uranus/overview/
  2. https://en.wikipedia.org/wiki/Uranus
  3. https://thefactfile.org/uranus-facts/

neptune.html


image: https://solarsystem.nasa.gov/planets/neptune/overview/

video: https://youtu.be/NStn7zZKXfE

sound: https://youtu.be/IQL53eQ0cNA

information:

  1. https://solarsystem.nasa.gov/planets/neptune/overview/ facts and the overview are taken from this website

style.css


part of code for player: https://blog.shahednasser.com/how-to-style-an-audio-element/

END OF FILE


About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published