Difference between revisions of "Team:BostonU HW/Gold"

(Created page with "{{Global_Menubar}} {{Team:BostonU_Hardware/CSS}} <html lang="en"> <head> <meta charset="utf-8" /> <link rel="apple-touch-icon" sizes="76x76" href="assets/img/apple-icon.png"...")
 
 
(17 intermediate revisions by 3 users not shown)
Line 8: Line 8:
 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  
<title>Bronze Medal</title>
+
<title>Silver Medal</title>
  
 
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
 
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
Line 18: Line 18:
 
}
 
}
 
#page_background{
 
#page_background{
background-image: <!-- insert image here -->;
+
        background-image: url("https://static.igem.org/mediawiki/2017/9/94/LARGE_background_MARS.png");
}
+
        background-size:100% ;
 +
    }
 
#Header_Pic{
 
#Header_Pic{
 
height: 60%;
 
height: 60%;
 
}
 
}
#MARS{
+
#BACKGROUND{
height: 100%;
+
 
width: 100%;
 
width: 100%;
 +
position: absolute;
 +
}
 +
#MARS{
 +
width: 15%;
 +
position: absolute;
 +
margin-top: 8%;
 +
margin-left: 5%;
 +
}
 +
#TITLE{
 +
position: absolute;
 +
width: 70%;
 +
margin-left: 22%;
 +
margin-top: 11%;
 +
}
 +
#MEDAL{
 +
position: absolute;
 +
z-index: 3;
 +
height: 15%;
 +
margin-left: 75%;
 +
}
 +
.main{
 +
margin-top: 2%;
 
}
 
}
 
