{% extends "layout.html" %}

{% block title %}Team Radboud University{% endblock %}
{% block lead %}Synthesize a better future together!{% endblock %}

{% block page_content %}

<style>
  .grid-parent {
    display: flex;
    flex-wrap: wrap;
    justify-content:space-evenly;

  }
  .grid-child {
    display: block;
    width: 350px;
    height: 550px;
    background-color: white;
    border: 2px solid black;
    margin: 20px 0;
    color: black;
    text-overflow: ellipsis;
    transition: all 0.5s;
    cursor:pointer;
  }
  .face-image {
    aspect-ratio: 1;
    max-width: 50%;
    max-height: 40%;
    display:block;
    margin: 2% auto auto;
  }
  .collage-parent {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
  }
  .collage-child {
    height: 20vh;
    flex-grow: 1;
  }
  .collage-image {
    max-height: 100%;
    min-width: 100%;
    vertical-align: bottom;
    object-fit: cover;
  }
</style>

<script>
  class Card {
    constructor(cardId) {
      // Variables
      this.cardId = cardId;
      this.card = document.getElementById(cardId);
      // Event listeners
      this.card.addEventListener("mouseover", () => this.hoverOnBorder());
      this.card.addEventListener("mouseout", () => this.hoverOffBorder());
      this.card.addEventListener("click", () => this.toggleSize());
      // Init styling size (to fix JS bug)
      this.card.style.width = "350px";
      this.card.style.overflow = "hidden";
    }

    hoverOnBorder() {
      //this.card.style.borderColor = "#e3000b";
      this.card.style.border = "4px solid #e3000b";
    }

    hoverOffBorder() {
      //this.card.style.borderColor = "#000000";
      this.card.style.border = "2px solid #000000";
    }

    async toggleSize() {
      if (this.card.style.width === "350px") {
        this.card.style.overflow = "scroll";
        this.card.style.width = "750px";
      }
      else {
        this.card.style.overflow = "hidden";
        this.card.style.width = "350px";
      }
    }
  }

  document.addEventListener('DOMContentLoaded', () => {
    new Card("card_kate");
    new Card("card_adrian");
    new Card("card_maksym");
    new Card("card_lea");
    new Card("card_thijmen");
    new Card("card_vasilis");
    new Card("card_henriete");
    new Card("card_tim");
    new Card("card_luc-jan");
    new Card("card_frank");
    new Card("card_tom");
  });
</script>

<h1 style="text-align:center">Who are we?</h1>
<div class="row" style="margin-bottom:3vh; display:flex; justify-content: space-evenly;">
  <img src="https://static.igem.wiki/teams/5342/images/team/team-drinks-2.webp" style="max-width:100%; max-height: 60vh; width:auto; height:auto;" alt="InfinityF - Together!">
  <h5 style="text-align:center;">
    We're team <b>Radboud University</b>! We are based in Nijmegen, the Netherlands, and we work to synthesize a better future!
  </h5>
