atlasanalyticslab.github.io/_includes/footer.html at 066c5d0e342954a41850dca13c3185c52ceebff9 · AtlasAnalyticsLab/atlasanalyticslab.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
<!--
  Footer Component (footer.html)

  Purpose:
    Global site footer with lab summary, institutional links, and contact details.
    Three-column responsive layout.

  Layout:
    - Left: Copyright, Jekyll attribution, department affiliation
    - Center: Institutional and lab links with icons (Concordia, McGill, Mila, GitHub)
    - Right: Physical address with Google Maps and contact page links

  Features:
    - Responsive Bootstrap grid
    - Icon-based institutional links
    - Embedded map links

  Dependencies:
    - Bootstrap 5 grid system and icons
    - theme-toggle.js script
-->
<!-- Global footer containing institutional links and contact details. -->
<footer id="footer" class="py-4">
  <div class="container-fluid">
    <div class="row g-4">
      <!-- Column: lab summary and modification notice (left-most). -->
      <div class="col-md-4">
        <p class="mb-2">&copy; {{ site.time | date: '%Y' }} Atlas Analytics Lab.</p>
        <p class="mb-0">We are part of the
          <a href="https://www.concordia.ca/ginacody/computer-science-software-eng.html">Department of Computer Science and Software Engineering (CSSE)</a> at
          <a href="https://www.concordia.ca/">Concordia University</a>.
        </p>
      </div>
      <!-- Column: institutional and lab links with icons (middle). -->
      <div class="col-md-4 text-center d-flex align-items-center justify-content-center">
        <div class="d-flex gap-3 flex-wrap justify-content-center">
          <a href="https://www.concordia.ca/faculty/mahdi-hosseini.html"
             class="btn btn-outline-secondary btn-sm"
             title="Concordia University"
             target="_blank">
            <i class="bi bi-building"></i> Concordia
          </a>
          <a href="https://www.mcgill.ca/pathology/dr-mahdi-hosseini"
             class="btn btn-outline-secondary btn-sm"
             title="McGill University"
             target="_blank">
            <i class="bi bi-bank"></i> McGill
          </a>
          <a href="https://mila.quebec/en/directory/mahdi-hosseini"
             class="btn btn-outline-secondary btn-sm"
             title="Mila - Quebec AI Institute"
             target="_blank">
            <i class="bi bi-robot"></i> Mila
          </a>
          <a href="https://github.com/AtlasAnalyticsLab"
             class="btn btn-outline-secondary btn-sm"
             title="Lab GitHub"
             target="_blank">
            <i class="bi bi-github"></i> GitHub
          </a>
        </div>
      </div>
      <!-- Column: physical mailing address and quick navigation to map resources (right-most). -->
      <div class="col-md-4 text-md-end">
        <p class="fw-semibold mb-2">Contact:</p>
        <address class="mb-0">
          ER 955, Concordia University ER Building<br>
          2155 Guy Street<br>
          Montreal, Quebec, H3H 2L9<br>
          Canada<br>
          (<a href="https://maps.app.goo.gl/FUPQ6R3c7gYvdtkm7">Google Maps</a>,
          <a href="{{ site.url }}{{ site.baseurl }}/contact/">Contacts and Directions</a>)
        </address>
      </div>
    </div>
  </div>
</footer>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="{{ site.url }}{{ site.baseurl }}/js/theme-toggle.js"></script>