index.html 3.35 KB
Newer Older
Jacek Lebioda's avatar
Jacek Lebioda committed
1 2 3 4
---
layout: default
---

Jacek Lebioda's avatar
Jacek Lebioda committed
5
<article class="body-wrapper margin-wrapper">
Jacek Lebioda's avatar
Jacek Lebioda committed
6

7
    <div id="left-column" class="hide-in-lowres"></div>
Jacek Lebioda's avatar
Jacek Lebioda committed
8

Jacek Lebioda's avatar
Jacek Lebioda committed
9
    <div class="narrower-article-div">
Jacek Lebioda's avatar
Jacek Lebioda committed
10 11 12 13 14 15
        <header>
            <h1>
                {{ page.title | escape }}
            </h1>
        </header>

Jacek Lebioda's avatar
Jacek Lebioda committed
16 17 18 19 20 21 22
        <div class="index-flex">
          {% if page.introduction %}
            <div class="index-gray-box">
              {{ page.introduction }}
            </div>
          {% endif %}

23
          <div class="index-photo">
24
            <picture>
25 26 27 28 29 30
              <source media="(min-width: 200px)" srcset="{{ '/assets/cover_big.webp' | relative_url }}" type="image/webp" alt="Elixir Luxembourg" />
              <source media="(max-width: 200px)" srcset="{{ '/assets/cover_small.webp' | relative_url }}" type="image/webp" alt="Elixir Luxembourg" />

              <source media="(min-width: 200px)" srcset="{{ '/assets/cover_big.jpg' | relative_url }}" type="image/jpeg" alt="Elixir Luxembourg" />
              <source media="(max-width: 200px)" srcset="{{ '/assets/cover_small.jpg' | relative_url }}" type="image/jpeg" alt="Elixir Luxembourg" />
              <img src="{{ '/assets/cover_small.jpg' | relative_url }}" type="image/jpeg" alt="Elixir Luxembourg" />
31
            </picture>
32
          </div>
Jacek Lebioda's avatar
Jacek Lebioda committed
33 34
        </div>

Jacek Lebioda's avatar
Jacek Lebioda committed
35
        {{ content | markdownify }}
Jacek Lebioda's avatar
Jacek Lebioda committed
36 37

        <div class="index-flex">
38 39 40 41 42 43
          <a href="{{ '/events/' | relative_url }}">
            <div class="index-box">
              <img src="{{ '/assets/buttons/index_events.jpg' | relative_url }}" alt="Events image" />
              <div class="index-box-caption">
                Events
              </div>
Jacek Lebioda's avatar
Jacek Lebioda committed
44
            </div>
45
          </a>
Jacek Lebioda's avatar
Jacek Lebioda committed
46

47 48 49 50 51 52
          <a href="{{ '/about-node/vacancies' | relative_url }}">
            <div class="index-box">
              <img src="{{ '/assets/buttons/index_jobs.jpg' | relative_url }}" alt="Job vacancies image" />
              <div class="index-box-caption">
                Job vacancies
              </div>
Jacek Lebioda's avatar
Jacek Lebioda committed
53
            </div>
54
          </a>
Jacek Lebioda's avatar
Jacek Lebioda committed
55

56 57 58 59 60 61
          <a href="https://webdav-r3lab.uni.lu/public/elixir/website/pdf/ELIXIR-LU_Flyer_VF.pdf">
            <div class="index-box">
              <img src="{{ '/assets/buttons/index_flyer.jpg' | relative_url }}" alt="Flyer image" />
              <div class="index-box-caption">
                Download flyer
              </div>
Jacek Lebioda's avatar
Jacek Lebioda committed
62
            </div>
63
          </a>
Jacek Lebioda's avatar
Jacek Lebioda committed
64
        </div>
Jacek Lebioda's avatar
Jacek Lebioda committed
65 66
    </div>

Jacek Lebioda's avatar
Jacek Lebioda committed
67
    <div id="right-column">
Jacek Lebioda's avatar
Jacek Lebioda committed
68
      <a class="twitter-timeline" data-tweet-limit="3" 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>
69

Jacek Lebioda's avatar
Jacek Lebioda committed
70
      {% if paginator.posts %}
71 72 73 74
      <h2>Our news</h2>

      {% for post in paginator.posts %}
      <div class="post">
Jacek Lebioda's avatar
Jacek Lebioda committed
75
        <a class="post-title" href="{{ post.url | relative_url }}">{{ post.title }}</a>
76
        <br />
77 78 79
        <span class="post-date">Published on: {{ post.date | date: '%B %d, %Y' }}</span>

        <div class="content">
80
          {{ post.content | strip_html | normalize_whitespace | truncate: 220 }} <a href="{{ post.url | relative_url }}">(read more)</a>
81 82 83 84
        </div>
      </div>
      {% endfor %}

Jacek Lebioda's avatar
Jacek Lebioda committed
85
      <h3><a href="{{ '/news/' | relative_url }}">See more news...</a></h3>
Jacek Lebioda's avatar
Jacek Lebioda committed
86
      {% endif %}
Jacek Lebioda's avatar
Jacek Lebioda committed
87 88
    </div>
</article>