<commit_before>---
title: ELIXIR Banner
layout: free-form
---
<!DOCTYPE html>
<html>
<head>
  <title>{{title}}</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>

<style>
body {
  /* Some basic reseets */
  margin: 0;
  padding: 0;
}
</style>


<div class="row" style="max-width: 1200px; margin: 0 auto; font-family: Helvetica, sans-serif; line-height: 1.5rem; padding-bottom: 1rem;">
<div class="column">
{{#markdown}}
This should be placed in the footer of sites that are part of the ELIXIR network; you'll need to include these two lines:
```
<div id="elixir-banner" data-color="grey" data-name="This service" data-description="I am a super cool service" data-more-information-link="https://www.elixir-europe.org/about-us/who-we-are/nodes/embl-ebi" data-use-basic-styles="true"></div>
<script defer="defer" src="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/elixirBanner.js"></script>
```

There are optional `data` attributes:

- `data-color`: set the background color; options: orange, grey, blue, green
- `data-name`: set part of the tite (data-name + "is part of the ELIXIR infrastructure")
- `data-description`: set the text in the small line of text
- `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

Get started:
- [Try it on CodePen](https://codepen.io/khawkins98/pen/ZXdGQO?editors=1000)
- [See an example implementation](https://wwwdev.ebi.ac.uk/style-lab/websites/sample-site/boilerplate/affiliates.html)

{{/markdown}}
</div>
</div>

{{> banner-elixir}}

</body>
</html>
<commit_msg>Add explainer<commit_after>---
title: ELIXIR Banner
layout: free-form
---
<!DOCTYPE html>
<html>
<head>
  <title>{{title}}</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>

<style>
body {
  /* Some basic reseets */
  margin: 0;
  padding: 0;
}
</style>


<div class="row" style="max-width: 1200px; margin: 0 auto; font-family: Helvetica, sans-serif; line-height: 1.5rem; padding-bottom: 1rem;">
<div class="column">
{{#markdown}}
This should be placed in the footer of sites that are part of the ELIXIR network; you'll need to include these two lines:
```
<div id="elixir-banner" data-color="grey" data-name="This service" data-description="I am a super cool service" data-more-information-link="https://www.elixir-europe.org/about-us/who-we-are/nodes/embl-ebi" data-use-basic-styles="true"></div>
<script defer="defer" src="https://wwwdev.ebi.ac.uk/web_guidelines/EBI-Framework/v1.3/js/elixirBanner.js"></script>
```

There are optional `data` attributes:

- `data-color`: set the background color; options: orange, grey, blue, green
- `data-name`: set part of the tite (data-name + "is part of the ELIXIR infrastructure")
- `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

Get started:
- [Try it on CodePen](https://codepen.io/khawkins98/pen/ZXdGQO?editors=1000)
- [See an example implementation](https://wwwdev.ebi.ac.uk/style-lab/websites/sample-site/boilerplate/affiliates.html)

{{/markdown}}
</div>
</div>

{{> banner-elixir}}

</body>
</html>

{'fraction_non_alphanumeric': 0.15838773772353107, 'fraction_numerical': 0.010786261708770934, 'mean_word_length': 4.6384, 'pattern_counts': {'":': 0, '<': 43, '<?xml version=': 0, '>': 45, 'https://': 8, 'lorem ipsum': 0, 'www.': 7, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6981449', 'n_tokens_mistral': 1284, 'n_tokens_neox': 1197, 'n_words': 355}