Project

Changelog

Last updated

Tasks from my website's backlog, eventually done (or archived).

  • experiments

    • model, template, source, routes
    • iframe
    • include experiments in feed

  • fix media create/update dates and media list sorted by

  • fix image card link withing link, image detail double title

  • migrate tslint to eslint

  • seo

    • redirect www.andretorgal.com to andretorgal.com (Route53 > CF > S3 redirect)
    • google search sitemap submit / domain verification

  • feedback and hotfixes

    • fix! a couple of 404 in feed/
    • fix nested <a> in tags/ page, improve tag list style
    • fix blog post abstract style missing
    • fix markdown is rendering an extra div (definitely messing with first/last-child margin resets)
    • fix missing dropcaps style
    • fix media list item in feed not rendering image
    • mute recently updated
    • fix empty tag list rendering empty <ul> is annoying for screen reading
    • fix noselect missing in some navigation and meta
    • fix meta list item is not picking up the right component
    • exclude home/, media/, feed/, and tags/ from feed, as they pick up tags from the listed items
    • fix empty/repeated meta tags: refactor node meta tag objects to dicts, convert to array just before rendering
    • fix tag page, tag count truncated
    • fix layout, section v spacing
    • fix feed path filter was duh
    • enhance link to top with javascript scroll to top, prevents bottom & top of page from both being entries in browser history
    • add banner to staging
    • add banner to drafts
    • check sitemap
    • style suspense fallback loading component
    • fix staging, link to prod was broken
    • fix media pages not showing sources
    • ResponsiveImg handle image loaded transition
    • ResponsiveImg load on scroll into view
    • replace utf chars with svg (external link and link to top)
    • refactor details and cards; introducing node type mixins
    • refactor schemes
    • /meta validateDOMNesting(...): <p> cannot appear as a descendant of <p>.

  • deploy to prod

    • setup staging buckets, cloudfront, cname
    • s3 sync in dev time
    • add a !-- notes -- section to articles (stripped out in prod)
    • production build: strip notes & filter drafts
    • recreate separate buckets and distributions for staging/prod
    • render different custom metas depending on stage (e.g. robots)
    • add custom robots.txt to dist/ folder depending on build stage
    • local deploy scripts
    • bounce andretorgal.com
    • create R53 > CF > S3 > redirection www.andretorgal.com to andretorgal.com
    • enable gzip in Cloudfront?

  • assets: extract, manipulate, responsive print images and upload

    • collect assets and generate asset nodes
      • refactor: move links to node.meta
      • refactor: DRY node/route creation
      • refactor: move link functions from lib/node.ts to lib/link.ts
    • create media nodes and routes
    • define asset preset/profiles
    • locate and copy during dev build
    • collect assets from hero too
    • og image
      • complete meta headers
      • replace ReactStatic.Head with custom <Head page={node} title={...} meta={[...]}>
      • meta description defaults;
    • generate resolutions during dev build
      • managing images, image sharp, other
      • refactor markdown, kill variants
    • responsive print
    • serve locally via npm server using concurrently

  • improve tooling

    • update dependencies
    • configure lintstyle, eslint, tslint

  • models, views

    • page style

    • meta style

    • tag style

    • hero component

    • fix sronly not being rendered

    • fix headings

    • differentiate external links

    • contents/meta abstracts (include in page body)

    • contents/page abstracts (include in hero if hero is on)

    • models: tags

    • page tags

    • page tag

    • format dates are missing month names

    • format checkboxes in markdown

  • link nodes: children/parent

    • show children component in meta/
    • link to parent in meta/

  • link nodes: next/previous

    • show next/previous in posts/
    • show related nodes

  • cleanup templates, add feed route, improve route paths

    • rename meta/ to meta
    • improve header style
    • simplify link component, allow passing dom attributes link tabIndex
    • show recent nodes under feed/ and home page
    • refactor routes containers and templates
      • move containers next to templates, using a simple wrapper fn
      • declare route interfaces in template units as well
    • show tags in posts

  • migrate scss

    • CSS custom properties
    • css global variables mixins
    • move away from css modules
    • site footer
    • blog navigation
    • fix page container

  • simplify scss

    • reconfigure browserslist
    • drop support for IE 11 and opera mobile)
    • cleanup css

  • rendering posts

    • read-more element
    • breakdown blog components; introduce @mixin base-page
    • refactor model: everything is a node (page, doc, post, ...)
    • show post dates
    • extract post meta, tag list, rename article > node

  • accessible routing:

    • set focus on page load, route change and anchor navigation
    • scroll to anchor on page load and on route change
    • scroll to top on page route change
    • switch from @reach/router to react-router

  • collect nodes and render

    • markdown factory, and specialised markdown elements
    • no default exports, except for containers and App
    • integrate docs into content
    • re-organise docs
    • split records into individual files
    • spike: storybook + typescript + scssd
    • cleanup: react static config, watcher, routes, extraneous 404 page
    • typed scss modules (ide support + compile time)
    • css ie11 support via postcss and prefixer
    • scss lint
    • fix: strip links from abstracts not working
    • custom headings with anchor
    • normalise code style
    • abstract: extract text from a specific markdown block
    • typed route data
    • head, seo, helmet
    • frontmatter: custom title
    • custom template
    • custom slug
    • internal links should default to top anchor
    • layout container
    • watch content directories and re-render on change
    • external vs local links in markdown renderer
    • markdown POC blog posts props

  • Spike: React Static (+ typescript + sass)

    • bootstrap
    • full static build
    • 404
    • typed scss modules (ide support + compile time)
    • IE11
  • Spike: Gatsby (+ typescript + sass + markdown)
    • bootstrap
    • full static build
    • move content to ./content
    • typed scss modules (ide support + compile time)
    • 404
    • IE11
    • env vars
    • markdown pages
    • markdown blog posts

Abandoned

  • not using css-modules for now