iamjonfry.com website
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode
content
src
.gitignore
.travis.yml
LICENSE
README.md
gatsby-browser.js
gatsby-config.js
gatsby-node.js
package-lock.json
package.json

README.md

iamjonfry source

v2

Migrate to more customisable react site with photo portfolio.

Continue hosting on S3.

Update automation scripts to deploy react site.

Possibly use https://www.gatsbyjs.org/ to render as iamjonfry is static.

Util to limit react boilerplate - https://github.com/facebook/create-react-app

Tutorial demonstrating how to use gatsby to create a photo blog - https://jeremey.blog/gatsby-photo/

Design

Split posts into 2 categories, photo sets and blog posts.

Photo set - text overview description. stream of scrollable photos, click to take to single photo overview and <> navigation.

Blog post - common blog post layout, good code styling.

Other:

  • Reading overview progress
  • Typography pairs
  • Simple accent colour

Support top level pages - about, portfolio.

Themes

https://github.com/dimsemenov/photoswipe

https://fonts.google.com/specimen/Open+Sans+Condensed

https://github.com/luizdepra/hugo-coder

https://github.com/nishanths/cocoa-hugo-theme