Skip to content
This repository has been archived by the owner on May 30, 2024. It is now read-only.

Latest commit

 

History

History
169 lines (95 loc) · 4.04 KB

README.md

File metadata and controls

169 lines (95 loc) · 4.04 KB
Raw

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