Difference between revisions of "Team:Franconia/Team"

(Prototype team page)
 
Line 2: Line 2:
  
 
<html>
 
<html>
 +
<style>
 +
.team {
 +
color: white;
 +
clear: both;
 +
width: 100%;
 +
padding: 50px 5%;
 +
font-size: small;
 +
}
  
 +
#team img {
 +
vertical-align: middle;
 +
margin: 0;
 +
width: 80%;
 +
min-height: 80%;
 +
}
  
 +
.team h3 {
 +
margin-top: 10px;
 +
}
  
−
<div class="column full_size" >
+
.team p {
 +
color: black;
 +
}
  
−
<h1>Team</h1>
+
.img-circle {
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
border-radius: 10% 100% 100% 100%;
−
</div>
+
}
  
−
<div class="clear"></div>
+
.banner {
 +
background-image: url('https://static.igem.org/mediawiki/2017/3/37/T--Franconia--Team-TeamBanner1.jpeg');
 +
}
  
−
<div class="column half_size" >
+
.person-information {
−
<h5>Inspiration</h5>
+
margin-bottom: 50px;
−
<p>You can look at what other teams did to get some inspiration! <br />
+
}
−
Here are a few examples:</p>
+
−
<ul>
+
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
−
</ul>
+
  
−
</div>
+
#instructors > h1 {
 +
color: var(--tint-color);
 +
}
  
−
<div class="column half_size" >
+
#instructors {
−
<h5>What should this page contain?</h5>
+
text-align: center;
−
<ul>
+
}
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
−
</ul>
+
−
</div>
+
  
 +
.igem_2017_content_wrapper p.person-university {
 +
font-size: small;
 +
margin-top: -10px;
 +
}
  
 +
.igem_2017_content_wrapper p.why-igem-head {
 +
font-weight: 400 !important;
 +
}
  
 +
.igem_2017_content_wrapper p.why-igem-answer, .igem_2017_content_wrapper p.person-attribution {
 +
font-style: italic;
 +
}
 +
 +
        #instructors {
 +
            margin-bottom: 5%;
 +
        }
 +
 +
        #sponsors {
 +
            margin-top: 10%;
 +
        }
 +
 +
</style>
 +
 +
<script>
 +
const uniErlangen = "FAU Erlangen-Nürnberg";
 +
const uniWue = "JMU Würzburg";
 +
 +
function Person(id, name, course, university, image, gifImage, motivation, responsibility) {
 +
this.id = id;
 +
this.name = name;
 +
this.course = course;
 +
this.university = university;
 +
this.image = image;
 +
this.gifImage = gifImage;
 +
this.motivation = motivation;
 +
this.responsibility = responsibility;
 +
}
 +
 +
const alena = new Person("alena", "Alena Ponader", "Theater and Media Sciences, German Studies B.A.", uniErlangen, "https://static.igem.org/mediawiki/2017/2/27/T--Franconia--Team-Alena.jpeg", "https://media.giphy.com/media/14sKf7EfrCejmg/giphy.gif", "iGEM is a great opportunity to gain different experiences.", "Human Practice Organization Vlog");
 +
const alex = new Person("alex", "Alexander Zika", "Chemistry M.Sc.", uniErlangen, "https://static.igem.org/mediawiki/2017/e/ee/T--Franconia--Team-Alex.jpeg", "https://media.giphy.com/media/3o6ZtjDNG2UXy7B3xK/giphy.gif", "", "Card Game Bio-Lab Organization");
 +
const annika = new Person("annika", "Annika Findling", "Human-Computer Interaction B.Sc.", uniWue, "https://static.igem.org/mediawiki/2017/2/2e/FranconiaTeamAnnika.jpeg", "https://media.giphy.com/media/3ohhwFapJTVNPKITWU/giphy.gif", "", "Design");
 +
const annSophie = new Person("ann-sophie", "Ann-Sophie Flohr", "Integrated Life Sciences B.Sc.", uniErlangen, "https://static.igem.org/mediawiki/2017/6/62/T--Franconia--Team-AnnSophie1.jpeg", "https://media.giphy.com/media/aHlnxCpJUIDM4/giphy.gif", "To work with other students and to gain experience in practical lab work", "Card Game Bio-Lab");
 +
