cu-computer-systems.github.io/index.html at master · cu-computer-systems/cu-computer-systems.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
---
layout: default_style
---

<body>
<div class="text-center" style="margin-top: 10px;">
    <a href="#about" class="text-primary" style="margin-right: 15px;"><strong>About</strong></a>
    <a href="#faculty" class="text-primary" style="margin-right: 15px;"><strong>Faculty</strong></a>
    <a href="#research-areas" class="text-primary" style="margin-right: 15px;"><strong>Research Areas</strong></a>
    <a href="#gallery" class="text-primary" style="margin-right: 15px;"><strong>Gallery</strong></a>
<!--    <a href="{{ '/gallery' | relative_url }}" class="text-primary" style="margin-right: 15px;"><strong>Gallery</strong></a>-->

<!--    <a href="#contact" class="text-primary"><strong>Contact Us</strong></a>-->
</div>

<!-- Lab banner image -->
<div class="container text-center" style="margin-top: 20px; margin-bottom: 20px;">
    <img src="{{ '/assets/img/banner.jpg' | relative_url }}" alt="Lab Group Photo" class="img-responsive" style="max-width: 100%; height: auto;">
</div>

<!-- About Section -->
<section id="about" class="section-global-wrapper">
    <div class="container">
        <h2 class="title-text">About Computer Systems Lab @ CU</h2>
        <hr />
<!--        <p>The Computer Systems Lab at CU consists of about 14 faculty whose expertise generally lies in building practical computer systems.</p>-->
<!--        <p>Most of the Systems faculty are co-located in a single large lab with their students.</p>-->
<!--        <p>Students and faculty receive funding for and work in areas including large scale network systems; cloud and edge computing; distributed systems; virtualization; wireless and mobile systems including IoT, drones, and sensors; privacy preserving networks; network security and anticensorship; computer architecture security; autonomous and software-defined networks; automotive and telematics systems; social computing; data analytics; distributed and embedded machine learning and computer vision; and cybersafety and cyberbullying.</p>-->
          <p> The Computer Systems Lab at CU consists of about 12 faculty whose expertise generally lies in building practical computer systems.</p>
          <p> Most of the Systems faculty share a large, collaborative lab space with their students.</p>
          <p> Together, faculty and students pursue funded research across a broad range of areas, including Networking, Wireless and Mobile Systems, Machine Learning Systems and Infrastructure, Data and IoT Analytics, Storage, Memory and Nonvolatile Systems, Control and Optimization of Complex Systems, Privacy, Policy and Social Computing, Quantum Computing, Anticensorship and Software Security, and Hardware and Microarchitectural Security.</p>
    </div>
</section>

<!-- Faculty -->
<section id="faculty" class="section-global-wrapper">
    <div class="container">
        <h1 class="title-text">Faculty</h1>
        <hr />
        <div class="row">
            {% for prof in site.data.faculty %}
            <div class="col-md-4 col-sm-6">
                <div class="card faculty-card d-flex flex-column justify-content-between"
                     style="min-height: 370px; display: flex; flex-direction: column; justify-content: space-between; margin-bottom: 30px; padding: 20px; border: 1px solid #ccc; border-radius: 10px; text-align: center;">

                    {% if prof.image_url %}
                    <img src="{{ prof.image_url | relative_url }}" alt="{{ prof.name }}" style="width: 120px; height: 120px; object-fit: cover; border-radius: 50%; margin-bottom: 15px;">
                    {% else %}
                    <img src="{{ '/assets/img/faculty/default.jpg' | relative_url }}" alt="No photo available" style="width: 120px; height: 120px; object-fit: cover; border-radius: 50%; margin-bottom: 15px; opacity: 0.5;">
                    {% endif %}

                    <h3 style="margin-bottom: 10px;">{{ prof.name }}</h3>

                    {% if prof.website %}
                    <p><a href="{{ prof.website }}" target="_blank">Website</a></p>
                    {% endif %}

                    {% if prof.areas %}
                    {% for area in prof.areas %}
                    {{ area }}{% if forloop.last == false %}, {% endif %}
                    {% endfor %}
                    {% endif %}
                </div>
            </div>
            {% endfor %}
        </div>
    </div>
</section>

<!-- Research Areas Section -->
<section id="research-areas" class="container py-5">
    {% include area.html %}
</section>


<!-- Contact Section -->
<!--<section id="contact" class="section-global-wrapper">-->
<!--    <div class="container">-->
<!--        <h1 class="title-text">Contact Us</h1>-->
<!--        <hr />-->

<!--        <div class="row">-->
<!--            <div class="col-md-4">-->
<!--                <img src="{{ '/assets/img/systems-lab-map.png' | relative_url }}" alt="Lab Map" class="img-fluid rounded mb-3" width="100%" />-->
<!--                <h4>Directions</h4>-->
<!--                <p>-->
<!--                    The Computer Systems @ CU lab is in the ground/basement ("1B") level of the Engineering Center.-->
<!--                    The easiest entrance to locate is through the door in the courtyard, as shown. Immediately-->
<!--                    on entering that door, you'll find a hallway to the left that leads to the faculty offices,-->
<!--                    meeting rooms and student lab.-->
<!--                </p>-->
<!--            </div>-->

<!--            <div class="col-md-8 mb-4">-->
<!--                <iframe width="100%" height="450px" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"-->
<!--                        src="{{ site.google_map }}"></iframe>-->
<!--            </div>-->
<!--        </div>-->

<!--        <div class="row mt-4">-->
<!--            <div class="col-lg-6">-->
<!--                <h4>Find us at:</h4>-->
<!--                <p class="block-author">{{ site.company_name }}</p>-->
<!--                <p>{{ site.address_line }}</p>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--</section>-->

<!-- Gallery Title -->
<section id="gallery" class="container py-5">
<div class="container">
    <h1 class="title-text">Gallery</h1>
    <hr />
</div>

<!-- Gallery Content -->
<div class="container">
    {% for item in site.data.gallery %}
    <div class="mb-5">
        <h3 class="mb-3">{{ item.title }}</h3>
        <p>{{ item.description }}</p>

        <div class="row">
            {% for image in item.image_url %}
            <div class="col-md-4 col-sm-6 mb-4">
                <img src="{{ image | relative_url }}"
                     alt="{{ item.title }}"
                     class="img-fluid rounded shadow-sm"
                     style="width: 100%; height: auto; border-radius: 8px;">
            </div>
            {% endfor %}
        </div>
    </div>
    {% endfor %}
</div>
</section>

</body>