Chris Elston's Website

The Plan

This will become my website. It will consist of the following...

A banner header with login option on the right
A menu on the left, that will sit at the top when viewed on small screens
An about page that includes my CV and details of how the site was built
A blog, written in markdown and mirrored to github as a separate content submodule. Some content may be limited to logged-in users
Demonstrations for learned techniques, perhaps games or the like
Cheat sheets (or perhaps they should be part of the wiki)
A wiki, also written in markdown and mirrored to github as a submodule. Some content may be limited to logged-in users
My image processing book, in draft form, as a submodule
My portfolio gallery, with snap galleries available to logged-in users with a family account
My music catalogue, taken from a directory listing (how to avoid constant re-scanning?)
My videos catalogue, taken from the spreadsheet, with some content hidden for certain users

The site will be structured so that any additional requirements are included as submodules or installed via npm and source will be shared on github.

It will, as much as possible, utilise the things I'm learning about: The MongodbExpressReactNode stack.

It will be possible to edit markdown content online, for authorised logged-in users (me)

Resources

CSS3 The missing manual examples on github
Bootstrap

ToDo

a basic wireframe starting point with this page as home content
markdown conversion using node.js and markdown-it
some useful stuff might also be found in Hedgedoc and node packages in package.json
yaml config parsing with js-yaml
yaml front-matter extraction with front-matter
recursive async directory reading with readdirp

My CV

download pdf

Some random text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nam aliquam sem et tortor consequat id porta nibh venenatis. Volutpat est velit egestas dui id ornare. Eget velit aliquet sagittis id consectetur purus ut. Nisl suscipit adipiscing bibendum est ultricies integer quis auctor. Placerat vestibulum lectus mauris ultrices. Imperdiet massa tincidunt nunc pulvinar sapien et ligula. Netus et malesuada fames ac. Arcu felis bibendum ut tristique et egestas quis ipsum suspendisse. Aenean vel elit scelerisque mauris pellentesque. Nunc mi ipsum faucibus vitae. Mi eget mauris pharetra et ultrices neque ornare aenean. Neque gravida in fermentum et.