Skip to content

Commit e5caee3

Browse files
0xJeremy0xJeremy
committed
Added BCI Team UI
1 parent 99641a1 commit e5caee3

4 files changed

Lines changed: 99 additions & 0 deletions

File tree

‎images/bci/bci.png‎

166 KB
Loading

‎images/bci/bci2.png‎

572 KB
Loading

‎project_pages/bci.html‎

Lines changed: 91 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,91 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<!-- Required meta tags -->
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7+
<!-- Bootstrap CSS -->
8+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
9+
<link rel="stylesheet" href="../css/project_template.css">
10+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
11+
<link rel="icon" href="../images/favicon.PNG">
12+
13+
<title>Jeremy Kanovsky</title>
14+
</head>
15+
16+
17+
18+
<body>
19+
20+
<!-- Top Navbar -->
21+
<nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-dark">
22+
<a class="navbar-brand" href="../index.html"><img src="../images/corner_icon.svg" width="50" height="50"></a>
23+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
24+
<span class="navbar-toggler-icon"></span>
25+
</button>
26+
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
27+
<div class="navbar-nav ml-auto">
28+
<nav class="nav nav-pills nav-fill">
29+
<a href="../index.html"><button type="button" class="btn btn-outline-primary pill-space">Home</button></a>
30+
<a href="../index.html#contact-me"><button type="button" class="btn btn-outline-primary pill-space">Contact</button></a>
31+
<a href="../JCK Resume.pdf" target="_blank"><button type="button" class="btn btn-outline-primary pill-space">Resume</button></a>
32+
<a href="../research.html"><button type="button" class="btn btn-outline-primary pill-space">Research</button></a>
33+
<a href="../projects.html"><button type="button" class="btn btn-outline-primary pill-space">Projects</button></a>
34+
</nav>
35+
</div>
36+
</div>
37+
</nav>
38+
39+
40+
41+
42+
<!-- Project Information -->
43+
<div id="particles-js"></div>
44+
<div class="container-fluid w-75 bg-3 text-center projects-background">
45+
<p class="section-header">// Tufts BCI UI //</p>
46+
<div class="container">
47+
<div class="row">
48+
<div class="col">
49+
<img src="../images/bci/bci.png" class="img-fluid project-image" alt="Responsive image" width="50%">
50+
</div>
51+
</div>
52+
<div class="row">
53+
<p class="project-information">As part of the Tufts BCI (Brain Computer Interface) Team, this project was creating a user interface to allow visualization of brain activity in real time. Initially this webpage was made in pure HTML/CSS/Javascript, but is being refactored into React.js. It also has a unique message passing system that allows data processing done in Python to be displayed in real time on the page. To see the code for this project, see <a href="https://github.com/0xJeremy/Tufts-EEG" target="_blank">here</a>. To learn more about the status of the project, checkout the <a href="https://www.linkedin.com/company/brain-computer-interface-team-tufts-make/" target="_blank">LinkedIn</a> page.</p>
54+
</div>
55+
<div class="row">
56+
<div class="col">
57+
<img src="../images/bci/bci2.png" class="img-fluid project-image" alt="Responsive image">
58+
</div>
59+
</div>
60+
</div>
61+
</div>
62+
63+
64+
65+
66+
67+
<!-- Footer -->
68+
<footer class="page-footer font-small pt-3 footer-background">
69+
<div class="container">
70+
<div class="list-unstyled list-inline text-center">
71+
<button type="button" class="btn btn-outline-primary bottom-button-space"><a href="https://github.com/0xJeremy"><i class="fa fa-github icon-padding" style="font-size: 30px;"></i></a></button>
72+
<button type="button" class="btn btn-outline-primary bottom-button-space"><a href="mailto:kanovsky.jeremy@gmail.com"><i class="fa fa-envelope icon-padding" style="font-size: 30px;"></i></a></button>
73+
<button type="button" class="btn btn-outline-primary bottom-button-space"><a href="http://www.linkedin.com/in/jeremy-kanovsky/"><i class="fa fa-linkedin icon-padding" style="font-size: 30px; bottom-button-space"></i></a></button>
74+
<!-- <button type="button" class="btn btn-outline-primary bottom-button-space"><a href="index.html#contact-me" ><i class="fa fa-phone icon-padding" style="font-size: 30px;"></i></a></button> -->
75+
</div>
76+
<div class="footer-copyright text-center py-3">© 2018 Copyright:
77+
<a href="#"> Jeremy Kanovsky</a>
78+
</div>
79+
</div>
80+
</footer>
81+
82+
83+
<!-- Optional JavaScript -->
84+
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
85+
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
86+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
87+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
88+
<script src="../js/particle.js"></script>
89+
<script src="../js/main.js"></script>
90+
</body>
91+
</html>

‎projects.html‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -118,6 +118,14 @@ <h5 class="card-title">Expo Digitizer</h5>
118118
</div>
119119
</div>
120120
<div class="row">
121+
<div class="card col-sm shadow p-3 mb-5 bg-dark rounded" style="width: 18rem;">
122+
<img class="card-img-top" src="images/bci/bci.png" alt="BCI UI">
123+
<div class="card-body">
124+
<h5 class="card-title">Tufts BCI Team UI</h5>
125+
<p class="card-text">As part of the Tufts BCI Team, this user interface allows realtime monitoring of brain activity.</p>
126+
<a href="project_pages/bci.html" class="btn btn-primary">See More</a>
127+
</div>
128+
</div>
121129
<div class="card col-sm shadow p-3 mb-5 bg-dark rounded" style="width: 18rem;">
122130
<img class="card-img-top" src="images/ujumbo/jumbo_1.JPG" alt="uJumbo">
123131
<div class="card-body">

0 commit comments

Comments
 (0)