Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/codrops/AboveBeneath

A landing page template with a featured content section and background sounds that change according to the view.
https://github.com/codrops/AboveBeneath

Last synced: 18 days ago
JSON representation

A landing page template with a featured content section and background sounds that change according to the view.

Awesome Lists containing this project

README

        

# Above & Beneath: Featured Content Layout Effect

A landing page template with a featured content section and background sounds that change according to the view.

[Article on Codrops](http://tympanus.net/codrops/?p=27595)

[Demo](http://tympanus.net/Development/AboveBeneath/)

## License

Integrate or build upon it for free in your personal or commercial projects. Don't republish, redistribute or sell "as-is".

Read more here: [License](http://tympanus.net/codrops/licensing/)

## Credits

- [imagesLoaded](http://imagesloaded.desandro.com/)
- [howler.js](http://goldfirestudios.com/blog/104/howler.js-Modern-Web-Audio-Javascript-Library)
- [Underwater Pool Sound](http://soundbible.com/1660-Underwater-Pool.html), [Attribution 3.0](https://creativecommons.org/licenses/by/3.0/)
- [Quiet Lake Sound](https://archive.org/details/aporee_2407_3382), [Attribution-Share Alike 3.0](http://creativecommons.org/licenses/by-sa/3.0/)
- [Water Splash Sound](http://soundbible.com/1460-Water-Splash.html), [Attribution 3.0](https://creativecommons.org/licenses/by/3.0/)
- [Ocean Waves Sound](http://soundbible.com/1935-Ocean-Waves.html), [Attribution 3.0](https://creativecommons.org/licenses/by/3.0/)
- [Depth Charge 2 Sound](http://soundbible.com/1604-Depth-Charge-2.html), [Attribution 3.0](https://creativecommons.org/licenses/by/3.0/)
- [Scuba Tanks - Breathing](https://www.freesound.org/people/ben_jamin0/sounds/116656/), [Attribution 3.0](https://creativecommons.org/licenses/by/3.0/)
- [coral by Agne Alesiute from the Noun Project](https://thenounproject.com/term/coral/61804/)
- [coral by parkjisun from the Noun Project](https://thenounproject.com/term/coral/469927/)
- [coral by Yu luck from the Noun Project](https://thenounproject.com/term/coral/543550/)
- [Seaweed by Darrin Higgins from the Noun Project](https://thenounproject.com/term/seaweed/3832/)
- [Algae by Ecem Afacan from the Noun Project](https://thenounproject.com/term/algae/164784/)
- [Seaweed by Snpr Cartman from the Noun Project](https://thenounproject.com/term/seaweed/416435/)
- Images from [Unsplash.com](http://unsplash.com)
- [Speaker icon by Gregor Cresnar](http://www.flaticon.com/authors/gregor-cresnar) from [Flaticon](http://www.flaticon.com), [Flaticon Basic License](http://file000.flaticon.com/downloads/license/license.pdf)
- [Diving Icons by Madebyoliver](http://www.flaticon.com/authors/madebyoliver) from [Flaticon](http://www.flaticon.com), [Flaticon Basic License](http://file000.flaticon.com/downloads/license/license.pdf)
- [Sea Life 2 Icon Pack by Freepik](http://www.flaticon.com/packs/sea-life-collection) from [Flaticon](http://www.flaticon.com), [Flaticon Basic License](http://file000.flaticon.com/downloads/license/license.pdf)

## Misc

Follow Codrops: [Twitter](http://www.twitter.com/codrops), [Facebook](http://www.facebook.com/pages/Codrops/159107397912), [Google+](https://plus.google.com/101095823814290637419), [GitHub](https://github.com/codrops), [Pinterest](http://www.pinterest.com/codrops/)

[© Codrops 2016](http://www.codrops.com)