jrl-umi3218.github.com/index.html at master · jrl-umi3218/jrl-umi3218.github.com · 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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
---
layout: default
---

<div class="container-fuild breadcrumbs-container home-banner-large">
  <div class="container home-banner-xs">
    <!-- Marketing Icons Section -->
    {%- capture home_assets -%}/assets/pictures/home/{%- endcapture -%}
    {%- assign home_asset_files = home_assets | assets_in_dir -%}
    {%- for f in home_asset_files -%}
    {%- if carousel_files -%}
    {%- capture carousel_files -%}{{carousel_files}},{{site.baseurl_root}}{{f}}{%- endcapture -%}
    {%- else -%}
    {%- capture carousel_files -%}{{site.baseurl_root}}{{f}}{%- endcapture -%}
    {%- endif -%}
    {%- endfor -%}
    {%- assign carousel_files = carousel_files | split: "," -%}
    {%- assign carousel_files_size = carousel_files | size -%}

    <div class="row justify-content-center">
      <div class="col-lg-8">
        <div id="project-carousel" class="carousel slide" data-bs-ride="carousel" data-bs-interval="5000">

          {% if carousel_files_size != 1 %}
          <!-- Indicators -->
          <div class="carousel-indicators">
            {% for f in carousel_files %}
            {% if forloop.index0 == 0 %}
            <button data-bs-target="#project-carousel" data-bs-slide-to="{{ forloop.index0 }}" class="active"
              aria-current="true"></button>
            {% else %}
            <button data-bs-target="#project-carousel" data-bs-slide-to="{{ forloop.index0 }}"></button>
            {% endif %}
            {% endfor %}
          </div>
          {% endif %}

          <!-- Wrapper for slides -->
          <div class="carousel-inner">
            {% for f in carousel_files %}
            {% if forloop.index0 == 0 %}
            <div class="carousel-item active">
              {% else %}
              <div class="carousel-item">
                {% endif %}
                <img class="img-fluid img-rounded" src="{{ f }}" alt="carousel {{ forloop.index }}">
              </div>
              {% endfor %}
            </div>
          </div>
        </div>
      </div>

      <div id="index-links" class="d-flex justify-content-end position-absolute end-0 p-3">
        <table>
          <tbody>
            <tr>
              <td style="padding-bottom:10px">
                <a href="https://github.com/jrl-umi3218/">
                  <img src="{{site.baseurl_root}}/assets/icons/GitHub-Mark-Light-64px.png" width="40" alt="GitHub">
                </a>
              </td>
            </tr>
            <tr>
              <td style="padding-bottom:10px">
                <a href="https://www.youtube.com/channel/UCYwHCdMHAKYZJ2MQIoTavVQ">
                  <img src="{{site.baseurl_root}}/assets/icons/yt_icon_rgb.png" width="40" alt="YouTube Channel">
                </a>
              </td>
            </tr>
            <tr>
              <td style="padding-bottom:10px">
                <a href="https://jrl-umi3218.github.io/mc_rtc/">
                  <img src="{{site.baseurl_root}}/assets/icons/mc_rtc.png" width="40" alt="mc-rtc">
                </a>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>

<!-- Page Content -->
<div class="container">
  <div class="row" style="margin-top:25px;">
    <div class="col-md-12">
      <div class="panel panel-default">
        <div class="panel-heading">
          <h4>{{ site.data[site.active_lang].index.overview }}</h4>
        </div>
        <div class="panel-body">
          {% include {{ site.active_lang }}/index-overview.html %}
        </div>
      </div>
    </div>
  </div>
  <!-- /.row -->

  <!-- Projects Section -->
  <div class="row row-centered">
    <div class="col-lg-12 col-centered">
      <h2 class="page-header">{{ site.data[site.active_lang].index.projects }}</h2>
    </div>
    {%- assign sorted_projects = site.data.projects | sort: 'id' -%}
    {%- for project in sorted_projects -%}
    {%- if project.active == true -%}
    <div class="col-md-3 col-xs-6 col-centered">
      <a href="{{site.baseurl}}/projects/project-{{project.id}}.html" data-toggle="tooltip"
        title="{{project.title}} - {{project.longtitle}}">
        <img class="img-fluid img-portfolio img-hover" src="{{site.baseurl_root}}/assets/projects/{{project.id}}.png"
          alt="{{project.title}} - {{project.longtitle}}">
      </a>
    </div>
    {%- endif -%}
    {%- endfor -%}
  </div>
  <!-- /.row -->
</div>
<!-- /.container -->