index.html 18.9 KB
Newer Older
unknown's avatar
unknown committed
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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css"
          integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp"
          crossorigin="anonymous">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"
          integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB"
          crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.css"/>
    <link rel="stylesheet" href="css/style.css">
    <title>Filippos Tourlomousis</title>
</head>

<body>
<div class="container">
    <header id="main-header">
        <div class="row no-gutters">
            <div class="col-lg-5 col-md-5">
                <img src="img/profile-pic-1.jpg" alt="">
            </div>
            <div class="col-lg-7 col-md-6">
                <div class="d-flex flex-column">
                    <div class="p-5 bg-dark text-white">
                        <div class="d-flex flex-row justify-content-between align-items-center">
                            <h1 class="display-4">Filippos Tourlomousis</h1><br>
                                <div>
                                    <a href="http://instagram.com" class="text-white">
                                        <i class="fab fa-instagram"></i>
                                    </a>
                                </div>
                                <div>
                                    <a href="http://github.com" class="text-white">
                                        <i class="fab fa-github"></i>
                                    </a>
                            </div>
                        </div>
                    </div>

                    <div class="p-4 bg-black">
                        PostDoc Associate<br>
                        The Center for Bits and Atoms, MIT
                    </div>

                    <div>
                        <div class="d-flex flex-row text-white align-items-stretch text-center">
                            <div class="port-item p-4 bg-info" data-toggle="collapse" data-target="#home">
                                <i class="fa fa-university fa-2x d-block"></i>
                                <span class="d-none d-sm-block">Home</span>
                            </div>
                            <div class="port-item p-4 bg-success" data-toggle="collapse" data-target="#research">
                                <i class="fas fa-graduation-cap fa-2x d-block"></i>
                                <span class="d-none d-sm-block">Research</span>
                            </div>
                            <div class="port-item p-4 bg-danger" data-toggle="collapse" data-target="#machines">
                                <i class="fa fa-wrench fa-2x d-block"></i>
                                <span class="d-none d-sm-block">Machines</span>
                            </div>
                            <div class="port-item p-4 bg-warning" data-toggle="collapse" data-target="#blog">
                                <i class="fa fa-music fa-2x d-block"></i>
                                <span class="d-none d-sm-block">Blog</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!-- HOME -->
    <div id="home" class="collapse show">
        <div class="card card-body bg-info text-white py-5">
            <h2>Welcome To My Page</h2>
            <p class="lead">Hi! I'm Filippos and currently I'm a PostDoc Associate at MIT's Center for Bits and Atoms,
                home of the 1000 Fab Labs around the world and sister lab of the Media Lab.
                <br>
                <br>
                I am a participating to the famous <b>How to Make (<i>almost</i>) Anything</b> and the <b>Machines that Make Machines
                </b> class taught by Prof. Neil Gershenfeld from CBA and the <b>Fluid Mechanics</b> class by Prof. John Bush
                from the Dpt. of Mathematics at MIT!<br>
                Check them out below!
                <br>
                <br>
                I am also part of CBA's team working on a recently awarded NIST grant that aims to make Materials Measurement
                Machines, Modeling and Design accessible to the Masses in collaboration with the Argonne National Laboratories
                and the Materiome Project in Chile!
            </p>
        </div>
        <hr>

        <!--CARD DECK-->
        <div class="card-deck">
            <div class="card bg-light text-black text-center " style="height:25rem;">
                <img class="card-img" src="img/IMG_0302.JPG" alt="">
                <div class="card-img-overlay h-100 d-flex flex-column align-items-center d-flex justify-content-center">
                    <h2 class="card-title">How to Make <i>(almost)</i> Anything <br><br>
                        <br>
                        <a href="#" class="btn btn-primary btn-lg">Weekly Log</a>
                        <a href="#" class="btn btn-primary btn-lg">Final Project</a>
                    </h2>
                </div>
            </div>

            <div class="card bg-light text-black text-center " style="height:25rem;">
                <img class="card-img" src="img/IMG_0302.JPG" alt="">
                <div class="card-img-overlay h-100 d-flex flex-column align-items-center d-flex justify-content-center">
                    <h2 class="card-title">Machines that Make Machines<br><br>
                        <br>
                        <a href="#" class="btn btn-primary btn-lg">Weekly Log</a>
                        <a href="#" class="btn btn-primary btn-lg">Final Project</a>
                    </h2>
                </div>
            </div>

            <div class="card bg-light text-black text-center " style="height:25rem;">
                <img class="card-img" src="img/IMG_0302.JPG" alt="">
                <div class="card-img-overlay h-100 d-flex flex-column align-items-center d-flex justify-content-center">
                    <h2 class="card-title">Fluid Mechanics<br><br>
                        <br>
                        <br>
                        <a href="#" class="btn btn-primary btn-lg">Weekly Log</a>
                        <a href="#" class="btn btn-primary btn-lg">Final Project</a>
                    </h2>
                </div>
            </div>

        </div>
        <hr>

    </div>

    <!-- RESEARCH-->
