Notes

Details

To modify styles:

• pages: assets/themes/css/style.scss
• before entering pages: assets/themes/lab/css/style.scss

Goals

• Must have
  • Site is available
  • Modern tools
  • Modern look and feel
  • Source code available
  • Blog
  • Trusted users can update
  • Separation of content and style
    • Themes separate
• Nice to have
  • Mobile-friendly
  • Tags for papers, protocols
  • Share
  • Search
  • Analytics

Approach

• GitHub Pages
• Jekyll + Bootstrap (and Jekyll Bootstrap)
• Sass support for CSS
• Google Fonts

What I’m Currently Blocked On

Issues are tracked at GitHub github-issues.

• Many style choices need to be updated.
• Bottom bar
• No Projects page
• Content
  • Lab members
  • Publications

  • Protocols

    © 2026 Zihao Wang with help from Jekyll Bootstrap and Twitter Bootstrap

This site has useful stuff on social media links etc. http://erjjones.github.io/blog/How-I-built-my-blog-in-one-day/

Tweet

Layout

I’m inspired by Trevor Bedford’s clean, functional site. I intend to copy it—part of Trevor’s intent.

• Home
  • Research
  • Papers
    • Queuosine modification of tRNA and codon usage
    • The relationship between mRNA and protein levels
    • Heat triggers reversible…
  • Team
  • Blog
  • Protocols
  • Misc
    • About
    • Join
    • Contact

Each of the major areas is structured like a blog. For example:

research/
	index.html
	_posts/
		2015-04-18-heat-shock-aggregation.md
papers/
	index.html
	_posts/
		2014-12-09-queuosine.md
		2015-04-18-mrna-protein.md
protocols/
	index.html
	_posts/
		2015-04-18-yeast-lysis.md
team/
	index.html
	_posts/
		2011-10-01-d-allan-drummond.md
		2011-10-01-edward-wallace.md
news/
	index.html
	_posts/
		2015-04-09-pg-paper-accepted.md

For team, use a tag to indicate ‘current’ vs ‘alumni’?

To do

• Home page
  • Text
  • Picture
  • Links to About, Join, Contact
• Styles – Sass
• Blog post on what is happening here, experiences getting up and running.
• About page
• Twitter/Disqus…

Done

• Figure out how top navbar works

Hosting

Name registration at [NameCheap]. Custom domain via [GitHub Pages]. [NameCheap]: https://www.namecheap.com