const ariane = new Person("ariane", "Ariane Weber", "Integrated Life Sciences B.Sc.", uniErlangen, "https://static.igem.org/mediawiki/2017/9/95/T--Franconia--Team-Ariane.jpeg", "https://media.giphy.com/media/4KLv24CPUoZ0I/giphy.gif", "For me, iGEM is a possibility to gain insights into responsible scientific work.", "Human Practices Collaborations Realization");
 +
 +
const bastian = new Person("bastian", "Bastian Hacker", "Cell and Molecular Biology M.Sc.", uniErlangen, "https://static.igem.org/mediawiki/2017/a/a9/T--Franconia--Team-Bastian.jpeg", "https://media.giphy.com/media/EdRgVzb2X3iJW/giphy.gif", "iGEM is biology. Biology is life. Life is great.", "Bio-Lab Deadlines");
 +
const benedikt = new Person("benedikt", "Benedikt Wolz", "Molecular Life Sciences B.Sc.", uniErlangen, "https://static.igem.org/mediawiki/2017/9/9d/T--Franconia--Team-Benedikt.jpeg", "https://media.giphy.com/media/EA4ZexjGOnfP2/giphy.gif", "Learning about scientific topics beyond my regular field", "Chemistry-Lab");
 +
const chris = new Person("chris", "Christopher Voit", "Human-Computer Interaction B.Sc.", uniWue, "https://static.igem.org/mediawiki/2017/a/ae/FranconiaTeamChris.jpeg", "https://media.giphy.com/media/l378dhFolhVcvvGFO/giphy.gif", "It just happened, I guess?", "Design Website Development App Conception Organization");
 +
const daniel = new Person("daniel", "Daniel Rapp", "Human-Computer Interaction M.Sc.", uniWue, "https://static.igem.org/mediawiki/2017/1/14/FranconiaTeamDaniel.jpeg", "https://media.giphy.com/media/zFiwp2vCyjLA4/giphy.gif", "Challenge something new!", "Client-side Implementation (a lot!)");
 +
 +
const eva = new Person("eva", "Eva-Maria Paap", "Integrated Life Sciences B.Sc.", uniErlangen, "https://static.igem.org/mediawiki/2017/a/ab/T--Franconia--Team-Eva.jpeg", "https://media.giphy.com/media/NcaxFgV1tRO3S/giphy.gif", "", "Bio-Lab");
 +
const florian1 = new Person("florian1", "Florian Wolz PhD.", "Physics", uniErlangen, "https://static.igem.org/mediawiki/2017/4/4a/T--Franconia--Team-Florian.jpeg", "https://media.giphy.com/media/bupsZiBKn7vAk/giphy.gif", "", "Graphics Animation Design");
 +
const florian2 = new Person("florian2", "Florian Nendel M.Sc.", "Mechanical Engineering", uniErlangen, "https://static.igem.org/mediawiki/2017/d/d0/T--Franconia--Team-Florian2.jpeg", "https://media.giphy.com/media/TCD3IQ7ZbYPSM/giphy.gif", "", "Presentation Coaching");
 +
const hannah = new Person("hannah", "Hannah Vogt", "Molecular Life Sciences B.Sc.", uniErlangen, "https://static.igem.org/mediawiki/2017/4/4e/T--Franconia--Team-Hannah.jpeg", "https://media.giphy.com/media/3o85xsGXVuYh8lM3EQ/giphy.gif", "Gain new experiences", "Bio-Lab Organization");
 +
 +
const isaiah = new Person("isaiah", "Isaiah Lewis", "Molecular Life Sciences B.Sc.", uniErlangen, "https://static.igem.org/mediawiki/2017/d/d4/T--Franconia--Team-Isaiah.jpeg", "https://media.giphy.com/media/PwLYfy05MBVVm/giphy.gif", "", "Chemistry Lab");
 +
