hauntedhost / www

Personal website.

www

Features:

• Development server
• Nunjucks templates
• Markdown to HTML
  • Front Matter
    • Title
    • Layout
  • Code syntax highlighting
  • Footnotes
  • Custom sidenotes
  • Bracketed spans
  • Attributes
• ES2015 bundling
  • Module resolution
  • Compilation
  • Dev sourcemaps
  • Optimized production builds
• Sass compilation
  • Autoprefixer
  • Minification
• Image optimization
• Fingerprinted assets with manifest.json
• Subresource Integrity
• Linting
  • HTMLHint
  • ESLint
  • stylelint
• Deployment

TODO:

• add js sourcemaps
• copy original markdown to dist as <page>.md
• optimize images
• add gulp-plumber
• css lint
• js lint
• html lint
• replace cssnano with clean-css?
• add subresource integrity hashes to asset data
• nunjucks filter to splat object into k="v" attrs
• fix notifier, colors not parsing in notifications area
• compile es6 javascript with import/exports
• eslint for webpack
• production build for webpack
• deploy task
• replace deprecated gulp-util
• test drive prepack build size
• highlight nav of currently active page
• add an id to the body of layout with name of page
• finish porting existing pages
• change favicon to a ghost
• launch v1
• fix mobile-view bunching
• favicon generation?
• add first draft of about me page
• fix :not(pre) > code font-size on mobile
• add meta description
• add og meta tags

  <meta property="og:type" content="profile">
  <meta property="og:image" content="...">
  <meta property="og:title" content="{{ file.data.title }} | Elixir and JavaScript Web Developer">
  <meta property="og:description" content="Hello, my name is Jules. I'm a senior Elixir and JavaScript web developer.">
  <meta property="og:url" content="...">
  

• use favicon.svg - need vector editor to fill ghost
• fix sri through cloudflare :/
• pdf generation
• download latest fira code fonts to src/fonts instead of cdn
• deploy with an nginx conf / restart
• consider indieweb: https://indiewebify.me
• add article json-ld figure out how to nest json-ld, e.g. creator of article is entire person.json https://www.fabian-keller.de/blog/adding-json-ld-to-a-personal-website
• include parent, children, siblings in file.data, e.g. for breadcrumps and lists
• cleanup dist files not in src, e.g. from renames or deletes
• something to "like" or heart posts