Skip to content
Snippets Groups Projects
Commit d3cc3ffb authored by khawkins98's avatar khawkins98
Browse files

ELIXIR banner: Document options for white background, CDR logo

parent b9dcb0f0
No related branches found
No related tags found
No related merge requests found
<div id="elixir-banner" data-color="grey" data-name="This service" data-description="I am a super cool service" data-use-basic-styles="true"></div>
<div id="elixir-banner" data-color="grey" data-name="This service" data-description="I am a super cool service" data-use-basic-styles="true" data-use-cdr-logo="false"></div>
<!-- <script defer="defer" src="./banner-elixir/banner-elixir.js"></script> -->
<script defer="defer" src="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/js/elixirBanner.js"></script>
......@@ -28,10 +28,11 @@ body {
<script defer="defer" src="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/js/elixirBanner.js"></script>
```
There are optional `data` attributes:
Optional `data` attributes:
- `data-color`: set the background color; options: orange, grey, blue, green
- `data-color`: set the background color; options: orange, grey, blue, green, none (black text on white)
- `data-name`: set part of the tite (data-name + "is part of the ELIXIR infrastructure")
- `data-use-cdr-logo`: use the ELIXIR CDR logo instead of the [kitemark](https://www.ebi.ac.uk/web_guidelines/EBI-Framework/v1.2/images/logos/assorted/elixir_kitemark-60px.png)
- `data-description`: set the text in the small line of text
- `data-more-information-link`: by default the banner will point to a page at www.elixir-europe.org. If you would prefer to link to a custom page explaining your relationship with ELXIR, add the full URL here
- `data-use-basic-styles`: if you have not loaded the Foundation Framework CSS, set to `true` and will inject a few lines of css for basic formatting
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment