globus-labs.github.io/projects.html at 03508fc1b2f8bd7f0b3a97dd01b3bb19baffc16b · globus-labs/globus-labs.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
---
layout: default
title: Projects
---

{% assign project_div_class = "row row-cols-2 row-cols-md-3 row-cols-xl-4 project-card-deck align-items-center" %}

<h1>Active Projects</h1>
<p>These are projects that are very actively under development.</p>
<div class="{{ project_div_class }}">

<!--
    Note: check != false here rather than for truthyness because not
    all projects have the active tag yet.
-->
{% for project in site.projects %}
    {% if project.active != false %}
        <a href="{{ project.url }}" class="text-reset text-decoration-none">
            <div class="card project-card zoom-1_1">
                <div class="card-body">
                    <img class="img-fluid" src="images/projects/{{ project.image }}"
                        style="max-height: 100px;">
                    <p class="mt-2 link">
                        <span class="name">{{ project.title }}</span> <br>
                        {{ project.teaser }}
                    </p>
                </div>
            </div>
        </a>
    {% endif %}
{% endfor %}
</div>


<h1>Other Projects</h1>
<p>These are projects that are not currently being actively developed but may or may not still be used to support above active projects.</p>
<div class="{{ project_div_class }}">

<!--
    Note: check != false here rather than for truthyness because not
    all projects have the active tag yet.
-->
{% for project in site.projects %}
    {% if project.active == false %}
        <a href="{{ project.url }}" class="text-reset text-decoration-none">
            <div class="card project-card">
                <div class="card-body">
                    <img class="img-responsive" src="images/projects/{{ project.image }}"
                        style="max-height: 100px;">
                    <p class="mt-2 link">
                        <span class="name">{{ project.title }}</span> <br>
                        {{ project.teaser }}
                    </p>
                </div>
            </div>
        </a>
    {% endif %}
{% endfor %}
</div>