portfolio-2019

Fixed

• Poor rendering performance in the projects page, related to the custom lazy image module. Switched to native <img loading="lazy"> for now

Changed

• Theme switcher as a dynamic component
• Sort projects by "cool rating", then by date
• Home Grid UX: auto waves start sooner, but with a longer internal in between

Added

• Analytics: theme switcher and asset links

Removed

• Moved projects sorting from client side to data download script

Fixed

• Using the router's asPath attribute as each page's key for transitions

Changed

• Upgraded dependencies (incl. React and Preact) to support Next.js 9.2
• Removed next-css plugin in favor on Next.js builtin support
• Changed format of the PostCSS configuration

Added

• add redirect rule for new netlify.app domain

Changed

• Refactored page props

Removed

• Removed PropTypes as they are redundant with TypeScript

Fixed

• Contentful video and images for CSP videos and images rules

Added

• redirect from Netlify's default subdomain to primary domain

Changed

• lazy loading images trigger 100px before entering the viewport
• page headers padding-top reduced on desktop

Fixed

• autoplaying videos more robust across browsers
• better vertical space rules for project assets
• rich text list styles

Changed

• different sharing images per page

Added

• twitter card meta data

Changed

• Self-host webfonts (still lazily loaded)

Fixed

• Do no use Netxjs's <Link> for external assets (as it will try to preload the resource)
• Force HomeGrid to be ignored by SSR

Added

• Added Structured Data (Author, Organization, WebSite, WebPages + breadcrumbs, Article)

Changed

• Theme Switcher is now position absolute (previously was fixed)
• Lazy load Web Font (+ JS fallback)

Fixed

• Link to CV in about page
• Contentful Rich Text Renderer can now handle Assets links

Removed

• dead code in the home grid forfillcolor setting

Fixed

• theme switcher aria label
• CSS variables value set in :root instead of html selector

Changed

• dark/light theme now changes with a toggle button and perists on localstorage
• homepage logo: thinner, no blur, heavier box shadow

Changed

• more explicit page loading spinner in the Nav component
• use Trillium Web font instead of system fonts

Fixed

• better nav spinner out transition
• prevented browser's native scroll restoration, as it conflicts with next router and page transitions

Changed

• videos now autoplay inline while being muted
• narrow media are now displayed on desktop side-by-side

Changed

• tweaked grid config (slower waves, smaller dots, larger grid gaps, centered programmatic waves...)
• removed loading spinner, replaced with animated nav link underline
• nav menu keeps the mobile menu on desktop too
• use rAF when loading full res in lazy image
• updated browserlist

Fixed

• base64 thumb qualitty back to 10 (below 10 itt loses color info)
• project page's text size is same as about page
• netlify headers file uses placeholders instead of all the explicit routes

Fixed

• moved shared tailwind config to separate file, avoids pulling all of tailwind deps (including full lodash) into the clientside bundle
• Content-Security-Policy and X-XSS-Protection HTTP headers applied only to HTML pages
• Correct Content-Type for .js and .webmanifest files
• Correct <meta name="vieport" /> tag

Added

• contentful data download script:
  • singleton option
  • slim down API objects by removing all sys and fields
  • download all images base64 thumb and attach to API data
• media components:
  • lazy image
  • video
  • sizes presets

Changed

• project media structure: now split between wide and narrow pictures
• using lazy image in project tiles
• single project hero markup/background color, sections spacing

Fixed

• Force page to be scrolled to top inbetween page transitions.

Added

• home page logo enter animation (per letter)
• home page logo neon effect
• home page lazy-loading interactive grid
• top right corner spinner while transitioning between pages
• individual project page header

Changed

• nav links compute selected property automously inside the Nav component
• project tiles background color

Added

• "selected" nav links
• staggered enter animations on about page
• project page: meta, title and description

Changed

• /post/[id] => /projects/[id]
• styles: created custom tailwind utilities, replacing custom css code
• ux: avoiding hover styles (improved touch screen experience)
• new home logo (shorter, stronger type hierarchy)
• nav links styles ('|_' replaced with dot)

Fixed

• prevented the home page from bouncing

Added

• About page: using contentful data for meta
• Profile illustration
• Bio (rich text) rendering and styles