.text_section{
 
.text_section{
Line 40: Line 62:
 
<!-- *************THIS IS WHERE PAGE STARTS************* -->
 
<!-- *************THIS IS WHERE PAGE STARTS************* -->
 
<div class="landing-page">
 
<div class="landing-page">
<div id="page_background">
+
<div class="wrapper" id="page_background">
 
<div class="header" id="Header_Pic">
 
<div class="header" id="Header_Pic">
<img src="https://static.igem.org/mediawiki/2017/f/f9/MARS_Background1.png" id="MARS">
+
<img src="https://static.igem.org/mediawiki/2017/9/94/LARGE_background_MARS.png" id="BACKGROUND"> <div class="container" margin-top:"2%;">
 +
<div class="col-md-3">
 +
 
 +
<img src="https://static.igem.org/mediawiki/2017/2/22/MARSLogo2.png" width="100%" style="margin-top:-37%;">
 +
</div>
 +
<div class="col-md-9" style="color:#eef1f5; font-size:120px; font-family:Arial,Gadget,sans-serif; margin-top:1%;">
 +
Gold Medal
 +
</div>
 +
</div>
 
</div>
 
</div>
 
<div class="main main-raised">
 
<div class="main main-raised">
 +
<img src="https://static.igem.org/mediawiki/2017/1/1a/MARS_GoldMedal.png" id="MEDAL">
 
<div class="container">
 
<div class="container">
 
<h1 class="text-center">Gold Medal Requirements</h1>
 
<h1 class="text-center">Gold Medal Requirements</h1>
 +
 
<div class="row">
 
<div class="row">
<h3>Requirement 1</h3>
+
<h2 style="margin-bottom:0% !important;">Integrated Human Practices</h2>
<div class="text_section">
+
<div class="text_section" style="margin-top:2%;">
 
<div class="text">
 
<div class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia urna ut lectus dictum ultricies. Phasellus euismod tellus quis felis condimentum ullamcorper. Aenean blandit rutrum viverra. Nam at nisl feugiat, gravida magna non, porttitor libero. Suspendisse at purus mattis, ullamcorper odio at, fringilla mi. Sed ultrices viverra est, eu fermentum justo feugiat vitae. Nunc sed egestas enim. Sed sed eros ac mauris suscipit aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque tincidunt nisi justo, a volutpat risus eleifend non.
+
While working on human practices we found that much of the feedback we gained from our experiences fed back into MARS resulting in valuable improvements and additions to our project. <br><br>Refer to our wiki page on Integrated Human Practices:
 +
<a href="https://2017.igem.org/Team:BostonU_HW/HP/Gold_Integrated">
 +
<button class="btn btn-round btn-danger" style="margin:0% !important;">Integrated Human Practices</button>
 +
</a>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 +
 
<div class="row">
 
<div class="row">
<h3>Requirement 2</h3>
+
<h2 style="margin-bottom:0% !important;">Improve a previous part or project </h2>
<div class="text_section">
+
<div class="text_section" style="margin-top:2%;">
 
<div class="text">
 
<div class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia urna ut lectus dictum ultricies. Phasellus euismod tellus quis felis condimentum ullamcorper. Aenean blandit rutrum viverra. Nam at nisl feugiat, gravida magna non, porttitor libero. Suspendisse at purus mattis, ullamcorper odio at, fringilla mi. Sed ultrices viverra est, eu fermentum justo feugiat vitae. Nunc sed egestas enim. Sed sed eros ac mauris suscipit aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque tincidunt nisi justo, a volutpat risus eleifend non.
+
During the course of our 2017 project, we were able to improve upon the 2016 BU iGEM Hardware project: Neptune. Our team improved upon design rules present in a portion of the software workflow of Neptune, Fluigi. <br><br>For more information about our work on Neptune, click here:
 +
<a href="https://2017.igem.org/Team:BostonU_HW/Improve">
 +
<button class="btn btn-round btn-danger" style="margin:0% !important;">Improving on Neptune</button>
 +
</a>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 +
 
<div class="row">
 
<div class="row">
<h3>Requirement 3</h3>
+
<h2 style="margin-bottom:0% !important;">Model your project </h2>
<div class="text_section">
+
<div class="text_section" style="margin-top:2%; margin-bottom:3%;">
 
<div class="text">
 
<div class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia urna ut lectus dictum ultricies. Phasellus euismod tellus quis felis condimentum ullamcorper. Aenean blandit rutrum viverra. Nam at nisl feugiat, gravida magna non, porttitor libero. Suspendisse at purus mattis, ullamcorper odio at, fringilla mi. Sed ultrices viverra est, eu fermentum justo feugiat vitae. Nunc sed egestas enim. Sed sed eros ac mauris suscipit aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque tincidunt nisi justo, a volutpat risus eleifend non.
+
Fluid Functionality provides an effective modeling framework to evaluate the success or failure stage of our microfluidic devices. <br><br>To learn more about our device modeling, refer to our Wiki page on Fluid Functionality:
 +
<a href="https://2017.igem.org/Team:BostonU_HW/Model">
 +
<button class="btn btn-round btn-danger" style="margin:0% !important;">Fluid Functionality</button>
 +
</a>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 +
 
<div class="row">
 
<div class="row">
<h3>Requirement 4</h3>
+
<h2 style="margin-bottom:0% !important;">Demonstrate your work</h2>
<div class="text_section">
+
<div class="text_section" style="margin-top:2%; margin-bottom:5%;">
 
<div class="text">
 
<div class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia urna ut lectus dictum ultricies. Phasellus euismod tellus quis felis condimentum ullamcorper. Aenean blandit rutrum viverra. Nam at nisl feugiat, gravida magna non, porttitor libero. Suspendisse at purus mattis, ullamcorper odio at, fringilla mi. Sed ultrices viverra est, eu fermentum justo feugiat vitae. Nunc sed egestas enim. Sed sed eros ac mauris suscipit aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque tincidunt nisi justo, a volutpat risus eleifend non.
+
Over the course of the project we have designed, fabricated and tested microfluidic devices. Two of our nine microfluidic devices are defined as Fluid Functional: Cell Sorting and Cell Lysis. These two chips, as well as our transformation chip come with fully annotated video of them running with colored water and oil. <br> <br>To see all of our microfluidic devices please refer to our MARS Repository page where full documentation has been posted, or come down to our Demo table at the Jamboree to see them in action!
 +
 
 +
                                        <a href="https://2017.igem.org/Team:BostonU_HW/Demonstrate">
 +
<button class="btn btn-round btn-danger" style="margin:0% !important;">MARS Repository</button>
 +
                                        </a>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 +
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 +
 +
<!-- THIS IS FOOTER -->
 +
<div class="wrapper" style="background:#1c1f1f; margin-top:0px;margin-right:0px !important; margin-left:0px !important;" id="Footer">
 +
<div class="container" style="text-align:center !important">
 +
 +
<div class="col-md-2" style="color:white; margin-bottom:30px; margin-top:5px;">
 +
<h3>CONTACT US</h3>
 +
<div style="text-align:center;">
 +
<a href="mailto:igembuhw@gmail.com">
 +
<img src="https://static.igem.org/mediawiki/2017/7/74/MARS_WHITEEmail.png" style="height:60px; margin-top:20px;">
 +
</a>
 +
<a href="https://www.instagram.com/buigemhardware/?hl=en">
 +
<img src="https://static.igem.org/mediawiki/2017/9/93/MARS_Final_insta.png" style="height:60px; margin-top:20px;">
 +
</a>
 +
<a href="https://twitter.com/igemhwbu">
 +
<img src="https://static.igem.org/mediawiki/2017/b/b6/MARS_Twitter_White.png" style="height:60px; margin-top:20px;">
 +
</a>
 +
</div>
 +
</div>
 +
<div class="col-md-10" style="margin-bottom:30px;">
 +
<img src="https://static.igem.org/mediawiki/2017/0/0e/MARS_SponsorsFinal.png" style="width:100%; margin-top:30px;" usemap="#image-map">
 +
</div>
 +
</div>
 +
 +
</div>
 +
 +
 
</div>
 
</div>
 
</body>
 
</body>

Latest revision as of 16:08, 30 November 2017

BostonU_HW

Silver Medal
Gold Medal

Gold Medal Requirements

Integrated Human Practices

While working on human practices we found that much of the feedback we gained from our experiences fed back into MARS resulting in valuable improvements and additions to our project.

Refer to our wiki page on Integrated Human Practices:

Improve a previous part or project

During the course of our 2017 project, we were able to improve upon the 2016 BU iGEM Hardware project: Neptune. Our team improved upon design rules present in a portion of the software workflow of Neptune, Fluigi.

For more information about our work on Neptune, click here:

Model your project

Fluid Functionality provides an effective modeling framework to evaluate the success or failure stage of our microfluidic devices.

To learn more about our device modeling, refer to our Wiki page on Fluid Functionality:

Demonstrate your work

Over the course of the project we have designed, fabricated and tested microfluidic devices. Two of our nine microfluidic devices are defined as Fluid Functional: Cell Sorting and Cell Lysis. These two chips, as well as our transformation chip come with fully annotated video of them running with colored water and oil.

To see all of our microfluidic devices please refer to our MARS Repository page where full documentation has been posted, or come down to our Demo table at the Jamboree to see them in action!