</div>
<h2 style="text-align:center">Our members:</h2>
<p style="text-align:center">(click on the cards for more info)</p>
<div class="grid-parent">
  <div class="grid-child" id = "card_kate">
    <img src="https://static.igem.wiki/teams/5342/images/team/kate2.webp" class="face-image" alt="Kate picture">
    <h4 style="text-align:center">Ekaterina (Kate) Aranovskaia</h4>
    <h6 style="text-align:center">Student Team Leader of the Radboud iGEM Team</h6>
    <p style="margin: 0 5%;">
      I am the Student Team Leader of the Radboud iGEM Team, studying in the 3rd year of my Chemistry Bachelor.
      I'm very excited to join iGEM competition, since our team is the first in Radboud University history, participating in this international celebration of synthetic biology.
      I am honored to be the person to take the initiative and to make this project to happen, to develop multiple new skills and knowledge, and grow alongside with our wonderful team.
      Together, we showed Radboud and the world that with dedication and enthusiasm, we can achieve remarkable things.
      I hope that our efforts inspire future students at Radboud to continue this journey and form a new team in 2025.
      For now, I’m excited to present our project, InfinityF∞, to the global iGEM community and the jury at this year’s finals!
    </p>
  </div>
  <div class="grid-child" id = "card_adrian">
    <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" class="face-image" alt="Adrian's picture">
    <h4 style="text-align:center">Adrian Belichenov</h4>
    <h6 style="text-align:center">Head of Promotion</h6>
    <p style="margin: 0 5%;">-</p>
  </div>
  <div class="grid-child" id = "card_maksym">
    <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" class="face-image" alt="Maksym's picture">
    <h4 style="text-align:center">Maksym Haniev</h4>
    <h6 style="text-align:center">Head of Research</h6>
    <p style="margin: 0 5%;">
      My name is Maksym, but everyone just calls me Maks.
      I'm 20 years old and originally come from Ukraine and currently studying at Radboud University to become a Molecular Life Scientist.
      I've decided to join Radboud iGEM team because I was really into the idea of creating something completely new and bringing innovation to the scientific world together with a group of like-minded students.
      For me, iGEM is a great opportunity to both get a touch of wet lab scientific research and combine your efforts with people from different backgrounds and with different interests.
      It has been a wonderful opportunity to work in such a great team and I hope to do it again one day!
    </p>
  </div>
  <div class="grid-child" id = "card_lea">
    <img src="https://static.igem.wiki/teams/5342/images/team/lea.webp" class="face-image" alt="Lea picture">
    <h4 style="text-align:center">Lea Omtzigt</h4>
    <h6 style="text-align:center">Head of Video Production, Literature Research and Wet-Lab.</h6>
    <p style="margin: 0 5%;">
      I am a 3rd year bachelor student at the Radboud university.
      I study Molecular Life Sciences with a focus on molecular biology.
      In my studies I am interested in gene expression and regulation.
      iGEM for me is a way to apply theoretical knowledge in a real research environment and a way to learn many new skills, like new lab techniques, but also communication and presentation skills.
      I love being creative; drawing, writing stories, making videos.
      I don’t get to use my creative skills often in my day to day studying, so I was very excited to take on the job of creating our promotion and presentation video as well as designing our team logo.
      I would love to make an effort to keep next generation at Radboud interested in iGEM and synthetic biology.
    </p>
  </div>
  <div class="grid-child" id = "card_thijmen">
    <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" class="face-image" alt="Thijmen's picture">
    <h4 style="text-align:center">Thijmen Isken</h4>
    <h6 style="text-align:center">Head of Local Community Interactions</h6>
    <p style="margin: 0 5%;">-</p>
  </div>
  <div class="grid-child" id = "card_vasilis">
    <img src="https://static.igem.wiki/teams/5342/images/team/vasilis2.webp" class="face-image" alt="Vasilis picture">
    <h4 style="text-align:center">Vasilis Krassas</h4>
    <h6 style="text-align:center">Sponsorship/Funding and Wet-Lab Experiments</h6>
    <p style="margin: 0 5%;">
      My name is Vasilis, and I am currently a third-year Bachelor's student in Molecular Life Sciences.
      I consider myself an easy-going person with a passion for cooking, travelling and spending quality time with friends.
      I joined the iGEM team because I wanted to apply my knowledge on a real research project and not just a regular course.
      Within the team, my primary role was securing sponsorship and funding, but I also had the opportunity to contribute to wet lab experiments.
      Being part of iGEM not only deepened my understanding of scientific research but also taught me the value of teamwork, collaboration, and mutual respect in working toward a common goal.
    </p>
  </div>
  <div class="grid-child" id = "card_henriete">
    <img src="https://static.igem.wiki/teams/5342/images/team/henriete.webp" class="face-image" alt="Henriete picture">
    <h4 style="text-align:center">Henriete Kere</h4>
    <h6 style="text-align:center">Sponsorship/Promotion, Wet-Lab Experiments</h6>
    <p style="margin: 0 5%;">
      My name is Henriete Ķere, and I am a third-year Molecular Life Sciences student with a passion for exploring and applying new knowledge.
      For example, hiking and pausing to admire a plant I’ve read about, or delving into the molecular intricacies of organisms.
      My curiosity drives me to understand and appreciate the natural world on both a macroscopic and microscopic level.
      So, my enthusiasm for molecular biology, and especially genetical engineering, led me to join iGEM, where I have engaged in various roles, including wet lab work focused on biological synthesis, as well as contributing to sponsorship and promotion efforts.
      This experience has significantly enhanced my lab skills and tested my capabilities.
      I believe iGEM offers a valuable opportunity for students eager to deepen their understanding of the molecular realm and hone their research and teamwork skills.
    </p>
  </div>
  <div class="grid-child" id = "card_tim">
    <img src="https://static.igem.wiki/teams/5342/images/team/tim.webp" class="face-image" alt="Tim picture">
    <h4 style="text-align:center">Timofej Paramonov Bliki</h4>
    <h6 style="text-align:center">Lead of Wiki Development, Promotion Team member</h6>
    <p style="margin: 0 5%;">
      Hi, I'm Tim! I am a second-year Computing Science bachelor in Radboud University, and I'm always ready to learn more and take on challenges.
      This is precisely the reason I decided to join iGEM - It's a unique way to diversify my skill-sets and help create a project with real-world implications.
      I knew close to nothing about web development before joining iGEM, but when I was offered to help make the wiki I couldn't refuse trying.
      From then on, I've learnt so much about not only HTML, CSS, and Javascript implementation in the wiki, but also about hemophilia, synthetic biology as a whole, and about working efficiently in a team.
      I can say with certainty that I'm proud to be a member of our Radboud University team, and hope that our team and I inspire future Radboud Computing Science students to take on this interdisciplinary challenge in future years!
    </p>
  </div>
  <div class="grid-child" id = "card_luc-jan">
    <img src="https://static.igem.wiki/teams/5342/images/team/lucjan.webp" class="face-image" alt="Luc-Jan's Picture">
    <h4 style="text-align:center">Dr. Luc-Jan Laarhoven</h4>
    <h6 style="text-align:center">Primary PI</h6>
    <p style="margin: 0 5%;">
      Educated at Leiden University in physical organic chemistry.
      I got to work in Nijmegen, Radboud University, on the interface between biology and laser physics.
      Already more than 20 years I am education coordinator for the Molecular Science programmes at this university. And I teach academic skills and (in a small elective course) valorisation projects.
      When students asked me “what can I do as an extra challenge” I challenged them to find something to sink their teeth in.
      We do not have a large tradition in scientific student competitions and I am glad they took up that idea.
      And eventually asked me to act as PI in their iGEM team.
      I am impressed by the way they operated their project, as second year bachelor’s students.
      They needed very little guidance and were very self-reliant, reaching their goals.
      My main involvement was (logistic) support and providing feedback.
      Having seen the project and what it can yield to enthusiastic students, we will certainly think on making this a returning opportunity for our students.
    </p>
  </div>
  <div class="grid-child" id = "card_frank">
    <img src="https://static.igem.wiki/teams/5342/images/team/frank.webp" class="face-image" alt="Frank picture">
    <h4 style="text-align:center">Frank Nelissen</h4>
    <h6 style="text-align:center">Instructor</h6>
    <p style="margin: 0 5%">
      My name is Frank Nelissen, and I am working as a research associate at the department of Biophysical Chemistry of the Radboud University for over 20 years.
      I am experienced in working with nucleic acids, proteins and enzymes and modifying / labelling them for different kinds of research purposes.
      I am also involved in a couple of practical courses for 1st and 2nd year students of the Molecular Life Sciences program from which the affinity of working with and educating of students comes from.
      I see iGEM as a particularly well suited challenge for students who want to explore and learn how to work on a larger-than-a-lab-course synthetic biology project where deliverables have to be met and multiple disciplines of science and society come together.
      I am happy to fulfil my role as instructor for the Radboud iGEM team and together try to find solutions for the research questions.
    </p>
  </div>
  <div class="grid-child" id = "card_tom">
    <img src="https://static.igem.wiki/teams/5342/images/team/tom2.webp" class="face-image" alt="Tom picture">
    <h4 style="text-align:center">Tom Bloemberg</h4>
    <h6 style="text-align:center">Advisor</h6>
    <p style="margin: 0 5%;">
      I am in charge of the Education Labs for Molecular Sciences and was asked by the students setting up the iGEM team if I could contribute.
      I liked their initiative and have tried to help the iGEM team by facilitating them with lab space, equipment, basic chemicals and a lot of critical (but hopefully helpful) comments...
      During the last year, I have learned quite some new things, both scientifically and about 'student learning' in the process.
      I am very impressed with how far the team have managed to come with a rather ambitious plan and how they have managed to secure help and support from a lot of persons.
    </p>
  </div>