const jonas2 = new Person("jonas2", "Jonas Müller", "Human-Computer Interaction M.Sc.", uniWue, "https://static.igem.org/mediawiki/2017/7/71/FranconiaTeamJonas.jpeg", "https://media.giphy.com/media/26tneSGWphvmFlUju/giphy.gif", "The biggest Innovations of the 21st century will be at the intersection of biology and technology -Steve Jobs", "Website Development Server-side Implementation Client-side Implementation");
 +
const jonas1 = new Person("jonas1", "Jonas Willar", "Biology B.Sc.", uniErlangen, "https://static.igem.org/mediawiki/2017/d/d9/T--Franconia--Team-Jonas.jpeg", "https://media.giphy.com/media/wjK3YnjoQf0go/giphy.gif", "The opportunity to gain more expertise.", "Bio-Lab missing meetings");
 +
const leonard = new Person("leonard", "Leonard Mach", "Molecular Life Science M. Sc.", uniErlangen, "https://static.igem.org/mediawiki/2017/c/cb/T--Franconia--Team-Leonard.jpeg", "https://media.giphy.com/media/3o7aD3xAQ1zUqYYJOg/giphy.gif", "Pure Chance!", "Communications Research Text Editing");
 +
 +
const luise = new Person("luise", "Luise Zeckey", "Integrated Life Sciences B.Sc.", uniErlangen, "https://static.igem.org/mediawiki/2017/2/2a/T--Franconia--Team-Luise.jpeg", "https://media.giphy.com/media/iNQ2cIve8rUqI/giphy.gif", "I would like to gain some practical experience in academic research!", "Bio-Lab");
 +
const markus = new Person("markus", "Markus Meixner", "Computer Engineering", uniWue, "https://static.igem.org/mediawiki/2017/5/5d/FranconiaTeamMarkus.jpeg", "https://media.giphy.com/media/McjJfJhXLESNW/giphy.gif", "I got ENORMOUS motivation", "AR Development Website Content Organization");
 +
const maximilian1 = new Person("maximilian1", "Maximilian Malter", "Political Science B.Sc.", uniErlangen, "https://static.igem.org/mediawiki/2017/f/fa/T--Franconia--Team-Max.jpeg", "https://media.giphy.com/media/plcoWBSrPvOP6/giphy.gif", "iGEM is a great way to broaden your horizon.", "Website Content Poster Design Human Practices");
 +
const maximilian2 = new Person("maximilian2", "Maximilian Wagner PhD.", "Chemistry", uniErlangen, "https://static.igem.org/mediawiki/2017/b/b3/T--Franconia--Team-Maximilian.jpeg", "https://media.giphy.com/media/a42I8k5rXSEes/giphy.gif", "New team and new challenges!", "Organization of Lab Spaces Funding Publicity");
 +
 +
 +
const natalie = new Person("natalie", "Natalie Waleska", "Molecular Life Sciences B.Sc.", uniErlangen, "https://static.igem.org/mediawiki/2017/a/ae/T--Franconia--Team-Natalie.jpeg", "https://media.giphy.com/media/MBqexiyzMwhaM/giphy.gif", "Curiosity and a lot of new experiences.", "Chemistry-Lab");
 +
const nicolas = new Person("nicolas", "Nicolas Wellnhofer", "Teacher Chemistry/English", uniErlangen, "https://static.igem.org/mediawiki/2017/d/dd/T--Franconia--Team-Nicolas.jpeg", "https://media.giphy.com/media/IhyFBh1DUszF6/giphy.gif", "", "Chemistry-Lab");
 +
const steffen = new Person("steffen", "Steffen Docter", "Biology B.Sc.", uniErlangen, "https://static.igem.org/mediawiki/2017/7/71/T--Franconia--Team-Steffen.jpeg", "https://media.giphy.com/media/umMYB9u0rpJyE/giphy.gif", "Sounded like a cool thing to do", "Organization Bio-Lab");
 +
