0me9a/parallax-wallpaper

Parallax a Lively Wallpaper with Weather and daily Quotes.

parallax-wallpaper

Customizable wallpaper for desktop. Personalize your desktop with parallax-wallpaper using lively wallpaper.

To use this customizable parallax-wallpaper download LIVELY software first Here

Downloads

• Lively
• parallax-wallpaper

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Useful resources
• Weather setup
• Author

Overview

The challenge

Users should be able to:

• Customizable text, color
• Show quotes of the day
• User can change quotes refress time.
• Show date, time, and weather
• Resizable text
• User able to show & hide elements
• Show weather.

Screenshot

Links

• Solution URL:
• Live Site URL:

My process

Built with

• Semantic HTML5 markup
• Flexbox
• Lively first
• JQuery - JS library

What I learned

• API Open weather
• Javascript library JQuery

Useful resources

• Figma This helped me for designing and predicting the code. I really liked this pattern and will use it going forward.

Weather setup

• Create an account in open weather Here
• Generate an api key
• Enter the key & city after opening Customise menu in Lively
• Hit Refresh, api key might take some time to activate so if you get error try after sometime
• Done!

Author

• Website - OMEGA
• Frontend Mentor - @0me9a
• Twitter - @omegaStrikes