</div>

<h1 style="text-align:center">Where are we?</h1>
<p style="text-align:center;">We are located in the Science Faculty of the Radboud University!</p>
<div style="max-width: 130vh; margin:auto;">
  <ul class="collage-parent">
    <li class="collage-child"><img src="https://static.igem.wiki/teams/5342/images/team/other/building-1.webp" alt="collage - Science building" class="collage-image"></li>
    <li class="collage-child"><img src="https://static.igem.wiki/teams/5342/images/team/other/building-2.webp" alt="collage - Science building" class="collage-image"></li>
    <li class="collage-child"><img src="https://static.igem.wiki/teams/5342/images/team/other/building-3.webp" alt="collage - Science building" class="collage-image"></li>
    <li class="collage-child"><img src="https://static.igem.wiki/teams/5342/images/team/other/building-4.webp" alt="collage - Science building" class="collage-image"></li>
    <li class="collage-child"><img src="https://static.igem.wiki/teams/5342/images/team/other/building-5.webp" alt="collage - Science building" class="collage-image"></li>
    <li class="collage-child"><img src="https://static.igem.wiki/teams/5342/images/team/other/building-7.webp" alt="collage - Science building" class="collage-image"></li>
    <li class="collage-child"><img src="https://static.igem.wiki/teams/5342/images/team/other/lab-1.webp" alt="collage - Lab" class="collage-image"></li>
    <li class="collage-child"><img src="https://static.igem.wiki/teams/5342/images/team/other/lab-2.webp" alt="collage - Lab" class="collage-image"></li>
    <li class="collage-child"><img src="https://static.igem.wiki/teams/5342/images/team/other/lab-3.webp" alt="collage - Lab" class="collage-image"></li>
    <li class="collage-child"><img src="https://static.igem.wiki/teams/5342/images/team/other/lab-4.webp" alt="collage - Lab" class="collage-image"></li>
    <li class="collage-child"><img src="https://static.igem.wiki/teams/5342/images/team/other/lab-5.webp" alt="collage - Lab" class="collage-image"></li>
    <li class="collage-child"><img src="https://static.igem.wiki/teams/5342/images/team/other/lab-6.webp" alt="collage - Lab" class="collage-image"></li>
    <li class="collage-child"><img src="https://static.igem.wiki/teams/5342/images/team/other/lab-7.webp" alt="collage - Lab" class="collage-image"></li>
    <li class="collage-child"></li>
  </ul>