unknown's avatar
unknown committed
137
    <div id="research" class="">
unknown's avatar
unknown committed
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
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
        <div class="card card-body bg-success text-white py-5">
            <h2>My Research Interests</h2>
            <p class="lead">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil, ut!</p>
        </div>

        <div class="card card-body py-5">
            <h3>Research Interests</h3>
            <p> Rapid Prototyping of Machines, Electrohydrodynamics, Complex Fluids, Electrowriting, Biometrology.</p>
        </div>

        <div class="card card-body py-5">
            <h3>Papers:</h3>
            <ul>
                <li><i> [Electrohydrodynamics] [Electrowriting] [Biometrology]</i>:<br>
                    <b>2018</b> - Tourlomousis F. et al. <i>"An Integrated Precision Manufacturing – Metrology Platform
                        for Studying Cell-Matrix Interactions"</i> (under submission to Advanced Healthcare Materials)
                </li>
                <li><i>[Biometrology]</i><br>
                    <b>2018</b> - Tourlomousis F. et al. <i>"Investigation of Cellular Confinement in Three-Dimensional
                        Microscale
                        Fibrous Substrates: Fabrication and Metrology"</i>, Journal of Micro and Nano-Manufacturing,
                    2(6),
                    (doi: 10.1115/1.4038803)
                </li>
                <li><i>[Bioprinting] [Biometrology]</i><br>
                    <b>2017</b> - Ding H., Tourlomousis F. et al. "Bioprinting Multidimensional Constructs: A
                    Quantitative Approach to Understanding Printed
                    Cell Density and Redistribution Phenomena", Biomedical Physics & Engineering Express, 3(3). (doi
                    link)
                </li>
                <li><i> [Machine Building] [Electrowriting] [Electrohydrodynamics] </i><br>
                    <b>2017</b> - Tourlomousis F. et al. <i>"Melt Electrospinning Writing Process Guided by a
                        “Printability Number”</i>,
                    Journal of Manufacturing Science and Engineering, 139(8) (doi: 10.1115/1.4036348)
                </li>
                <li><i>[Multiphysics Modeling]</i><br>
                    <b>2015</b> - Tourlomousis F. and Chang R.<i> "Numerical Investigation of Dynamic Microorgan Devices
                        as
                        Drug Screening Platforms: Part I: Macroscale Modeling Approach & Validation"</i>, Biotechnology
                    & Bioengineering,
                    113:612-622. (doi:10.1002/bit.25822)
                </li>
            </ul>
        </div>
        <div class="card card-body py-5">
            <h3>Collaborators</h3>
            <ul>
                <li>Dilhan Kalyon, Highly Filled Materials Institute</li>
                <li>Paul Dalton, University of Wurzburg</li>
            </ul>
        </div>

        <div class="card card-body py-5">
            <h3>Where Have I Worked?</h3>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque similique saepe inventore rem
                vitae
                esse.</p>
            <div class="card-deck">
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">Devmasters</h4>
                        <p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor,
                            magnam.</p>
                        <p class="p-2 mb-3 bg-dark text-white">
                            Position: Full Stack Developer
                        </p>
                        <p class="p-2 mb-3 bg-dark text-white">
                            Phone: (444) 444-4444
                        </p>
                    </div>
                    <div class="card-footer">
                        <h6 class="text-muted">Dates: 2015 - 2018</h6>
                    </div>
                </div>

                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">123 Designs</h4>
                        <p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor,
                            magnam.</p>
                        <p class="p-2 mb-3 bg-dark text-white">
                            Position: Web Designer
                        </p>
                        <p class="p-2 mb-3 bg-dark text-white">
                            Phone: (222) 222-2222
                        </p>
                    </div>
                    <div class="card-footer">
                        <h6 class="text-muted">Dates: 2013 - 2015</h6>
                    </div>
                </div>

                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">Web Designer Pros</h4>
                        <p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor,
                            magnam.</p>
                        <p class="p-2 mb-3 bg-dark text-white">
                            Position: Web Designer
                        </p>
                        <p class="p-2 mb-3 bg-dark text-white">
                            Phone: (333) 333-3333
                        </p>
                    </div>
                    <div class="card-footer">
                        <h6 class="text-muted">Dates: 2010 - 2013</h6>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- MACHINES-->

    <div id="machines" class="collapse">
        <div class="card card-body bg-danger text-white py-5">
            <h2>My Machines</h2>
            <p class="lead text-justify"> Mainly unconventional machines that harness exciting physics, process and
                measure the properties of complex fluids!
            </p>
        </div>

        <div class="container">
            <hr>
            <div class="card card-body bg-light text-dark py-5">
                <h2 class="text-sm-center">Morphological Wonderland for the Masses <small class="text-muted"><br/>
                    from micro- to nano-fibers, droplets and stem cells...</small></h2>
            </div>
            <br>
            <div class="card-deck">
                <div class="card text-center border-info mb-3" style="width:30rem">
                    <img class="card-img-top" src="images/x-axis.PNG" alt="">
                    <div class="card-body">
                        <h4 class="card-title">Melt Electrowriting</h4>
                        <p class="card-text">Rapid Prototyping of an Electrohydrodynamics-based Additive Manufacturing System</p>
                        <a href="https://tourlomousis.pages.cba.mit.edu/3dp-mini-linear-axes" class="btn btn-danger">Read More</a>
                    </div>
                    <div>
                        on-going work| img updated 2018/08/28
                    </div>
                </div>

                <div class="card text-center border-info mb-3" style="width:30rem">
                    <img class="card-img-top" src="images/rheoprinter-3d-CAD.PNG" alt="">
                    <div class="card-body">
                        <h4 class="card-title">Fiber Shower</h4>
                        <p class="card-text">Rapid Prototyping  of a Multi-nozzle Electrospinning System</p>
                        <a href="https://tourlomousis.pages.cba.mit.edu/rheometer-main" class="btn btn-danger">Read More</a>
                    </div>
                    <div>
                        on-going work| img updated 2018/05/27
                    </div>
                </div>
            </div>
            <br>
            <hr>

            <div class="card card-body bg-light text-dark py-5">
                <h2 class="text-sm-center">Materials Measurement for the Masses <small class="text-muted"><br/>
                    accelerating materials discovery</small></h2>
            </div>
            <br>
            <div class="card-deck">
                <div class="card text-center border-info mb-3" style="width:30rem">
                    <img class="card-img-top" src="images/rheoprinter-3d.jpg" alt="">
                    <div class="card-body">
                        <h4 class="card-title"> The Rheoprinter</h4>
                        <p class="card-text">online metrology & learning of optimum printability conditions </p>
                        <a href="#" class="btn btn-danger">Read More</a>
                    </div>
                    <div>
                        on-going work| img updated 2018/05/27
                    </div>
                </div>

                <div class="card text-center border-info mb-3" style="width:30rem">
                    <img class="card-img-top" src="images/rheoprinter-zoom-camera.jpg" alt="">
                    <div class="card-body">
                        <h4 class="card-title">The Rheology Cube</h4>
                        <p class="card-text">high-throughput micro-rheometry</p>
                        <a href="#" class="btn btn-danger">Read More</a>
                    </div>
                    <div>
                        starting now
                    </div>
                </div>
            </div>
            <br>
            <hr>

            <div class="card card-body bg-light text-dark py-5">
                <h2 class="text-sm-center">Fun Stuff<small class="text-muted"><br/>
                    search algorithms, guitars etc.</small></h2>
            </div>
            <br>
            <div class="card-deck">
                <div class="card text-center border-info mb-3" style="width:30rem">
                    <img class="card-img-top" src="images/AI Sudoku.PNG" alt="">
                    <div class="card-body">
                        <h4 class="card-title">AI Sudoku</h4>
                        <p class="card-text">making AI agents that can solve every Sudoku</p>
                        <a href="#" class="btn btn-danger">Read More</a>
                    </div>
                    <div>
                        on-going work| img updated 2018/05/27
                    </div>
                </div>
                <div class="card text-center border-info mb-3" style="width:30rem">
                    <img class="card-img-top" src="images/rheoprinter-zoom-camera.jpg" alt="">
                    <div class="card-body">
                        <h4 class="card-title">The CBA Caster</h4>
                        <p class="card-text">bad-ass diy electric guitar</p>
                        <a href="#" class="btn btn-danger">Read More</a>
                    </div>
                    <div>
                        on-going work| img updated 2018/05/27
                    </div>
                </div>
            </div>
            <br>
            <hr>

        </div>
    </div>

    <!-- BLOG-->
    <div id="blog" class="collapse">
        <div class="card card-body bg-warning text-white py-5">
            <h2>BLOG</h2>
            <p class="lead">Music, books, tutorials...</p>
        </div>

        <div class="card card-body py-5">
            <h3>Coming soon</h3>
        </div>
    </div>


    <!-- FOOTER -->
    <footer id="main-footer" class="p-5 bg-dark text-white">
        <div class="row">
            <div class="col-md-6">
                <a href="#" class="btn btn-outline-light">
                    <i class="fas fa-cloud"></i> Download Resume
                </a>
            </div>
        </div>
    </footer>
</div>


<script src="http://code.jquery.com/jquery-3.3.1.min.js"
        integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
        crossorigin="anonymous"></script>
<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>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"
        integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T"
        crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.min.js"></script>

<script>
    $('.port-item').click(function () {
        $('.collapse').collapse('hide');
    });

    $(document).on('click', '[data-toggle="lightbox"]', function (e) {
        e.preventDefault();
        $(this).ekkoLightbox();
    });
</script>
</body>

</html>