swiftware-lab.github.io/index.html at main · SwiftWare-Lab/swiftware-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
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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-RDMH3QY4NK"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-RDMH3QY4NK');
    </script>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SwiftWare Lab - Research & People</title>
    <link rel="stylesheet" href="main.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&family=Playfair+Display:wght@700&display=swap" rel="stylesheet">

</head>
<body>
    <header>
        <div class="container site-header">
            <div class="logo">
                <h1><a href="#">SwiftWare Lab</a></h1>
            </div>
            <nav>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="research.html">Research</a></li>
                    <li><a href="people.html">People</a></li>
                    <li><a href="publications.html">Publications</a></li>
                    <li><a href="contact.html">Contact</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <section class="hero">
        <div class="container">
            <h2>Welcome to SwiftWare Lab!</h2>
            <p>SwiftWare Laboratory is dedicated to pioneering high-performance computing solutions that empower scientific breakthroughs.</p>
        </div>
    </section>

    ---

    <div class="slideshow-container">
        <img class="mySlides active fade" src="img/compiler.png" alt="Lab Research Image 1">
        <div class="text">Computing Systems for Linear Algebra</div>

        <img class="mySlides fade" src="img/cps.png" alt="Lab Research Image 2">
        <div class="text">Domain-Specific Languages and Compilers for Cyber Physical Systems</div>

        <img class="mySlides fade" src="img/bigdata.png">
        <div class="text">Big Data and Machine Learning</div>

        <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
        <a class="next" onclick="plusSlides(1)">&#10095;</a>
    </div>

    ---

    <div class="container main-content">
        <main class="content-area">
            <h2>Research Highlights</h2>
            <p>
                SwiftWare Lab research broadly encompasses computing systems, with a particular focus on high-performance computing and compiler design. Our investigations extend to their applications in critical fields such as scientific computing, machine learning, data analytics, and numerical optimization. We are dedicated to designing and building computing systems that achieve optimal efficiency and speed across a wide range of processors, from resource-constrained embedded systems to powerful supercomputers. Additionally, a significant part of our research explores numerical optimization and linear algebra methods and their scalability, achieved by leveraging inherent program and data characteristics.
            </p>


            <h2>Meet Our Team</h2>
            <p>
                Our lab is comprised of dedicated researchers and students committed to advancing knowledge in High-Performance Computing. Learn more about <a href="people.html">the individuals</a> driving our discoveries.
            </p>
<!--             <div style="display: flex; gap: 20px; flex-wrap: wrap; margin-top: 20px;">
                <div style="text-align: center;">
                    <img src="https://via.placeholder.com/100x100?text=PI" alt="PI" style="border-radius: 50%; width: 100px; height: 100px; object-fit: cover;">
                    <p>Dr. Jane Doe<br>Principal Investigator</p>
                </div>
                <div style="text-align: center;">
                    <img src="https://via.placeholder.com/100x100?text=Researcher" alt="Researcher 1" style="border-radius: 50%; width: 100px; height: 100px; object-fit: cover;">
                    <p>John Smith<br>Postdoc</p>
                </div>
                </div> -->
        </main>


        <aside class="sidebar">
            <h3>News & Updates</h3>
            <div id="news-feed-placeholder"></div>

        </aside>

        <script>
            // This script should be in each HTML file that needs the news feed
            function loadNewsFeed() {
                fetch('news-feed-snippet.html') // Path to your news feed HTML snippet
                    .then(response => response.text())
                    .then(data => {
                        document.getElementById('news-feed-placeholder').innerHTML = data;
                    })
                    .catch(error => console.error('Error loading news feed:', error));
            }

            // Call the function when the DOM is fully loaded
            document.addEventListener('DOMContentLoaded', loadNewsFeed);

            // Existing script for current year
            document.getElementById('current-year').textContent = new Date().getFullYear();
        </script>


    </div>

    <footer>
        <div class="container">
            <p>&copy; <span id="current-year"></span> SwiftWare Lab. All rights reserved.</p>
            <p><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a></p>
            <p>Powered by HTML & CSS</p>
        </div>
    </footer>

    <script>
        // Automatic copyright year update
        document.getElementById('current-year').textContent = new Date().getFullYear();

        // --- Slideshow Script ---
        let slideIndex = 0; // Start at the first slide
        showSlides(slideIndex); // Initialize slideshow

        function plusSlides(n) {
            showSlides(slideIndex += n);
        }

        function showSlides(n) {
            let i;
            let slides = document.getElementsByClassName("mySlides");
            let captions = document.getElementsByClassName("text"); // Get caption elements

            // Loop back to start if beyond last slide
            if (n >= slides.length) {
                slideIndex = 0;
            }
            // Loop to end if before first slide
            if (n < 0) {
                slideIndex = slides.length - 1;
            }

            // Hide all slides and captions
            for (i = 0; i < slides.length; i++) {
                slides[i].classList.remove('active');
                captions[i].style.display = "none";
            }

            // Show the current slide and its caption
            slides[slideIndex].classList.add('active');
            captions[slideIndex].style.display = "block";
        }
        // --- End Slideshow Script ---
    </script>
</body>
</html>