Responsive Web Design

thenewestversion.com

thenewestversion.com is the front-end for the Newest Version API. The interface adapts to any screen size to provide access to the same content. Users can browse for products that are monitored by the API and register a user account that provides email alerts that can be configured for any product. Users can also perform standard user management tasks (e.g., change password, change username, change time zone, etc.).

thenewestversion.com relies on Flask, PostgreSQL and SQLAlchemy for URL routing, data storage and ORM functionality, respectively. The front-end is powered by a combination of Flask-Bootstrap, jQuery, AngularJS and CSS. Beyond the bare-bones structure provided by Bootstrap, the HTML templates and CSS are completely original designs created from scratch.

alunablog.com

alunablog.com is (quite obviously) the website you are currently enjoying. If you haven’t noticed, it too has a responsive design that adjusts based on screen size. In contrast to thenewestversion.com, this is a static website generated with Hugo, based on the Mainroad theme. I have included it as a project because I have made substantial modifications to the base theme: custom layouts for my content types, new widgets, and custom CSS for nearly every element.