iGEM-wiki

COMMON WEBSITE STUFF

• Theme
  • common styling
  • color

color	hex code or rgb
Pink	#D83F87
Black	#2A1B3D
Blue	#44318D
Purple	#ED8074
Grey	#A4B3B6

• Footer Template
• Social media handles
• Team name logo and tagline
• Navigation bar
• Pictures
• Loader
• Accessibility - screen reader and voice over

FIRST PAGE (HOMEPAGE)

• Logo - Title (Facts of ... behind - short video)
• Mascot introduced as cancer eine
• World map being infected ----> Symptoms of Cancer
• Question mark - Mascot
• Mascot (Baclongum) healing the cancer soln. |----> Promotion video
• Navigation Bars
  • Logo
  • Animations
  • World map
  • Cancer / About Pictures
  • Project Mascot
  • Promo video
  • Facts, infographics
  • Content
  • NavBar

List of Pages

• Project

Project Description

• Picture

• Global Crisis - '''

• Numbers (Caracils)

• Treatment

• Numbers (Caracils)

• Our solution

• References

• Design

• Modelling

• Experiments

• Results

• Engineering success

• Notebook

Implementation

- Implementation techniques 
- Supporting entrepreneurship

Parts

- Contribution
- Improvement 

Human practices

- Overview 
- IHP 
- Sci. Comm
- Collaboration

Collaborations

- Safety
- Achievements 
- Judging Form

Team

- Team members
- Attributors

Resources

• https://d3js.org/
• https://visme.co/blog/website-color-schemes/ (16,12,20)
• https://nicepage.com/

Basic template

• https://bootstrapmade.com/demo/TheEvent/
• https://bootstrapmade.com/demo/Bocor/ (portfolio, maybe dropdown)
• https://bootstrapmade.com/demo/Anyar/ (dropdown)

Footer

• TU Leiden - https://2020.igem.org/Team:Leiden (about us, follow us, contact us)
• Barcelona - https://2020.igem.org/Team:UPF_Barcelona#promovideo (effects of follow us, icons of social media sites)

Navbar

• https://2020.igem.org/Team:SDU-Denmark
• https://2020.igem.org/Team:Waterloo
• https://2020.igem.org/Team:Leiden#

Accessibility -

• https://2020.igem.org/Team:Waterloo

Collaboration

• Safety
• Achievements

Promotion video

• Presentation video