Changelog
Last updated
Tasks from my website's backlog, eventually done (or archived).
-
experiment's banner
- clicking banner goes to andretorgal.com homepage
- detect if framed, de-frame
-
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>
intags/
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/
, andtags/
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>.
- fix! a couple of 404 in
-
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
todist/
folder depending on build stage - local deploy scripts
- bounce andretorgal.com
- create R53 > CF > S3 > redirection
www.andretorgal.com
toandretorgal.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
tolib/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
usingconcurrently
- collect assets and generate asset nodes
-
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
toreact-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-
react-static
ssg time vs client time hydration of css module classes breaks down / using typings-for-css-modules-loader / following issue here / see logbook -
react-static
tries to build pages for sass typings404.scss.d.ts
-