Coder Social home page Coder Social logo

mijorus / relaxingclock-old Goto Github PK

View Code? Open in Web Editor NEW
5.0 1.0 0.0 2.96 MB

Just an awesome way to relax yourself - Powered by Spotify

Home Page: https://www.relaxingclock.com/

License: MIT License

JavaScript 60.09% SCSS 26.78% HTML 13.13%
spotify spotify-web-playback-sdk lofi relaxing alarm-clock

relaxingclock-old's Introduction

relaxing clock hero

What is RelaxingClock

Relaxing Clock is an awesome website that uses Spotify's WEB PLAYBACK SDK to play awesome relaxing music to chill you out, and it looks awesome on your desktop display as screensaver. It is design to work primarely on desktop computer, as the WEB PLAYBACK SDK is not compatible with smartphones and tablets, but you can still enjoy the look of the time!

Disclaimer

The images of the cities that you can see when the "Globetrotter" style is enabled (previously located at /static/svg/cities) are NOT under the same license. They are artworks owned by Shutterstock user @JosepPerianes and you can't use or download them without the artist's permission. Those images are now hosted on external sources and will not be included in the build.

Build yourself

Requirements:

  • Hugo 0.75.1 Extended (always check netlify.toml before attempting a build, to make sure you are using the same version of the server). You can get HUGO HERE
  • A Client ID for your app (required if you want to use the Spotify Integration). You can create a new app HERE

Clone this REPO:

https://github.com/mijorus/RelaxingClock.git

Set your ClientID as an environment variable (code for Windows PowerShell)

$env:HUGO_SPOTIFY_CLIENT_ID="YOUR_CLIENT_ID_HERE"

Launch the HUGO server

hugo server --environment development -p 3000

make sure you are using the --environment flag

Enjoy!

Report a bug

Please, also include a description of the the error and an output of the browser console if possible, it will help a lot!

Libraries

  • jQuery
  • Normalize.css
  • Mobile-detect.js LINK
  • Moment.js && Moment-timezone Link
  • Anime.js Link
  • Suncalc Link
  • RandomColor Link
  • ConnorAtherton/loaders.css Link

Thanks to

  • aaronpk/pkce-vanilla-js LINK
  • IcoMoon LINK
  • Linearicons and FontAwesome
  • W3S (always thank them)

relaxingclock-old's People

Contributors

mijorus avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

relaxingclock-old's Issues

Website is down may be??

Can't access the website, always times out. Tested with different checkers. Says website not available. Is it down??

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.