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

1. Customise _config.yml
2. Customise admin/config.yml
3. Customise _scss/_variables
4. Generate favicons: https://realfavicongenerator.net
5. Google Analytics
6. Google Webmaster
7. Sitemaps
8. 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