Hello all again!
This is Cameron, and I have been hard at work improving this website. Let's go over some of the changes I have made, and why it was necessary to make these changes.
To begin, I have now converted the website from API to the advanced editor. This allows for far greater edits to be made. Another one of the most important aspects of this change relates to JavaScript in Wix. By enabling "Corvid" by Wix, I am now able to use JavaScript to perform actions on the website. Why is this necessary?
With JS enabled, I can now create menus and functions I was unable to before. This is necessary as a locked section of the website controls our robot UI. Let's check it out.
You may notice in the menu at the top of the site something called the "Movements" page. You may also notice you do not have access to this page. That is because this page is a basic UI for Maxwell. It will be filled out greater in the future.
Let's investigate what the Movements page currently does for us.
How about that? We have a dropdown menu that enables us to select an action for Maxwell to perform. When selected, you can "Submit" the action, which runs a sequence of Back-end functions. These functions determine what action was selected, and send an email to Maxwell's email! This took some effort: JS alone cannot send an email. We currently have a free service that allows us to send such emails, at approximately 100 per day, which should be plenty for our needs! If this is exceeded, it will simply be disabled for the rest of the day.
So to continue, I call a SendGrid (our service) API, which then together with the JS sends an email. This looks like the example below!
Note that for our product, it will check the action and the sender to make sure nobody is sending false commands. Pretty excellent!
Let's check out some other changes to the site!
The old donations page is gone. This is done as our old highly modified "Shopping" page just wasn't giving me the right feeling. Currently, we have a new page set up. This page is a modified default "Products" page. When you hover over the Donations selection you wish to choose, it highlights it.
How was this done? Not with more coding! A premade button was placed and sized over each picture and text block. These buttons were then modified so that it would be transparent when untouched, and slightly translucent when hovered over. A shadow was added to the buttons to separate the blocks. Try it out! When clicked, it simply takes you to our PayPal donation page.
These changes all in all took approximately 10 hours. I have quite the load over the next few weeks, and so you may see less changes overall. Feel free to send feedback or comments, or comment below!
Thanks for reading and keeping up with MaxwellTheRobot!
ความคิดเห็น