-
Notifications
You must be signed in to change notification settings - Fork 2
/
Projects2.html
201 lines (189 loc) · 9.1 KB
/
Projects2.html
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
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="https://use.fontawesome.com/cb342c03cb.js"></script>
<meta name="Tech 4 Good Research Group" content="T4G students, projects and events">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>T4G Projects</title>
</head>
<body>
<header class="hero-image">
<div class="top-nav">
<ul>
<li id="logo"><a target="blank" href="index.html">
<img src="img/T4G-Logo.png" alt="T4G logo" width="65" height="65">
</a></li>
<!-- Links in navigation bar -->
<li><a href="about.html">About Us</a> </li>
<li><a href="events.html">Events</a></li>
<li><a href="students.html">Students</a></li>
<li><a href="capstone.html">Capstone</a></li>
<li><a href="Projects2.html">Projects</a></li>
<li><a href="index.html">Home</a></li>
</ul>
</div>
<div class="hero-text">
<h1 id="title">T4G Projects</h1>
<!-- <h2>Department of Computer Science & Software Engineering</h2>-->
<h2>Research Group</h2>
</div>
</header>
<div class="pageLinks" id="top">
<ul>
<!-- <li><a href="#capstone">Capstone Resources</a></li>-->
<li><a href="#Projects">Research Projects</a></li>
</ul>
</div>
<div class="projectBlock">
<div class="container">
<div class="gallery">
<a target="blank" href="img/students.jpg">
<img src="img/students.jpg" alt="students working around a computer" width="360" height="210">
</a>
</div>
<div class="project-text">
<h3>CS Education </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat.
</p>
</div>
</div>
</div>
<div class="projectBlock">
<div class="container">
<div class="gallery">
<a target="blank" href="img/source.jpg">
<img src="img/source.jpg" alt="code projected on a see through screen " width="360" height="210">
</a>
</div>
<div class="project-text">
<h3> Leetcode </h3>
<p>
We are working to bring technical interview skills into the classroom by teaching CS students how to
approach solving technical questions. We are writing an online course at stepik.org. Solutions are
written in C++. We are using github for our project management and solution code. We communicate on
discord and meet on zoom. <br>
Participants: Professor Pisan, Isabel, Mitchell, Taylor, Bill, Sam , Jonathan , and Boyan <br>
Category: CS Education
</p>
</div>
</div>
</div>
<div class="projectBlock">
<div class="container">
<div class="gallery">
<a target="blank" href="img/controller.jpg">
<img src="img/controller.jpg" alt="video game controller on a table " width="360" height="210">
</a>
</div>
<div class="project-text">
<h3>Games With a Purpose </h3>
<p>
Games can serve a purpose for the user and the creator by harnessing human ability in an entertaining way.
Skies the limit. The last group designed a mutli-level game that taught users about the experience of
PTSD and incorporated techniques that promote healing behaviors for people with PTSD. <br>
Participants: Professor Pisan, Jay, Keziah, Marcela <br>
Category: Game Design
</p>
</div>
</div>
</div>
<div class="projectBlock">
<div class="container">
<div class="gallery">
<a target="blank" href="img/fistbump.jpg">
<img src="img/fistbump.jpg" alt="bag and contents on a table" width="360" height="210">
</a>
</div>
<div class="project-text">
<h3>Git in the Classroom</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat.
</p>
</div>
</div>
</div>
<div class="projectBlock">
<div class="container">
<div class="gallery">
<a target="blank" href="img/tutoring.jpg">
<img src="img/tutoring.jpg" alt="computer on a desk" width="360" height="210">
</a>
</div>
<div class="project-text">
<h3>Intelligent Tutoring </h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat.
</p>
</div>
</div>
</div>
<div class="projectBlock">
<div class="container">
<div class="gallery">
<a target="blank" href="img/technicalinterview.jpg">
<img src="img/technicalinterview.jpg" alt="bag and contents on a table" width="360" height="210">
</a>
</div>
<div class="project-text">
<h3> Technical Interview </h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat.
</p>
</div>
</div>
</div>
<div class="projectBlock">
<div class="container">
<div class="gallery">
<a target="blank" href="img/learn.jpg">
<img src="img/learn.jpg" alt="bag and contents on a table" width="360" height="210">
</a>
</div>
<div class="project-text">
<h3> Bag of Tricks </h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat.
</p>
</div>
</div>
</div>
<div class="scroll-up">
<a href="#top"><i class="fa fa-hand-o-up" style="font-size:36px"></i></a>
</div>
<footer class="hero-image2">
<div class="container">
<div class="footer-text">
<b>Resources <br></b>
<a href="https://www.uwb.edu/css/forms">Contracts <br><br></a>
<b>Colloquium<br></b>
<a href="http://courses.washington.edu/css497/">Posters<br></a>
<a href="https://www.uwb.edu/css/css497/student-guide/abstract-information">Abstract<br></a>
<a href="http://courses.washington.edu/css497/">Presentations<br></a>
<a href="https://uwbcss.github.io/www/colloquium/">Archive<br></a>
</div>
<div class="footer-text">
Google Drive or http://bit.ly/uwt4g<br>
<a href="https://github.com/t4guw">GitHub<br></a>
<a href="">T4G Discord<br></a>
<b>Contact: pisan@uw.edu for access<br><br></b>
<b>To subscribe to email:<br></b>
u_pisan_t4g+subscribe@uw.edu<br>
</div>
</div>
</footer>
</body>
</html>