Skip to content

Commit 1f96aad

Browse files
nikudarafshinikudarafshi
committed
deploy: ff08862 
1 parent f9e3fbc commit 1f96aad

File tree

3 files changed

+288
-42
lines changed

3 files changed

+288
-42
lines changed

‎images/team/Katy_Rucker.jpg‎

510 KB
Loading

‎images/team/Lichuan_Xu.jpg‎

216 KB
Loading

‎team/index.html‎

Lines changed: 288 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -2935,61 +2935,253 @@ <h5 class="title">PhD Student <br> Advised by Dr. Ulrich Achatz</h5>
29352935
</div>
29362936

29372937

2938+
<!-- Nolan Reilly -->
2939+
<style>
2940+
.column {
2941+
float: left;
2942+
2943+
margin-bottom: 16px;
2944+
padding: 0 8px;
2945+
}
29382946

2947+
.bio {
2948+
line-height: 0.5;
2949+
font-size: .8em;
2950+
text-align: left;
2951+
}
2952+
29392953

2940-
2941-
</div>
2954+
2955+
.card {
2956+
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
2957+
border-radius: 8px;
2958+
}
29422959

2943-
<h1 id="collaborators">Collaborators</h1>
2944-
<style>
2960+
2961+
.container {
2962+
padding: 0px 16px 0px;
2963+
}
29452964

2946-
.grid-container {
2947-
display: grid;
2948-
grid-template-columns: 25% 25% 25% 25%;
2965+
.card:hover {
2966+
transition: -webkit-box-shadow 0.2s ease-in-out;
2967+
-webkit-box-shadow: 0px 3px 31px -6px rgba(0,0,0,0.75);
2968+
-moz-box-shadow: 0px 3px 31px -6px rgba(0,0,0,0.75);
2969+
box-shadow: 0px 3px 31px -6px rgba(0,0,0,0.75);
29492970

2950-
}
2971+
}
29512972

