🍸 This website is built as static HTML with Gatsby React component, Node Modular Docker Container builds, data with GraphQL, Built with WebPack. Including determining Users Identity with React Netlify Identity. Data stored FaunaDB User Membership , todo's and site reviews etc... FAAS (Functions-as-a-Service) backend. I am just now working on the full data structure using FaunaDB.
I was using Bluma for most of my Grid and layout and some styling. Using Styled components for most of My Components styles. Over riding Bluma was increasing my .css overhead and pissing me off so I came up with....
Styled Components 💅 with custom React Hooks screen 🔗 window.matchMedia mediaQuery's 💍, using
window.matchMedia browser support.
In embodiments of 🔗 calc 🔗 vmin vmax screen matchMedia query algorithm to a 🔗 physics-based grid, cell, item layout. Using matchMedia browser screen query's that displays a grid layout interface that includes items within cells in a grid cell layout, and the Browser implements a physics-based
window.matchMedia algorithm as a computer screen grid layout that can receive a redesign input based on screen size media query's to manipulate items within a cell in the grid layout interface.
The physics-based screen algorithm is implemented to then determine one or more of the cell items that are proximate to the manipulated cell based on edge relations between an edge of the manipulated cell and respective edges of the one or more grid items.
The screen matchMedia query algorithm can then reconfigure the one or more proximate cells based on the redesign input to the manipulated items and the edge relations between the edges of the cells and/or there items.
Served on Netlify via a continuous deployment (CD) workflow. Pull requests are automatically built into preview apps, while commits to the master branch trigger the production build and deploy onto Netlify CDN edge node infrastructure. Since the whole site is just a bunch of static files copied onto multiple CDN nodes around the world, time to first byte (TTFB) is consistently fast at around 1ms to 2ms. Instant Notifications through my Slack Bots or GMail and phone notifications using Netlify Functions for my Mansbooks.com - publiuslogic.com workspace.