---
layout: default
---

<article class="body-wrapper margin-wrapper">

    <div id="left-column"></div>

    <div class="narrower-article-div">
        <header>
            <h1>
                {{ page.title | escape }}
            </h1>
        </header>

        <div class="index-flex">
          {% if page.introduction %}
            <div class="index-gray-box">
              {{ page.introduction }}
            </div>
          {% endif %}

          {% if page.introduction_photo %}
            <div class="index-photo">
              <img src="{{ page.introduction_photo }}" alt="Elixir Luxembourg" />
            </div>
          {% endif %}
        </div>

        {{ content | markdownify }}

        <div class="index-flex">
          <div class="index-box">
            <img src="https://www.elixir-europe.org/sites/default/files/images/events.jpg" alt="Events image" />
            <div class="index-box-caption">
              <a href="{{ site.baseurl }}/events/">Events</a>
            </div>
          </div>

          <div class="index-box">
            <img src="https://www.elixir-europe.org/sites/default/files/images/vacancies.jpg" alt="Job vacancies image" />
            <div class="index-box-caption">
              <a href="{{ site.baseurl }}/about-node/vacancies">Job vacancies</a>
            </div>
          </div>

          <div class="index-box">
            <img src="https://www.elixir-europe.org/sites/default/files/images/get-involved.jpg" alt="Flyer image" />
            <div class="index-box-caption">
              Download flyer
            </div>
          </div>
        </div>
    </div>

    <div id="right-column">
      {% if paginator.posts %}
      <h2>Our news</h2>

      {% for post in paginator.posts %}
      <div class="post">
        <a class="post-title" href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>

        <span class="post-date">Published on: {{ post.date | date: '%B %d, %Y' }}</span>

        <div class="content">
          {{ post.content | truncate: 220 }}
        </div>
      </div>
      {% endfor %}

      <h3><a href="{{ site.baseurl }}/news/">See more...</a></h3>
      {% endif %}

      <a class="twitter-timeline" data-lang="en" data-width="380" data-height="800" data-dnt="true" data-theme="light" data-link-color="#B57B00" href="https://twitter.com/elixir_lu?ref_src=twsrc%5Etfw">Tweets by elixir_lu</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
    </div>
</article>