Difference between revisions of "Team:NAIT Edmonton/Trial12"
| Line 75: | Line 75: | ||
.modal-state:checked + .modal {opacity: 1;visibility: visible;} | .modal-state:checked + .modal {opacity: 1;visibility: visible;} | ||
.modal-state:checked + .modal .modal__inner {top: 0;} | .modal-state:checked + .modal .modal__inner {top: 0;} | ||
| − | .modal__inner {transition: top .25s ease;position: absolute;top: -20%; right: 0;bottom: 0;left: 0;width: 750px;margin: auto;overflow: auto;background:#FFFFFF;border-radius: 0px;padding: 1em 2em;height: | + | .modal__inner {transition: top .25s ease;position: absolute;top: -20%; right: 0;bottom: 0;left: 0;width: 750px;margin: auto;overflow: auto;background:#FFFFFF;border-radius: 0px;padding: 1em 2em;height: 200px;} |
.modal__close {position: absolute;right: 1em;top: 1em;width: 1.1em;height: 1.1em;cursor: pointer;} | .modal__close {position: absolute;right: 1em;top: 1em;width: 1.1em;height: 1.1em;cursor: pointer;} | ||
.modal__close:after, | .modal__close:after, | ||
| Line 82: | Line 82: | ||
.modal__close:hover:before {background: #aaa;} | .modal__close:hover:before {background: #aaa;} | ||
.modal__close:before {transform: rotate(-45deg);} | .modal__close:before {transform: rotate(-45deg);} | ||
| + | |||
| + | .modal2 {opacity: 0;visibility: hidden;position: fixed;top: 0;right: 0;bottom: 0;left: 0;text-align: left;background: rgba(0,0,0, .9);transition: opacity .25s ease;z-index:999;} | ||
| + | .modal2__bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;cursor: pointer;} | ||
| + | .modal2-state { display: none;} | ||
| + | .modal2-state:checked + .modal2 {opacity: 1;visibility: visible;} | ||
| + | .modal2-state:checked + .modal2 .modal2__inner {top: 0;} | ||
| + | .modal2__inner {transition: top .25s ease;position: absolute;top: -20%; right: 0;bottom: 0;left: 0;width: 750px;margin: auto;overflow: auto;background:#FFFFFF;border-radius: 0px;padding: 1em 2em;height: 458px;} | ||
| + | .modal2__close {position: absolute;right: 1em;top: 1em;width: 1.1em;height: 1.1em;cursor: pointer;} | ||
| + | .modal2__close:after, | ||
| + | .modal2__close:before {content: '';position: absolute;width: 2px;height: 1.5em;background: #ccc;display: block;transform: rotate(45deg);left: 50%;margin: -3px 0 0 -1px;top: 0;} | ||
| + | .modal2__close:hover:after, | ||
| + | .modal2__close:hover:before {background: #aaa;} | ||
| + | .modal2__close:before {transform: rotate(-45deg);} | ||
| Line 201: | Line 214: | ||
<!----------------------------------Team Modals---------------------------> | <!----------------------------------Team Modals---------------------------> | ||
| − | <input class=" | + | <input class="modal2-state" id="Marcelo" type="checkbox" /> |
| − | <div class=" | + | <div class="modal2"> |
| − | <label class=" | + | <label class="modal2__bg" for="Marcelo"></label> |
| − | <div class=" | + | <div class="modal2__inner"> |
<center><h1>Marcelo Marcet</h1></center> | <center><h1>Marcelo Marcet</h1></center> | ||
| Line 214: | Line 227: | ||
</div> | </div> | ||
| − | <input class=" | + | <input class="modal2-state" id="Mattea" type="checkbox" /> |
| − | <div class=" | + | <div class="modal2"> |
| − | <label class=" | + | <label class="modal2__bg" for="Mattea"></label> |
| − | <div class=" | + | <div class="modal2__inner"> |
<center><h1>Mattéa Bujold</h1></center> | <center><h1>Mattéa Bujold</h1></center> | ||
| Line 226: | Line 239: | ||
</div> | </div> | ||
| − | <input class=" | + | <input class="modal2-state" id="Eduardo" type="checkbox" /> |
| − | <div class=" | + | <div class="modal2"> |
| − | <label class=" | + | <label class="modal2__bg" for="Eduardo"></label> |
| − | <div class=" | + | <div class="modal2__inner"> |
<center><h1>Eduardo A. R. Serratos</h1></center> | <center><h1>Eduardo A. R. Serratos</h1></center> | ||
| Line 243: | Line 256: | ||
</div> | </div> | ||
| − | <input class=" | + | <input class="modal2-state" id="David" type="checkbox" /> |
| − | <div class=" | + | <div class="modal2"> |
| − | <label class=" | + | <label class="modal2__bg" for="David"></label> |
| − | <div class=" | + | <div class="modal2__inner"> |
<center><h1>David Barilla</h1></center> | <center><h1>David Barilla</h1></center> | ||
| Line 255: | Line 268: | ||
</div> | </div> | ||
| − | <input class=" | + | <input class="modal2-state" id="Johannes" type="checkbox" /> |
| − | <div class=" | + | <div class="modal2"> |
| − | <label class=" | + | <label class="modal2__bg" for="Johannes"></label> |
| − | <div class=" | + | <div class="modal2__inner"> |
<center><h1>Johannes Coomansingh</h1></center> | <center><h1>Johannes Coomansingh</h1></center> | ||
| Line 267: | Line 280: | ||
</div> | </div> | ||
| − | <input class=" | + | <input class="modal2-state" id="Abbie" type="checkbox" /> |
| − | <div class=" | + | <div class="modal2"> |
| − | <label class=" | + | <label class="modal2__bg" for="Abbie"></label> |
| − | <div class=" | + | <div class="modal2__inner"> |
<center><h1>Abbie Gottert</h1></center> | <center><h1>Abbie Gottert</h1></center> | ||
| Line 277: | Line 290: | ||
</div> | </div> | ||
| − | <input class=" | + | <input class="modal2-state" id="Joy" type="checkbox" /> |
| − | <div class=" | + | <div class="modal2"> |
| − | <label class=" | + | <label class="modal2__bg" for="Joy"></label> |
| − | <div class=" | + | <div class="modal2__inner"> |
<center><h1>Joy Ramielle L. Santos</h1></center> | <center><h1>Joy Ramielle L. Santos</h1></center> | ||
| Line 289: | Line 302: | ||
</div> | </div> | ||
| − | <input class=" | + | <input class="modal2-state" id="Kevin" type="checkbox" /> |
| − | <div class=" | + | <div class="modal2"> |
| − | <label class=" | + | <label class="modal2__bg" for="Kevin"></label> |
| − | <div class=" | + | <div class="modal2__inner"> |
<center><h1>Kevin Setzer</h1></center> | <center><h1>Kevin Setzer</h1></center> | ||
Revision as of 23:15, 23 July 2015
Our team is truly lucky to have the support of all these individuals. Click their names to see how each of these individuals contributed to our project.
Marcelo Marcet
What would we do without Marcelo? Throughout the summer, Marcelo was not only our advisor - he was our mentor, our lab father-figure and most importantly, our friend.
He has been involved in all of the aspects of our project. He taught us all the tips and tricks for working in the lab; he helped us get funding and sponsorship; he was our voice in our institution; and he was heavily involved in all of the animation and 3D modeling in our project.
Without Marcelo, our team would never have come together. Thank you so much, Marcelo. Words can never express our gratitude for you.
Mattéa Bujold
Without Mattéa, there is no Team NAIT 2015. Alongside Marcelo, Mattéa was directly involved in bringing our team together.
She is our lab guardian - making sure we always had everything we needed to carry out and complete our experiments. From protocols to ordering reagents, we could always count on Mattéa. She was always willing to sacrifice her time and bestow us with her knowledge and extensive lab experience.
We are so thankful for her involvement in this project. We've learned so much from her and we are proud to say that she is our mentor and friend. Thank you so much, Mattéa. We could never repay you for your kindness (and your patience with us).
Eduardo A. R. Serratos
Humble, intelligent, passionate, kind, handsome, guapo - these are just some of the few words that we can use to describe our team leader and captain, Eduardo.
He was instrumental in our entire project. He took responsibility for the majority of the lab work and conducting of experiments. In addition to that, Eduardo kept our entire group organized and focused on our end goal. Eduardo really had a hand in everything - he attended meetings on behalf of our team, he conducted research and assisted in literature review, filling out our lab logbooks with David, and somehow, he was always willing to do more.
Eduardo has truly been an indispensable asset to the team and an even better friend. We could always count on him to listen, advise and provide the emotional support in this chapter of our lives. Thank you, Eduardo, oh Captain, our captain.
David Barilla
What would we do without David?
Johannes Coomansingh
What would we do without Jo?
Abbie Gottert
Abbie is one of the most caring, friendly and empathetic people you will ever meet. Between assisting with Logo and Banner design, reviewing the literature, helping Johannes out with the policy and practices, and assisting with lab work, she finds the time to have a full time job and maintain a balance between them. Always concerned with the well being of the group, she goes out of her way to make sure that everyone stays healthy, happy and mentally sound.
Joy Ramielle L. Santos
Not Meh you are awesome Joy
Kevin Setzer
What would we do without Setzer?