const stephan = new Person("stephan", "Stephan Kohrt", "Biology B.Sc.", uniErlangen, "https://static.igem.org/mediawiki/2017/a/a5/T--Franconia--Team-Stephan.jpeg", "https://media.giphy.com/media/YDdA3yvCdk4Io/giphy.gif", "", "Bio-Lab");
 +
 +
const tabea = new Person("tabea", "Tabea Blenk", "Human-Computer Interaction B.Sc.", uniWue, "https://static.igem.org/mediawiki/2017/4/4a/FranconiaTeamTabea.jpeg", "https://media.giphy.com/media/7uoUg0tL7MNNe/giphy.gif", "Why not?", "Design Website Development App Conception");
 +
const tina = new Person("tina", "Tina Meißgeier", "Biology B.Sc.", uniErlangen, "https://static.igem.org/mediawiki/2017/f/f1/T--Franconia--Team-Tina.jpeg", "https://media.giphy.com/media/PVHKTon6zv332/giphy.gif", "I like the idea of a team working together on a topic, in which all are interested, and seeing how a little idea grows up to a big experiment.", "Text Editing Human Practices Social Work");
 +
const tobias1 = new Person("tobias1", "Tobias Schrödel", "Biology B.Sc.", uniErlangen, "https://static.igem.org/mediawiki/2017/8/80/T--Franconia--Team-Tobias.jpeg", "https://media.giphy.com/media/JuR7AUx2S3JoQ/giphy.gif", "", "Bio-Lab");
 +
const tobias2 = new Person("tobias2", "Tobias Wahl", "Space Science and Technology B.Sc.", uniWue, "https://static.igem.org/mediawiki/2017/2/29/FranconiaTeamTobias.jpeg", "https://media.giphy.com/media/vzO0Vc8b2VBLi/giphy.gif", "", "3D Models Animations");
 +
 +
const vera = new Person("vera", "Vera Volk", "Human-Computer Interaction B.Sc.", uniWue, "https://static.igem.org/mediawiki/2017/d/df/FranconiaTeamVera.jpg", "https://media.giphy.com/media/a2CuXUveJpRWo/giphy.gif", "Practice experience and interdisciplinary cooperation", "Design Website Development App Conception");
 +
const wiebke = new Person("wiebke", "Wiebke Alex", "Chemistry M.Sc.", uniErlangen, "https://static.igem.org/mediawiki/2017/9/9b/T--Franconia--Team-Wiebke.jpeg", "https://media.giphy.com/media/cYYx0b3DcYwOA/giphy.gif", "To expand my knowledge in every possible way!", "Card Game Organization Posters Presentations");
 +
 +
const sebastian = new Person("sebastian", "Prof. Dr. Sebastian von Mammen", "Games Engineering", uniWue, "https://static.igem.org/mediawiki/2017/a/a3/FranconiaTeamSebastian.png", "https://media.giphy.com/media/XZpxRGIdqSL3W/giphy.gif", "", "Instructor");
 +
const andreas = new Person("andreas", "Andreas Knote M.Sc.", "Games Engineering", uniWue, "https://static.igem.org/mediawiki/2017/d/de/FranconiaTeamAndreas1.png", "https://media.giphy.com/media/l2SqbUETv1PYfPevK/giphy.gif", "", "Instructor");
 +
 +
var students = [alena, alex, annika, annSophie, ariane, bastian, benedikt, chris, daniel, eva, hannah, isaiah, jonas2, jonas1, leonard, luise, markus, natalie, nicolas, maximilian1,
 +
steffen, stephan, tabea, tina, tobias1, tobias2, vera, wiebke];
 +
var instructors = [florian2, florian1, maximilian2, sebastian, andreas];
 +
var persons = students.concat(instructors);
 +
 +
function getPerson(id) {
 +
for (var idx in persons) {
 +
const currentPerson = persons[idx];
 +
if (currentPerson.id === id) return currentPerson;
 +
}
 +
}
 +
 +
