-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
239 lines (220 loc) · 10.9 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
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
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
<!DOCTYPE html>
<html lang="en">
<!-- hand coded by -->
<!-- -->
<!-- █▀ █░█ ░░█ █ ▀█▀ ░░█ █▀█ █▀ █░█ █ -->
<!-- ▄█ █▄█ █▄█ █ ░█░ █▄█ █▄█ ▄█ █▀█ █ -->
<!-- -->
<!-- -->
<!-- Written in html, css, and javascript for loading speed. Uses fullstory for analytics.. -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Projects | Sujit Joshi</title>
<link rel="stylesheet" href="./master.css">
<link rel="stylesheet" href="./index-style.css">
<link rel="stylesheet" href="https://use.typekit.net/oqt2ong.css">
<link rel="icon" type="image" href="./images/favicon32-2.png">
<!-- full story script starts -->
<script>
window['_fs_debug'] = false;
window['_fs_host'] = 'fullstory.com';
window['_fs_script'] = 'edge.fullstory.com/s/fs.js';
window['_fs_org'] = '1337AQ';
window['_fs_namespace'] = 'FS';
(function (m, n, e, t, l, o, g, y) {
if (e in m) {
if (m.console && m.console.log) {
m.console.log('FullStory namespace conflict. Please set window["_fs_namespace"].');
}
return;
}
g = m[e] = function (a, b, s) {
g.q ? g.q.push([a, b, s]) : g._api(a, b, s);
};
g.q = [];
o = n.createElement(t);
o.async = 1;
o.crossOrigin = 'anonymous';
o.src = 'https://' + _fs_script;
y = n.getElementsByTagName(t)[0];
y.parentNode.insertBefore(o, y);
g.identify = function (i, v, s) {
g(l, {
uid: i
}, s);
if (v) g(l, v, s)
};
g.setUserVars = function (v, s) {
g(l, v, s)
};
g.event = function (i, v, s) {
g('event', {
n: i,
p: v
}, s)
};
g.anonymize = function () {
g.identify(!!0)
};
g.shutdown = function () {
g("rec", !1)
};
g.restart = function () {
g("rec", !0)
};
g.log = function (a, b) {
g("log", [a, b])
};
g.consent = function (a) {
g("consent", !arguments.length || a)
};
g.identifyAccount = function (i, v) {
o = 'account';
v = v || {};
v.acctId = i;
g(o, v)
};
g.clearUserCookie = function () {};
g.setVars = function (n, p) {
g('setVars', [n, p]);
};
g._w = {};
y = 'XMLHttpRequest';
g._w[y] = m[y];
y = 'fetch';
g._w[y] = m[y];
if (m[y]) m[y] = function () {
return g._w[y].apply(this, arguments)
};
g._v = "1.3.0";
})(window, document, window['_fs_namespace'], 'script', 'user');
</script>
<script>
function myFunction(x) {
if (x.matches) { // If media query matches
document.getElementById('resume-link').setAttribute('href', './files/Resume-SujitJoshi-ServiceDesigner.pdf');
console.log("mobile rresume");
} else {
document.getElementById('resume-link').setAttribute('href', './resume.html');
console.log("goig to html");
}
}
window.onload = function fonload(params) {
var x = window.matchMedia("(max-width: 768px)")
myFunction(x) // Call listener function at run time
x.addListener(myFunction) // Attach listener function on state changes
}
</script>
<!-- full story script ends -->
</head>
<body>
<div class="bg-container">
</div>
<div class="nav-container">
<a href="" class="name-container">
<h3>Sujit Joshi</h3>
</a>
<div class="links-container">
<a href="" class="nav-link" id="projects-link"><b>Projects</b></a>
<a href="./resume.html" target="_blank" class="nav-link" id="resume-link">Resume</a>
<a href="" class="nav-link" id="about-link">About</a>
<a href="" class="nav-link" id="menu-link"><img src="./images/icons/menu.svg" alt=""></a>
</div>
</div>
<div class="body-wrapper">
<div class="bio-container">
<div class="bio-image-container">
<img class="bio-image" src="./images/SujitJoshi-ProfilePicture.jpeg" alt="">
</div>
<div class="bio-paragraph-container">
<p class="bio-paragraph">Hi there. 👋 🙏 How's it going?
<br><br>I am a <b>Service Designer, UX Designer, and Researcher</b>, most passionate about
using design to help people, understanding why things are the way that they are, and creating new
perspectives to see the world around us.
<br><br>When not consciously designing (but always exploring and researching), you will most likely
find me cycling on my favorite trail, digging into a new book, or deep down a rabbit hole in the
world of javascript.
<br><br>Do reach out at
<br>
<div class="contact-container"><img class="in-text-icon" src="./images/icons/mail.svg" alt=""><a
href="mailto:[email protected]" target="_blank">• [email protected] •</a>
</div>
<div class="contact-container"><img class="in-text-icon" src="./images/icons/linkedin.svg" alt=""><a
href="https://www.linkedin.com/in/sujitjoshi00/" target="_blank">• @sujitjoshi00 •</a></div>
<div class="contact-container"><img class="in-text-icon" src="./images/icons/instagram.svg"
alt=""><a href="https://www.instagram.com/sujitbujit/" target="_blank">• @sujitbujit •</a>
</div>
<br>
© All Rights Reserved.
</p>
</div>
</div>
<a href="https://citizenmatters.in/civic-amenities-and-urban-growth-lessons-from-the-bengaluru-bbmp-bylaws-design-jam/"
class="project-container" id="citizenmatters" style="filter: opacity(1);" target="_blank">
<h2>Civic amenities and urban growth: Lessons from a design jam on Bengaluru BBMP Bye-laws
<br>
<img style="display: inline; margin-top: 12px; height: 50px;" src="./images/CitizenMatters/citizenMattersLogo.png" alt="">
</h2>
<p class="project-collab-info">Based on work done in a design jam hosted by OpenCity, Oorvani Foundation, Bangalore</p>
<p class="project-role">• Co-author •</p>
<div class="project-image-container"></div>
</a>
<a href="https://ifdesign.com/en/winner-ranking/project/digital-service-experience/542754"
class="project-container" id="dse" style="filter: opacity(1);" target="_blank">
<h2>Digital Service Experience: <br> Platform for Hospital Operations
<br>
<img style="display: inline; margin-top: 12px; height: 50px;" src="./images/DSE/iFawardLogo.jpg" alt="">
</h2>
<p class="project-collab-info">As part of Services & Solutions Delivery, Philips Experience Design</p>
<p class="project-role">Service Designer • Researcher</p>
<div class="project-image-container"></div>
</a>
<a href="./healthcare" class="project-container" id="pharmacy">
<h2>Streamlining the doctor and pharmacy experience for patients from a health insurance
carrier</h2>
<p class="project-collab-info">In collaboration with our client's Innovation and User Experience teams while
working with a Chicago based innovation consultancy</p>
<p class="project-role">Service Designer • Researcher</p>
<div class="project-image-container"></div>
</a>
<a href="./preterm" class="project-container" id="preterm" style="filter: opacity(1);">
<h2>Finding ways to reduce preterm pregnancies in vulnerable populations:
<br> A Research Methods Case Study</h2>
<p class="project-collab-info">In collaboration with our client's research team while working with Panorama
Innovation</p>
<p class="project-role">• Researcher •</p>
<div class="project-image-container"></div>
</a>
<a href="./smartbox" class="project-container" id="team3">
<h2>Designing a sustainable, flexible, and public policy compatible package delivery system</h2>
<p class="project-collab-info">As part of a team of six at a design-hackathon hosted by MIT Media Lab and
UCSD Design Lab</p>
<p class="project-role">Service Designer • Researcher</p>
<div class="project-image-container"></div>
</a>
<a href="./nava-samvhita" class="project-container" id="ayurveda" style="filter: opacity(1);">
<h2>Finding new pathways for innovation by reimagining history</h2>
<p class="project-collab-info">In collaboration with Dr. Eeshani Bendale for my Master's thesis project at
School of the Art Institute of Chicago</p>
<p class="project-role">Researcher • Futurist</p>
<div class="project-image-container"></div>
</a>
<!-- <a href="" class="project-container" id="polling" style="filter: opacity(0.5);"> -->
<!-- <h2>Imagining a new polling experience for voters through proposal-centered elections</h2> -->
<!-- <p class="project-collab-info">In collaboration with Aimee Martinez for an alumni exhibition at School of -->
<!-- the Art Institute of Chicago</p> -->
<!-- <p class="project-role">Researcher • Service Designer • User Experience Designer</p> -->
<!-- <div class="project-image-container"></div> -->
<!-- </a> -->
<!-- -->
<!-- <a href="" class="project-container" id="bosch2020" style="filter: opacity(0.5);"> -->
<!-- <h2>Designing data visualizations for a public IoT experiment</h2> -->
<!-- <p class="project-collab-info">Commissioned by Bosch and School of the Art Institute of Chicago for South by -->
<!-- Southwest 2020</p> -->
<!-- <p class="project-role">Technologist</p> -->
<!-- <div class="project-image-container"></div> -->
<!-- </a> -->
</div>
</body>
</html>