-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
156 lines (141 loc) · 6.24 KB
/
index.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
<!DOCTYPE HTML>
<!--
Story by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>MInG</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="Website/assets/css/main.css" />
<noscript><link rel="stylesheet" href="Website/assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper" class="divided">
<a href="https://bschan9228.github.io/MInG/index.html" class="btn-primary">Home</a>
<div class="dropdown">
<div class="btn-primary">Projects ⟱</div>
<div class="dropdown-content">
<a href="Website/overview/index.html" class="btn-primary">Projects overview</a>
<a href="https://bschan9228.github.io/MInG/Website/Video/index.html" class="btn-primary">Projects Video</a>
<a href="https://bschan9228.github.io/MInG/Website/References/index.html" class="btn-primary">References</a>
</div>
</div>
<div class="dropdown">
<div class="btn-primary">Technical Workshop ⟱</div>
<div class="dropdown-content">
<a href="https://bschan9228.github.io/MInG/Website/workshop/index.html" class="btn-primary">Embedding the Embedded</a>
</div>
</div>
<a href="https://bschan9228.github.io/MInG/Website/us/index.html" class="btn-primary">About us</a>
<!-- One -->
<section class="banner style1 orient-left content-align-left image-position-right fullscreen onload-image-fade-in onload-content-fade-right">
<div class="content">
<h1>Master Input Gadget</h1>
<p class="major">A portable password management device</p>
<p>Byron Chan, Daniel Pak, Duanhui Li</p>
<p>ECE 196 Winter 2023</p>
</div>
<div class="image">
<img src="Website/images/IMG_0273.jpg" alt="" />
</div>
</section>
<!-- Two -->
<section class="spotlight style1 orient-right content-align-left image-position-center onscroll-image-fade-in" id="first">
<div class="content">
<h2>Problem Definition</h2>
<p>Between Gradescope, Canvas, TritonLink, etc., UCSD students have too many unique passwords to remember, which are necessary when using ITS computers. It’s a hassle to go through your phone or sign into an extension to access credentials.</p>
</div>
<div class="image">
<img src="Website/images/lori.png" alt="" />
</div>
</section>
<!-- Three -->
<section class="spotlight style1 orient-left content-align-left image-position-center onscroll-image-fade-in">
<div class="content">
<h2>Proposed Idea</h2>
<p>A USB hardware password manager. It utilizes the ESP32-S3 SoC containing built-in full-speed USB OTG, Wi-Fi, and Bluetooth. It is also capable of plugging into both USB-A and USB-C host devices.</p>
</div>
<div class="image">
<img src="Website/images/usb3.png" alt="" />
</div>
</section>
<!-- Gallery
<div class="gallery style2 medium lightbox onscroll-fade-in">
<article>
<a href="Website/images/gallery/fulls/01.jpg" class="image">
<img src="Website/images/FP_slide.png" alt="" />
</a>
<div class="caption">
<h3>FP slide</h3>
<p>Click the link to see more</p>
<ul class="actions fixed">
<li><a href="https://docs.google.com/presentation/d/1dLd1qOnsPfkAEJnHWsY9gsreu51_JBBLZtZue46Th4k/edit?usp=sharing" class="small button">Learn More</a></li>
</ul>
</div>
</article>
<article>
<a href="Website/images/vis.png" class="image">
<img src="Website/images/vis.png" alt="" />
</a>
<div class="caption">
<h3>direction</h3>
</div>
</article>
<article>
<a href="Website/images/gallery/fulls/03.jpg" class="image">
<img src="Website/images/gallery/thumbs/03.jpg" alt="" />
</a>
<div class="caption">
<h3>Poster</h3>
<p>See more about poster here.</p>
<ul class="actions fixed">
<li><span class="button small">Details</span></li>
</ul>
</div>
</article>
<article>
<a href="Website/images/gallery/fulls/04.jpg" class="image">
<img src="Website/images/gallery/thumbs/04.jpg" alt="" />
</a>
<div class="caption">
<h3>References</h3>
<p>See more references here.</p>
<ul class="actions fixed">
<li><span class="button small">Details</span></li>
</ul>
</div>
</article>
</div>
</section>
-->
<!-- Footer -->
<footer class="wrapper style1 align-center">
<div class="inner">
<!-- Footer
<ul class="icons">
<li><a href="#" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands style2 fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon brands style2 fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
<li><a href="#" class="icon style2 fa-envelope"><span class="label">Email</span></a></li>
</ul>
-->
<img src="Website/images/UCSD-JacobsSchool-USpace_explainer_1@4x_0.png" alt="" / width=150" height="70">
<p>© UC San Diego: Jacobs School of Enginnering</a></p>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="Website/assets/js/jquery.min.js"></script>
<script src="Website/assets/js/jquery.scrollex.min.js"></script>
<script src="Website/assets/js/jquery.scrolly.min.js"></script>
<script src="Website/assets/js/browser.min.js"></script>
<script src="Website/assets/js/breakpoints.min.js"></script>
<script src="Website/assets/js/util.js"></script>
<script src="Website/assets/js/main.js"></script>
</body>
</html>