Sliders

small app using vanila javascript

configurations

• you can configure the seconds from this line:

<section id="slider" data-seconds="<Seconds here>"> <!-- 5, 8 etc... \ default 15 seconds -->

• configure weather slide from this line:

<li class="slide weather" data-weather="ACTIVE_SYSTEM : true : false" <!-- default true -->
data-city="CITY_NAME" <!-- default riyadh -->
data-temperature-type="TEMP_IN_CELCIUS_OR_FAHRENHEIT" <!-- default CELCIUS usage: C or F -->
api-key="openweathermap-api-key">

• to get the api key please sign up in openweathermap
• then generate weathe api version 2 api key

Todo

• Calender system
• remaining time for pray with clock
  • clock
• temperature(C) and weather