function getPersonHtml(array) {
 +
var toAppend = "";
 +
for (var idx = 0; idx < array.length; idx++) {
 +
const currentPerson = array[idx];
 +
if (idx === 0 || idx % 3 === 0) {
 +
toAppend += "<div class='row'>";
 +
}
 +
toAppend += "<div class='col-sm-4'><div class='person-wrapper'>" +
 +
"<img class='imgAnimate img-circle teammember bgscroll' id='" + currentPerson.id + "' src='" + currentPerson.image + "' alt='" + currentPerson.name + "' />" +
 +
"<div class='person-information'><h3 class='person-name'>" + currentPerson.name + "</h3>" +
 +
"<p class='person-university'>" + currentPerson.university + "</p>" +
 +
"<p class='person-course'>" + currentPerson.course + "</p>" +
 +
"<p class='person-attribution'>" + currentPerson.responsibility + "</p>" +
 +
"<p class='why-igem-head' style='display:none'>Why iGEM?</p>" +
 +
"<p class='why-igem-answer' style='display:none'>\"" + currentPerson.motivation + "\"</p>" +
 +
"</div>" +
 +
"</div></div>";
 +
if ((idx + 1) % 3 === 0 || idx === array.length - 1) {
 +
toAppend += "</div>";
 +
}
 +
}
 +
return toAppend;
 +
}
 +
 +
$(document).ready(function () {
 +
$('#students').append(getPersonHtml(students));
 +
$('#instructors').append(getPersonHtml(instructors));
 +
 +
$(window).resize(function () {
 +
$(".imgAnimate").attr("height", "auto");
 +
});
 +
 +
$(".imgAnimate").hover(
 +
function () {
 +
const height = $(this).height();
 +
const id = $(this).attr("id");
 +
const person = getPerson(id);
 +
$(this).attr("height", height);
 +
$(this).attr("src", person.gifImage);
 +
 +
if (person.motivation.length > 0) {
 +
$(this).parent().find('.person-course').hide('medium');
 +
$(this).parent().find('.person-university').hide('medium');
 +
$(this).parent().find('.person-attribution').hide('medium');
 +
 +
$(this).parent().find('.why-igem-head').show('medium');
 +
$(this).parent().find('.why-igem-answer').show('medium');
 +
}
 +
 +
},
 +
function () {
 +
const id = $(this).attr("id");
 +
const person = getPerson(id);
 +
$(this).attr("src", person.image);
 +
 +
$(this).parent().find('.person-course').show('medium');
 +
$(this).parent().find('.person-university').show('medium');
 +
$(this).parent().find('.person-attribution').show('medium');
 +
 +
$(this).parent().find('.why-igem-head').hide('medium');
 +
$(this).parent().find('.why-igem-answer').hide('medium');
 +
})
 +
});
 +
 +
</script>
 +
</head>
 +
<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject page-Team_Erlangen_Nuremberg_Safety skin-igem action-view">
 +
<?php include 'includes/igem_pre_content.php' ?>
 +
 +
<!-- COPY TO IGEM WIKI FROM HERE -->
 +
 +
 +
<div class="banner">
 +
<div class="banner-heading">
 +
<h1>Team</h1>
 +
</div>
 
</div>
 
</div>
 +
 +
 +
<section id="team" class="container content-section team">
 +
<section id="teammembers">
 +
<div class="container text-center content-section text-center team" id="students">
 +
</div>
 +
</section>
 +
<section id="instructors">
 +
<h1>Supervisors</h1>
 +
<div class="container text-center content-section text-center team" id="instructors">
 +
</div>
 +
</section>
 +
    <section id="sponsors" class="container content-section text-center">
 +
        <div class="col-sm-6">
 +
            <img src="https://static.igem.org/mediawiki/2017/7/72/T--Franconia--Team-FAULogo.svg"
 +
                class="supporter-logo">
 +
        </div>
 +
        <div class="col-sm-6">
 +
            <img src="https://static.igem.org/mediawiki/2017/6/65/T--Franconia--Team-JMULogo.svg"
 +
                class="supporter-logo">
 +
        </div>
 +
    </section>
 +
</section>
 
</html>
 
</html>

Revision as of 00:35, 31 October 2017

Supervisors