This is a hopefully simple and quick project. It requires HTML and if necessary, Javascript. No other scripting languages please- needs to be reletively basic.
Script must be able to be executed off Amazon S3, so that means there is NO serverside processing (non-dynamic/static JS & HTML files are client-side only!).
Also, a wysiwyg html editor like TinyMCE (opensource), and a color picker like jscolor will need to be included for picking colors, and both are JS client-side I believe.
Mission: Formatting/customizing a widget. Then generating an output in a text box so that widget code can be copied and pasted into someone's webpage.
You will see some parameters that can be changed in the documentation, but I'll list what needs to be, in addition, customizable:
- Alignment (left, right, center)
- Border Color
- Border size and type
- Padding
- Background color
- -moz-border-radius (for other browsers)
- border radius (for most browsers)
- Width of widget
- Channel (see widget documentation)
- Query (a test query can be provided by me, adds the word " follow" at the end of the query automatically with no fault, spaces are "%20")
- descriptive text
- pre-filled in phone-number
- text color
- a wysiwyg html editor for html code that will show before the widget.
- a wysiwyg html editor for html code that will show after the widget.
Some other things that will need to be included in this script:
- wysiwyg editors will be collapsable, so it won't show entirely unless the user wants to edit them
- most things will be prefilled in with some default values (defaults can be found in documentation, some defaults can also be null)
- a LIVE depiction-of-the-widget/actual-widget will be shown and can change as the user makes the changes!
- a LIVE large text box will show the scripting code and can change as the user makes the changes!
- will fit 100% width of the page with good padding, as it will mostly be included in 500px - 800px or even less width pages.
Need this done in a week or less.
Please read uploaded file attachments before bidding.
And the final product HAS to work in all common browsers.
Thanks for checking out my project!