</div>
<h4>Contact us:</h4>
<p>General iGEM email: <a href= "mailto: iGEM_Radboud@science.ru.nl"> iGEM_Radboud@science.ru.nl</a></p>
<p>Radboud iGEM team representatives: Student team leader (Ekaterina): <a href= "mailto: ekaterina.aranovskaia@ru.nl"> ekaterina.aranovskaia@ru.nl</a></p>
<p>Instagram: <a href="https://www.instagram.com/radboud.igemteam/">@radboud.igemteam</a></p>
<p>Affiliated Organization of: Radboud University, Science Faculty</p>
<p>Address: 6525AJ, Heyendaalseweg 135, Nijmegen, The Netherlands</p>
<!--
<hr>
<div class="row">
  <div class="col-8">
    <h2>What should this page contain?</h2>
    <hr>
    <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 class="bd-callout bd-callout-info"><strong>Important:</strong> Your wiki pages will be archived at the end of the iGEM season and this content will remain online. Please keep this in mind as you post photos and personal information on this page.</div>
  </div>
  <div class="col-4">
    <h2>Inspirations</h2>
    <hr>
    <ul>
      <li><a href="https://2019.igem.org/Team:CU/Team">2019 CU</a></li>
      <li><a href="https://2019.igem.org/Team:UANL/Team">2019 UANL</a></li>
      <li><a href="https://2019.igem.org/Team:William_and_Mary/Team">2019 William and Mary</a></li>
      <li><a href="https://2020.igem.org/Team:BOKU-Vienna/Team">2020 BOKU Vienna </a></li>
      <li><a href="https://2020.igem.org/Team:CAU_China/Team_Member">2020 CAU China</a></li>
      <li><a href="https://2020.igem.org/Team:Lethbridge/Members">2020 Lethbridge</a></li>
    </ul>
  </div>
</div>
-->
{% endblock %}