2952-
@media screen and (max-width: 1100px) and (min-width: 750px) {
2953-
.grid-container {
2973+
2974+
.container::after, .row::after {
2975+
content: "";
2976+
clear: both;
2977+
display: block;
2978+
float: none;
2979+
height: 40%;
2980+
}
2981+
2982+
.title {
2983+
color: grey;
2984+
margin-bottom: .1em;
2985+
margin-top: .1em;
2986+
font-size: .8em;
2987+
line-height: 1.3;
2988+
}
2989+
2990+
.name {
2991+
margin-bottom: .3em;
2992+
margin-top: .7em;
2993+
line-height: 1;
2994+
}
2995+
2996+
.button {
2997+
border: none;
2998+
outline: 0;
2999+
display: inline-block;
3000+
padding: 4px;
3001+
padding-top: 20px;
3002+
padding-bottom: 6px;
3003+
margin: 0px;
3004+
color: black;
3005+
background-color: rgba(135,206,250,.3);
3006+
text-align: center;
3007+
cursor: pointer;
3008+
width: 100%;
3009+
height: 100%;
3010+
font-size: 2vh;
3011+
border-radius: 0 0 8px 8px;
3012+
}
3013+
3014+
.buttontopper
3015+
{
3016+
background-color: #f4f4f4;
29543017

2955-
grid-template-columns: 33% 33% 33%;
3018+
width: 100%;
3019+
height:20px;
3020+
padding-bottom:20px;
3021+
padding-top:0;
3022+
transform: skewY(-3deg);
3023+
transform-origin: bottom right;
3024+
text-align: center;
3025+
29563026
}
2957-
.bio {
2958-
font-size: 1.7vw;
3027+
3028+
.button:hover {
3029+
transition: -webkit-box-shadow 0.2s ease-in-out;
3030+
-webkit-box-shadow: 0px 3px 31px -6px rgba(0,0,0,0.75);
3031+
-moz-box-shadow: 0px 3px 31px -6px rgba(0,0,0,0.75);
3032+
box-shadow: 0px 20px 31px -6px rgba(0,0,0,0.75);
3033+
background-color: rgba(135,206,250);
29593034
}
2960-
}
29613035

2962-
@media screen and (min-width: 551px) and (max-width: 750px){
2963-
.grid-container {
2964-
grid-template-columns: 50% 50%;
3036+
3037+
.propic {
3038+
border-radius: 8px 8px 0 0;
3039+
}
3040+
3041+
</style>
3042+
3043+
<div class="column">
3044+
<div class="card">
3045+
<img class = "propic" src="/images/team/Nolan_Reilly.jpg" alt="Image Missing">
3046+
<div class="container">
3047+
<h3 class="name"> Nolan Reilly</h3>
3048+
<h5 class="title">PhD Student <br> Advised by Dr. Ed Gerber </h5>
3049+
<p style="line-height: 1.1; font-size: .9em " class="bio"> </p>
3050+
3051+
3052+
</div>
3053+
<div class = "buttontopper"> </div>
3054+
<a href="https://caos.cims.nyu.edu/dynamic/people/phd-students/" class="button"> NYU </a>
3055+
3056+
3057+
</div>
3058+
</div>
3059+
3060+
3061+
<!-- Katy Rucker -->
3062+
<style>
3063+
.column {
3064+
float: left;
3065+
3066+
margin-bottom: 16px;
3067+
padding: 0 8px;
29653068
}
3069+
29663070
.bio {
2967-
font-size: 2.2vmin ;
3071+
line-height: 0.5;
3072+
font-size: .8em;
3073+
text-align: left;
29683074
}
2969-
.title{
2970-
font-size: .7em;
3075+
3076+
3077+
3078+
.card {
3079+
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
3080+
border-radius: 8px;
29713081
}
2972-
}
29733082

2974-
@media screen and (max-width: 550px) {
2975-
.grid-container {
2976-
grid-template-columns: auto;
3083+
3084+
.container {
3085+
padding: 0px 16px 0px;
29773086
}
2978-
.bio {
2979-
font-size: 3vw;
3087+
3088+
.card:hover {
3089+
transition: -webkit-box-shadow 0.2s ease-in-out;
3090+
-webkit-box-shadow: 0px 3px 31px -6px rgba(0,0,0,0.75);
3091+
-moz-box-shadow: 0px 3px 31px -6px rgba(0,0,0,0.75);
3092+
box-shadow: 0px 3px 31px -6px rgba(0,0,0,0.75);
3093+
3094+
}
3095+
3096+
3097+
.container::after, .row::after {
3098+
content: "";
3099+
clear: both;
3100+
display: block;
3101+
float: none;
3102+
height: 40%;
3103+
}
3104+
3105+
.title {
3106+
color: grey;
3107+
margin-bottom: .1em;
3108+
margin-top: .1em;
3109+
font-size: .8em;
3110+
line-height: 1.3;
3111+
}
3112+
3113+
.name {
3114+
margin-bottom: .3em;
3115+
margin-top: .7em;
3116+
line-height: 1;
3117+
}
3118+
3119+
.button {
3120+
border: none;
3121+
outline: 0;
3122+
display: inline-block;
3123+
padding: 4px;
3124+
padding-top: 20px;
3125+
padding-bottom: 6px;
3126+
margin: 0px;
3127+
color: black;
3128+
background-color: rgba(135,206,250,.3);
3129+
text-align: center;
3130+
cursor: pointer;
3131+
width: 100%;
3132+
height: 100%;
3133+
font-size: 2vh;
3134+
border-radius: 0 0 8px 8px;
3135+
}
3136+
3137+
.buttontopper
3138+
{
3139+
background-color: #f4f4f4;
3140+
3141+
width: 100%;
3142+
height:20px;
3143+
padding-bottom:20px;
3144+
padding-top:0;
3145+
transform: skewY(-3deg);
3146+
transform-origin: bottom right;
3147+
text-align: center;
3148+
3149+
}
3150+
3151+
.button:hover {
3152+
transition: -webkit-box-shadow 0.2s ease-in-out;
3153+
-webkit-box-shadow: 0px 3px 31px -6px rgba(0,0,0,0.75);
3154+
-moz-box-shadow: 0px 3px 31px -6px rgba(0,0,0,0.75);
3155+
box-shadow: 0px 20px 31px -6px rgba(0,0,0,0.75);
3156+
background-color: rgba(135,206,250);
29803157
}
3158+
3159+
29813160
.propic {
3161+
border-radius: 8px 8px 0 0;
29823162
}
2983-
}
29843163

29853164
</style>
29863165

2987-
<div class="grid-container">
2988-
3166+
<div class="column">
3167+
<div class="card">
3168+
<img class = "propic" src="/images/team/Katy_Rucker.jpg" alt="Image Missing">
3169+
<div class="container">
3170+
<h3 class="name"> Katy Rucker</h3>
3171+
<h5 class="title">PhD Student <br> Advised by Dr. Pedram Hassanzadeh</h5>
3172+
<p style="line-height: 1.1; font-size: .9em " class="bio"> </p>
3173+
29893174

2990-
3175+
</div>
3176+
<div class = "buttontopper"> </div>
3177+
<a href="https://geosci.uchicago.edu/people/katherine-rucker/" class="button"> UChicago </a>
29913178

2992-
<!-- Milena Corcos -->
3179+
3180+
</div>
3181+
</div>
3182+
3183+
3184+
<!-- Lichuan Xu -->
29933185
<style>
29943186
.column {
29953187
float: left;
@@ -3096,23 +3288,77 @@ <h1 id="collaborators">Collaborators</h1>
30963288

30973289
<div class="column">
30983290
<div class="card">
3099-
<img class = "propic" src="/images/team/Milena_Corcos.jpg" alt="Image Missing">
3291+
<img class = "propic" src="/images/team/Lichuan_Xu.jpg" alt="Image Missing">
31003292
<div class="container">
3101-
<h3 class="name"> Milena Corcos</h3>
3102-
<h5 class="title">Postdoctoral Researcher <br> </h5>
3103-
<p style="line-height: 1.1; font-size: .9em " class="bio">WRF simulations validation with the Stratéole-2 balloons </p>
3293+
<h3 class="name"> Lichuan Xu</h3>
3294+
<h5 class="title">PhD Student <br> Advised by Dr. Pedram Hassanzadeh</h5>
3295+
<p style="line-height: 1.1; font-size: .9em " class="bio">Reduced-order analysis of turbulent flow with neural network </p>
31043296

31053297

31063298
</div>
31073299
<div class = "buttontopper"> </div>
3108-
<a href="https://www.nwra.com/people/371/" class="button">NorthWest Research Associates</a>
3300+
<a href="https://geosci.uchicago.edu/people/lichuan-xu/" class="button"> UChicago </a>
31093301

31103302

31113303
</div>
31123304
</div>
31133305

31143306

3115-
<!-- Nolan Reilly -->
3307+
3308+
3309+
3310+
</div>
3311+
3312+
<h1 id="collaborators">Collaborators</h1>
3313+
<style>
3314+
3315+
.grid-container {
3316+
display: grid;
3317+
grid-template-columns: 25% 25% 25% 25%;
3318+
3319+
}
3320+
3321+
@media screen and (max-width: 1100px) and (min-width: 750px) {
3322+
.grid-container {
3323+
3324+
grid-template-columns: 33% 33% 33%;
3325+
}
3326+
.bio {
3327+
font-size: 1.7vw;
3328+
}
3329+
}
3330+
3331+
@media screen and (min-width: 551px) and (max-width: 750px){
3332+
.grid-container {
3333+
grid-template-columns: 50% 50%;
3334+
}
3335+
.bio {
3336+
font-size: 2.2vmin ;
3337+
}
3338+
.title{
3339+
font-size: .7em;
3340+
}
3341+
}
3342+
3343+
@media screen and (max-width: 550px) {
3344+
.grid-container {
3345+
grid-template-columns: auto;
3346+
}
3347+
.bio {
3348+
font-size: 3vw;
3349+
}
3350+
.propic {
3351+
}
3352+
}
3353+
3354+
</style>
3355+
3356+
<div class="grid-container">
3357+
3358+
3359+
3360+
3361+
<!-- Milena Corcos -->
31163362
<style>
31173363
.column {
31183364
float: left;
@@ -3219,16 +3465,16 @@ <h5 class="title">Postdoctoral Researcher <br> </h5>
32193465

32203466
<div class="column">
32213467
<div class="card">
3222-
<img class = "propic" src="/images/team/Nolan_Reilly.jpg" alt="Image Missing">
3468+
<img class = "propic" src="/images/team/Milena_Corcos.jpg" alt="Image Missing">
32233469
<div class="container">
3224-
<h3 class="name"> Nolan Reilly</h3>
3225-
<h5 class="title">PhD Student <br> </h5>
3226-
<p style="line-height: 1.1; font-size: .9em " class="bio"> </p>
3470+
<h3 class="name"> Milena Corcos</h3>
3471+
<h5 class="title">Postdoctoral Researcher <br> </h5>
3472+
<p style="line-height: 1.1; font-size: .9em " class="bio">WRF simulations validation with the Stratéole-2 balloons </p>
32273473

32283474

32293475
</div>
32303476
<div class = "buttontopper"> </div>
3231-
<a href="https://caos.cims.nyu.edu/dynamic/people/phd-students/" class="button"> NYU </a>
3477+
<a href="https://www.nwra.com/people/371/" class="button">NorthWest Research Associates</a>
32323478

32333479

32343480
</div>

0 commit comments

Comments
 (0)