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

---