Framework for Websites

Part of the EMBL Design Language

For the near/mid future this will only be a limited to a very rough schematic.

What this isn't

This isn't a full-featured framework to build an EMBL branded website.

What this is

• Barebones: This is a barebones implementation schematic representation of one possible format for EMBL sites.
• Discovery: This tooling will help us discover spacing and navigation structures for EMBL sites.
• A resource: Use this in your html mockups by including the css link to css file here
• For websites: Use this tooling for to build all manner of websites that are primarily EMBL affiliated (EMBL homepage, trainging, people directories, research teams, services, etc.)

---

No non-developers past this point

---

Under the hood

This is a stripped down Foundation for Sites installation through npm.

To develop, you'll need to:

1. Clone this repo
2. Open terminal and type npm start

What happens

The Framework-for-Websites repo is an instantiation of Foundation for Websites.

Any changes you apply to the files inside the local scss and js directories will be compiled by Travis CI and served as:

• CSS: https://embl-design-language.github.io/Framework-for-Websites/css/embl-design-language-framework.css
• JS: https://embl-design-language.github.io/Framework-for-Websites/js/embl-design-language-framework.js