MULTI-website/index.html at main · SCIInstitute/MULTI-website · 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
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>MULTI Research Group | SCI Institute | University of Utah</title>

  <!-- Favicon -->
  <link rel="icon" type="image/svg+xml" href="UofU/img/uu-interlocking-u.svg">

  <!-- Stylesheets -->
  <link rel="stylesheet" href="css/variables.css">
  <link rel="stylesheet" href="css/multi.css">
</head>
<body>
  <!-- Skip Link -->
  <a href="#multi-main" class="multi-skip-link">Skip to main content</a>

  <!-- Header -->
  <header class="multi-site-header" role="banner">
    <div class="multi-site-header__container">
      <!-- University Logo -->
      <a href="https://www.utah.edu" class="multi-site-header__u-logo" aria-label="University of Utah">
        <img src="UofU/img/uu-logo-hrz.png" alt="University of Utah" class="multi-site-header__u-logo-img">
      </a>

      <!-- Department Info -->
      <div class="multi-site-header__dept">
        <a href="https://sci.utah.edu" class="multi-site-header__dept-link">
          <h1 class="multi-site-header__dept-name">SCIENTIFIC COMPUTING AND IMAGING INSTITUTE</h1>
        </a>
      </div>

      <!-- Hamburger Menu Button -->
      <button type="button" class="multi-hamburger" id="multi-hamburger" aria-label="Toggle navigation menu" aria-expanded="false">
        <span class="multi-hamburger__line"></span>
        <span class="multi-hamburger__line"></span>
        <span class="multi-hamburger__line"></span>
      </button>
    </div>

    <!-- Side Navigation Panel -->
    <nav class="multi-sidenav" id="multi-sidenav" aria-label="Main navigation" aria-hidden="true" hidden>
      <div class="multi-sidenav__content" id="multi-main-nav">
        <!-- Loaded from navigation.json -->
      </div>
    </nav>

    <!-- Overlay -->
    <div class="multi-sidenav-overlay" id="multi-sidenav-overlay" aria-hidden="true" hidden></div>
  </header>

  <!-- Main Content -->
  <main id="multi-main" class="multi-main" role="main">
    <!-- Content loaded from content.html -->
  </main>

  <!-- Footer -->
  <footer class="multi-site-footer" role="contentinfo">
    <!-- SCI Logo & Address Section -->
    <div class="multi-site-footer__sci">
      <a href="https://sci.utah.edu" class="multi-site-footer__sci-logo" aria-label="SCI Institute">
        <img src="images/logos/sci-logo.png" alt="Scientific Computing and Imaging Institute">
      </a>
      <div class="multi-site-footer__sci-info">
        <div class="multi-site-footer__dept-name" id="multi-footer-dept-name">
          <!-- Loaded from navigation.json -->
        </div>
        <address class="multi-site-footer__address" id="multi-footer-address">
          <!-- Loaded from navigation.json -->
        </address>
      </div>
    </div>

    <!-- University Footer -->
    <div class="multi-site-footer__main">
      <!-- Left: University Logo -->
      <div class="multi-site-footer__university-left">
        <a href="https://www.utah.edu" class="multi-site-footer__u-logo" aria-label="University of Utah">
          <img src="UofU/img/uu-logo-hrz.png" alt="University of Utah">
        </a>
      </div>

      <!-- Center: Copyright & Legal -->
      <div class="multi-site-footer__university-center">
        <p class="multi-site-footer__copyright" id="multi-footer-copyright">
          <!-- Loaded from navigation.json -->
        </p>
        <div class="multi-site-footer__legal" id="multi-footer-legal">
          <!-- Loaded from navigation.json -->
        </div>
      </div>

      <!-- Right: Social Media -->
      <div class="multi-site-footer__university-right">
        <div class="multi-site-footer__social" id="multi-footer-social">
          <!-- Loaded from navigation.json -->
        </div>
      </div>
    </div>

    <!-- Back to Top Button -->
    <button type="button" class="multi-back-to-top" aria-label="Back to top" id="multi-back-to-top" hidden>
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
        <polyline points="18 15 12 9 6 15"></polyline>
      </svg>
    </button>
  </footer>

  <!-- jQuery -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

  <!-- JavaScript -->
  <script src="js/multi.js"></script>

  <!-- Load content and initialize -->
  <script>
    $(document).ready(function() {
      $('#multi-main').load('content.html', function(response, status, xhr) {
        if (status === 'error') {
          console.error('Failed to load content.html:', xhr.status, xhr.statusText);
          $('#multi-main').html('<p class="multi-error-message">Failed to load content. Please refresh.</p>');
        } else {
          MULTI.init();
        }
      });
    });
  </script>
</body>
</html>