Skip to content
Snippets Groups Projects
Commit e382158e authored by Aadityanshu Abhinav's avatar Aadityanshu Abhinav
Browse files

Update team.html

parent 1b5f11ea
No related branches found
No related tags found
3 merge requests!34Update 2 files,!20Aadityanshu,!18Aadityanshu
This commit is part of merge request !18. Comments created here will be created in the context of that merge request.
Hide whitespace changes
Inline Side-by-side
Showing
with 310 additions and 33 deletions
wiki/pages/team.html
+ 310
− 33
Edit View file @ e382158e
{% extends "layout.html" %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Team Page</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/earlyaccess/nicomoji.css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
<style>
body {
background-color: #ffffff; /* White background */
text-align: center; /* Center-align content */
margin: 0; /* Remove default margin */
padding: 0; /* Remove default padding */
font-family: 'Nico Moji', sans-serif;
}
h1 {
font-size: 36px; /* Adjust the font size as needed */
margin-top: 100px; /* Add spacing from the top */
}
#heading {
font-family: 'Nico Moji', sans-serif; /* Use the Nico Moji font */
font-size: 60px; /* Adjust the font size as needed */
font-weight: 400; /* Make the text bold */
color: #000000; /* Black color */
margin-top: 20px; /* Add spacing from the top */
}
.dual-headings {
display: flex; /* Use flexbox to create side-by-side headings */
justify-content: center; /* Center the headings horizontally */
margin-top: 20px; /* Add spacing from the top */
font-size: 50px;
}
.dual-heading {
flex: 1; /* Allow headings to share available space equally */
padding: 20px; /* Add padding around each heading */
/*border: 1px solid #000000; /* Add a border for visual separation (optional) */
}
.team-member {
width: 291px; /* Set the width */
height: 291px; /* Set the height */
max-width: 100%; /* Ensure images don't exceed their container */
height: auto; /* Maintain aspect ratio */
border-radius: 50%; /* Make the image circular */
margin: 20px; /* Add spacing around each image */
}
.team-member-container {
flex-basis: calc(50% - 40px); /* Set width for 2 items per row, with spacing */
display: flex; /* Use flexbox to control image and caption layout */
flex-direction: column; /* Stack image and caption vertically */
align-items: center; /* Center-align image and caption */
margin: 20px; /* Add spacing around each image container */
}
/* Media query for adjusting font size and position */
@media screen and (max-width: 1440px) {
#heading {
font-size: 60px; /* Increase font size for wider screens */
left: 378px; /* Adjust left position for wider screens */
}
.dual-heading {
font-size: 50px;
left: 299px;
}
.caption {
font-size: 20px; /* Adjust caption font size for wider screens */
}
}
{% block title %}Team{% endblock %}
{% block lead %}On this page you can introduce your team members, instructors, and advisors.{% endblock %}
{% block page_content %}
<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 %}
/* Media queries for responsiveness */
@media screen and (max-width: 768px) {
.team-member-container {
flex-basis: calc(100% - 40px); /* Set width for 1 item per row, with spacing */
}
}
.sub-h1 {
background-color: #000000; /* Black strip background color */
color: #ffffff; /* White text color */
padding: 2px 0; /* Add padding to top and bottom */
font-size: 45px;
}
.caption {
font-family: 'Montserrat', sans-serif;
font-size: 20px; /* Caption font size */
margin-top: 5px; /* Adjust the spacing between image and caption */
}
</style>
</head>
<body>
<div id="heading">TEAM</div>
<div class="dual-headings">
<div>
<h2 id="dual-heading-1" class="dual-heading">Primary PI</h2>
<img src="https://static.igem.wiki/teams/4931/wiki/untitled.png" alt="Team Member 1" class="team-member">
</div>
<div>
<h2 id="dual-heading-1" class="dual-heading">Instructor</h2>
<img src="https://static.igem.wiki/teams/4931/wiki/untitled.png" alt="Team Member 2" class="team-member">
</div>
</div>
<div id="heading">Student Leaders</div>
<div class="dual-headings">
<div>
<img src="https://static.igem.wiki/teams/4931/wiki/sl1.png" alt="SL 1" class="team-member">
</div>
<div>
<img src="https://static.igem.wiki/teams/4931/wiki/sl2.png" alt="SL 2" class="team-member">
</div>
</div>
<div id="heading">Student Members</div>
<div class="sub-h1">
Lab
</div>
<div class="dual-headings">
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/l1.png" alt="L 1" class="team-member">
<div class="caption">Prahalaad Varahaswami</div>
</div>
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/l2.png" alt="L 2" class="team-member">
<div class="caption">Niharika Balasubramaniam</div>
</div>
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/l3.png" alt="L 3" class="team-member">
<div class="caption">Anirudh Rao</div>
</div>
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/untitled.png" alt="L 4" class="team-member">
<div class="caption">Pranathi R</div>
</div>
</div>
<div class="dual-headings">
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/l5.png" alt="L 5" class="team-member">
<div class="caption">Bharvi Arora</div>
</div>
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/l6.png" alt="L 6" class="team-member">
<div class="caption">J V Shreya</div>
</div>
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/l7.png" alt="L 7" class="team-member">
<div class="caption">Twisha T S</div>
</div>
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/l8.png" alt="L 8" class="team-member">
<div class="caption">G Aldis Daniel</div>
</div>
</div>
<div class="dual-headings">
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/l9.png" alt="L 9" class="team-member">
<div class="caption">Adarsh Pedapati</div>
</div>
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/l10.png" alt="L 10" class="team-member">
<div class="caption">Hitesh Kandarpa</div>
</div>
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/l11.png" alt="L 11" class="team-member">
<div class="caption">Jerry Jose</div>
</div>
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/l12.png" alt="L 12" class="team-member">
<div class="caption">R Karthik</div>
</div>
</div>
<div class="dual-headings">
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/l13.png" alt="L 13" class="team-member">
<div class="caption">Ashna Narain</div>
</div>
</div>
<div class="sub-h1">
Human Practices
</div>
<div class="dual-headings">
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/h1.png" alt="HP 1" class="team-member">
<div class="caption">Pooja Shankar</div>
</div>
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/h2.png" alt="HP 2" class="team-member">
<div class="caption">Twisha T S</div>
</div>
</div>
<div class="dual-headings">
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/h3.png" alt="HP 3" class="team-member">
<div class="caption">Ganesh</div>
</div>
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/h4.png" alt="HP 4" class="team-member">
<div class="caption">Giri Raghav</div>
</div>
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/h5.png" alt="HP 5" class="team-member">
<div class="caption">Muthu Sanjay</div>
</div>
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/h6.png" alt="HP 6" class="team-member">
<div class="caption">Sibani S</div>
</div>
</div>
<div class="sub-h1">
Sponsorship & PR
</div>
<div class="dual-headings">
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/s1.png" alt="S 1" class="team-member">
<div class="caption">Deepak Kumar S</div>
</div>
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/s2.png" alt="S 2" class="team-member">
<div class="caption">Rethik</div>
</div>
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/untitled.png" alt="S 3" class="team-member">
<div class="caption">Sidharthan S C</div>
</div>
</div>
<div class="dual-headings">
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/s4.png" alt="S 4" class="team-member">
<div class="caption">Alan Royce Gabriel</div>
</div>
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/s5.png" alt="S 5" class="team-member">
<div class="caption">Debankit Bhattacharya</div>
</div>
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/s6.png" alt="S 6" class="team-member">
<div class="caption">Iwin Jose</div>
</div>
</div>
<div class="dual-headings">
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/s7.png" alt="S 7" class="team-member">
<div class="caption">Lakshman Kishore R</div>
</div>
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/s8.png" alt="S 8" class="team-member">
<div class="caption">Saahas Vijayalakshmi Rajaram</div>
</div>
</div>
<div class="sub-h1">
Design & Media
</div>
<div class="dual-headings">
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/d1.png" alt="D 1" class="team-member">
<div class="caption">Ashna Narain</div>
</div>
</div>
<div class="dual-headings">
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/d2.png" alt="D 2" class="team-member">
<div class="caption">Aditya Raj</div>
</div>
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/d3.png" alt="D 3" class="team-member">
<div class="caption">Guka Vignesh S</div>
</div>
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/d4.png" alt="D 4" class="team-member">
<div class="caption">R G Trinetra Dhara</div>
</div>
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/d5.png" alt="D 5" class="team-member">
<div class="caption">Vasudha Kannan</div>
</div>
</div>
<div class="sub-h1">
WebOps
</div>
<div class="dual-headings">
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/W1.png" alt="W 1" class="team-member">
<div class="caption">Sagar Sugunan</div>
</div>
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/w2.png" alt="W 2" class="team-member">
<div class="caption">Sishir Shivakumar</div>
</div>
</div>
<div class="dual-headings">
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/w3.png" alt="W 3" class="team-member">
<div class="caption">Aadityanshu Abhinav</div>
</div>
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/w4.png" alt="W 4" class="team-member">
<div class="caption">Anshuman Jindal</div>
</div>
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/w5.png" alt="W 5" class="team-member">
<div class="caption">Atharv Shete</div>
</div>
</div>
<div class="dual-headings">
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/w6.png" alt="W 6" class="team-member">
<div class="caption">Garv Mundra</div>
</div>
<div class="team-member-container">
<img src="https://static.igem.wiki/teams/4931/wiki/w7.png" alt="W 7" class="team-member">
<div class="caption">Rajat Maliwal</div>
</div>
</div>
</body>
</html>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment