Reverse engineer a landing page, TOP Foundations Project
In this project, I am taking a finished site picture and reverse engineering it's underlying code. Rather than use the same boring filler text, I choose to create a Robot Plumbing company. Dave happens to be the name of the owner who manages his robot plumbers.
I will most likely utilize some AI generated images for creative robot plumber pictures.
All code is generated by me without the aid of AI.
In exploring image generation Terms of Service, I found that xAI (Grok) does not have a good service for commercial use. While this project is generally for personal use and used as an exercise, I do not want to get in the habit of utilizing images that could be revoked or create problems for clients.
I did find that Adobe Firefly is available for image gen and it's results from non-beta services are safe to use commercially. Adobe trains their algorithm using Creative Commons images and Adobe Stock images which have an open commercial license. From my research, the other image generators do not have the same freedom.
For personal use or goofing around, AI image gen in general is safe. For images used commercially in any aspect, it is best to use images owned or created by the parent company OR use creative commons with proper attribution. The exception is using Adobe's Firefly service since it is designed to be utilized commercially.
2010 12.10.24 I've got everything finished and working properly. It's definitely not perfect, but it's there. The call to action section took some time balancing out the padding values with the gap value. I finally got it wrangled. Not bad for my first reverse engineered site :).
Photo attributions: ffwavingrobots.jpg Adobe Firefly generated basin.jpg Image by Brett Hondow from Pixabay h2o.jpg Image by ImagesBG from Pixabay ffwaterheater.jpg Adobe Firefly generated wrenches.jpg Image by Steve Buissinne from Pixabay