Boyle-Lab.github.io/index.html at master · Boyle-Lab/Boyle-Lab.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
---
title: Home
layout: default
---

<div class="site-page home-page">
  <section class="home-intro-section" aria-labelledby="home-intro-heading">
    <div class="home-classic-inner">
      <p class="home-intro-eyebrow">Computational and experimental genomics</p>
      <h1 id="home-intro-heading">Exploring the Genome</h1>
      <span class="home-heading-rule home-heading-rule--maize" aria-hidden="true"></span>
      <p class="home-intro-copy">We combine computational genomics, long-read sequencing, and high-throughput experiments to understand how regulatory and repetitive variation shapes genome function and human disease. By developing new experimental and computational methods, we connect human genetic variation to molecular mechanism and human disease.</p>
      <div class="home-intro-actions" aria-label="Learn more about the Boyle Lab">
        <a class="home-primary-link" href="/research/">Explore our research</a>
        <a class="home-secondary-link" href="/people/">Meet the lab</a>
      </div>
    </div>
  </section>

  {% assign recent_papers = site.papers | sort: "sort_date" | reverse %}
  <section class="home-wide-section home-work-section" aria-labelledby="home-work-heading">
    <header class="home-wide-section-header">
      <div>
        <p class="section-eyebrow">Recent publications</p>
        <h2 id="home-work-heading"><a href="/publications/">Our Work</a></h2>
      </div>
      <a class="text-link" href="/publications/">View all publications</a>
    </header>

    <div class="home-work-grid">
      {% for paper in recent_papers limit:3 %}
        <article class="home-work-item">
          <p class="home-work-meta">
            {% if paper.journal %}{{ paper.journal | escape }}{% if paper.year %}<span aria-hidden="true"> · </span>{% endif %}{% endif %}{% if paper.year %}{{ paper.year }}{% endif %}
          </p>
          <h3>
            {% if paper.primary_url %}
              <a href="{{ paper.primary_url | escape }}">{{ paper.title | escape }}</a>
            {% else %}
              <a href="/publications/#publication-{{ paper.bibkey | escape }}">{{ paper.title | escape }}</a>
            {% endif %}
          </h3>
          <a class="home-item-link" href="/publications/#publication-{{ paper.bibkey | escape }}">Publication details <span aria-hidden="true">→</span></a>
        </article>
      {% endfor %}
    </div>
  </section>

  {% assign current_timestamp = site.time | date: "%s" | plus: 0 %}
  {% assign one_year_ago_timestamp = current_timestamp | minus: 31536000 %}
  {% assign home_visual_posts = site.array %}

  {% for post in site.posts %}
    {% if post.teaser %}
      {% if post.categories contains "Events" or post.categories contains "Conferences" %}
        {% assign post_timestamp = post.date | date: "%s" | plus: 0 %}

        {% if post_timestamp >= one_year_ago_timestamp and post_timestamp <= current_timestamp %}
          {% assign home_visual_posts = home_visual_posts | push: post %}
        {% endif %}
      {% endif %}
    {% endif %}
  {% endfor %}

  {% if home_visual_posts.size > 0 %}
    {% assign home_visual_post = home_visual_posts | sample %}
  {% endif %}

  <section class="home-wide-section home-news-section" aria-labelledby="home-news-heading">
    <header class="home-wide-section-header">
      <div>
        <p class="section-eyebrow">From the lab</p>
        <h2 id="home-news-heading"><a href="/news/">News</a></h2>
      </div>
      <a class="text-link" href="/news/">See all news</a>
    </header>

    <div class="home-news-layout">
      <div class="home-news-updates" aria-label="Latest Boyle Lab news">
        {% for post in site.posts limit:5 %}
          <article class="home-news-item">
            <time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date: "%b %-d, %Y" }}</time>
            <h3><a href="{{ post.url }}">{{ post.title | escape }}</a></h3>
          </article>
        {% endfor %}
      </div>

      {% if home_visual_post %}
        <article class="home-news-spotlight">
          <a class="home-news-spotlight-image" href="{{ home_visual_post.url }}" aria-label="Read {{ home_visual_post.title | escape }}">
            <img src="/assets/news_graphics/{{ home_visual_post.teaser | escape }}" alt="" loading="lazy">
          </a>
          <div class="home-news-spotlight-caption">
            <p>
              {% assign home_visual_category = home_visual_post.categories | first %}
              {% if home_visual_category %}{{ home_visual_category | escape }}<span aria-hidden="true"> · </span>{% endif %}{{ home_visual_post.date | date: "%B %Y" }}
            </p>
            <h3><a href="{{ home_visual_post.url }}">{{ home_visual_post.title | escape }}</a></h3>
          </div>
        </article>
      {% endif %}
    </div>
  </section>
</div>