wearethoughtfox
New company website using Jekyll, Tachyons and Netlify
Temporary url: https://vigilant-brahmagupta-3ca639.netlify.com
bundle exec jekyll serve
bundle exec jekyll serve --watch --incremental
SEO tags
Provided by https://github.com/jekyll/jekyll-seo-tag/blob/master/docs/usage.md
Animation on scroll examples
https://codepen.io/michalsnik/pen/WxNdvq
Smooth scroll
https://github.com/alicelieutier/smoothScroll
Scroll to top button
https://www.shareicon.net/arrow-up-app-ui-essential-884106
Pagination
https://github.com/sverrirs/jekyll-paginate-v2
Sitemap
https://github.com/jekyll/jekyll-sitemap
Process
- Customise _config.yml
- Customise admin/config.yml
- Customise _scss/_variables
- Generate favicons: https://realfavicongenerator.net
- Google Analytics
- Google Webmaster
- Sitemaps
- Jekyll layouts and includes
Netlify set up
To install on Netlify, follow these instructions:
- https://www.netlify.com/blog/2015/10/28/a-step-by-step-guide-jekyll-3.0-on-netlify/#netlifystart
- Don't forget to
bundle install
to install the Ruby dependencies - https://www.netlifycms.org/docs/intro/
- https://www.netlifycms.org/docs/editorial-workflow/
- Use Github for authentication https://www.netlify.com/docs/authentication-providers/#using-an-authentication-provider
To do
- Accessibility: http://a11yproject.com/checklist.html / http://pa11y.org
- Get permalinks working locally - no .html
- Critical CSS generator
- Strikethrough hover: https://codepen.io/tsimenis/pen/BKdENX
- Structured data: https://developers.google.com/search/docs/guides/search-gallery
- Backlinks
Work - To add
- WorldSkills map
- MSN
- REC
- Amnesty BRAVE
- Amnesty Twitter
Work - Types
- Research
- Data & maps
- Web development
- Design