Revision as of 21:10, 6 July 2017

iGEM is about making teams of students making synthetic biology projects. We encourage teams to work with parts and build biological devices in the lab. But we are inclusive and want all teams to work on many other types of problems in synbio. Robotic assembly, microfluidics, low cost equipment and measurement hardware are all areas ripe for innovation in synbio.

Teams who are interested in working with hardware as a side project are encouraged to apply for the hardware award.

To compete for the Best Hardware prize, please describe your work on this page and also fill out the description on the judging form.

You must also delete the message box on the top of this page to be eligible for this prize.

Inspiration

You can look at what other teams did to get some inspiration!
Here are a few examples:

Difference between revisions of "Team:Cadets2Vets/Hardware"

Revision as of 21:10, 6 July 2017

Cadets2Vets

★ ALERT!

Hardware

Best Hardware Special Prize

Inspiration

Loading ...

@@ Line 13: / Line 13: @@
 <script>
 	// This is the jquery part of your template.
 	// Try not modify any of this code too much since it makes your menu work.
 	$(document).ready(function() {
 		$("#HQ_page").attr('id','');
 		// call the functions that control the menu
 		menu_functionality();
 		hide_show_menu();
 		//this function controls the expand and collapse buttons of the menu and changes the +/- symbols
 		function menu_functionality() {
 			//when clicking on a "menu_button", it will change the "+/-" accordingly and it will show/hide the corresponding submenu
 			$(".menu_button").click(function(){
 				// add or remove the class "open" , this class holds the "-"
 				$(this).children().toggleClass("open");
 				// show or hide the submenu
 				$(this).next('.submenu_wrapper').fadeToggle(400);
 			});
 			// when the screen size is smaller than 800px, the display_menu_control button appears and will show/hide the whole menu
 			$("#display_menu_control").click(function(){
 				$('#menu_content').fadeToggle(400);
 			});
 			// call the current page highlight function
 			highlight_current_page();
 		}
 		// call the highlight current page function to show it on the menu with a different background color
 		function highlight_current_page() {
 			// select a page from the menu based on the id assigned to it and the current page name and add the class "current page" to make it change background color
 			$("#"+  wgPageName.substring(wgPageName.lastIndexOf("/")+1, wgPageName.length ) + "_page").addClass("current_page");
 			// now that the current_page class has been added to a menu item, make the submenu fade in
 			$(".current_page").parents(".submenu_wrapper").fadeIn(400);
 			// change the +/- symbol of the corresponding menu button
 			$(".current_page").parents(".submenu_wrapper").prev().children().toggleClass("open");
 		}
 		// allow button on the black menu bar to show/hide the side menu
 		function hide_show_menu() {
@@ Line 71: / Line 55: @@
 				$(".igem_2017_menu_wrapper").hide();
 			}
 			// if the black menu bar has been loaded
    			if (document.getElementById('bars_item')) {
 				// when the "bars_item" has been clicked
 				$("#bars_item").click(function() {
 					$("#sideMenu").hide();
 					// show/hide the menu wrapper
 					$(".igem_2017_menu_wrapper").fadeToggle("100");
 				});
    			}
 			// because the black menu bars loads at a different time than the rest of the page, this function is set on a time out so it can run again in case it has not been loaded yet
 			else {
@@ Line 89: / Line 69: @@
 			}
 		}
 	});
 </script>
 <style>
 /***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
 	/* Clear the default wiki settings */
 	#home_logo, #sideMenu { display:none; }
 	#sideMenu, #top_title, .patrollink  {display:none;}
@@ Line 113: / Line 79: @@
 	body {background-color:white; }
 	#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 /**************************************************************** MENU ***************************************************************/
 	/* Wrapper for the menu */
@@ Line 126: / Line 88: @@
 		padding:0px;
 		float:right;
-		border-left: 1px solid #d3d3d3;
+		border-left: 1px solid #383838;
-		background-color:#dddddd;
+		background-color:#7c6429;
 		text-align:left;
 		font-family:Tahoma, Geneva, sans-serif;
@@ Line 133: / Line 95: @@
 		overflow-x: hidden;
 	}
 	/* this hides the scrollbar to keep view consistency */
 	.igem_2017_menu_wrappe::-webkit-scrollbar {
@@ Line 144: / Line 105: @@
 		text-decoration: none;
 	}
 	/* styling for the images in the menu */
 	.igem_2017_menu_wrapper img {
 		width: 100%;
 	}
 	/* styling for the menu buttons */
 	.igem_2017_menu_wrapper .menu_button {
@@ Line 156: / Line 114: @@
 		padding: 10px 0px 10px 15px;
 		float:left;
-		border-bottom: 1px solid #d3d3d3;
+		border-bottom: 1px solid #383838;
 		font-size: 12px;
 		font-weight: bold;
-		color: #5e5f5f;
+		color: #ffffff;
 		cursor: pointer;
 	}
 	.igem_2017_menu_wrapper .menu_bottom_padding {
 		width: 100%;
@@ Line 169: / Line 125: @@
 		float:left;
 	}
 	.menu_button.direct_to_page {
 		padding-left: 36px;
 	}
 	.igem_2017_menu_wrapper .menu_button .expand_collapse_icon {
 		width:10%;
 		float:left;
 	}
 	.igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before {
 		content: "+";
@@ Line 187: / Line 139: @@
 		content: "-" !important;
 	}
 	/* styling for the menu buttons on hover */
@@ Line 196: / Line 146: @@
 		color:#ffffff;
 	}
 	/* styling for the menu button when it is the current page */
 	 .current_page {
 		background-color:#7fc1f7  !important;
-		color:#5e5f5f !important;
+		color:#ffffff !important;
 	}
 	/* styling for the submenu buttons */
 	.igem_2017_menu_wrapper .submenu_button {
@@ Line 209: / Line 156: @@
 		padding: 10px 0px 10px 34px;
 		float:left;
-		background-color:#f2f2f2;
+		background-color:#7c6429;
-		border-bottom: 1px solid #d3d3d3;
+		border-bottom: 1px solid #383838;
 		font-size: 12px;
-		color: #5e5f5f;
+		color: #ffffff;
 		cursor: pointer;
 	}
 	/* wrapper for the submenu items, they are hidden by default*/
 	.igem_2017_menu_wrapper .submenu_wrapper {
 		display:none;
 	}
 	/* when the page size is bigger than 800px, this show/hide control is hidden by default */
 	.igem_2017_menu_wrapper #display_menu_control {
@@ Line 227: / Line 172: @@
 	}
 /***************************************************** CONTENT OF THE PAGE ****************************************************/
 	/* Wrapper for the content */
 	.igem_2017_content_wrapper {
@@ Line 239: / Line 182: @@
 		font-family:Tahoma, Geneva, sans-serif;
 	}
 /********************************* HTML STYLING  *********************************/
 	/* styling for the titles h1 h2 */
 	.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
@@ Line 249: / Line 189: @@
 		color: #3399ff;
 	}
 	/* styling for the titles  h3 h4 h5 h6*/
 	.igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {
@@ Line 257: / Line 195: @@
 		color: #000000;
 	}
 	/* font and text */
 	.igem_2017_content_wrapper p {
@@ Line 264: / Line 200: @@
 		font-size: 13px;
 	}
 	/* Links */
 	.igem_2017_content_wrapper a {
@@ Line 277: / Line 212: @@
 		transition: all 0.4s ease;
 	}
 	/* hover for the links */
 	.igem_2017_content_wrapper a:hover {
@@ Line 283: / Line 217: @@
 		color:#000000;
 	}
 	/* non numbered lists */
 	.igem_2017_content_wrapper ul {
@@ Line 290: / Line 223: @@
 		font-family:Tahoma, Geneva, sans-serif;
 	}
 	/* numbered lists */
 	.igem_2017_content_wrapper ol {
@@ Line 297: / Line 229: @@
 		font-family:Tahoma, Geneva, sans-serif;
 	}
 	/* Table */
 	.igem_2017_content_wrapper table {
 		width: 97%;
 		margin:15px 10px;
-		border: 1px solid #d3d3d3;
+		border: 1px solid #383838;
 		border-collapse: collapse;
 	}
 	/* table cells */
 	.igem_2017_content_wrapper  td {
 		padding: 10px;
 		vertical-align: text-top;
-		border: 1px solid #d3d3d3;
+		border: 1px solid #383838;
 		border-collapse: collapse;
 	}
 	/* table headers */
 	.igem_2017_content_wrapper th {
 		padding: 10px;
 		vertical-align: text-top;
-		border: 1px solid #d3d3d3;
+		border: 1px solid #383838;
 		border-collapse: collapse;
-		background-color:#f2f2f2;
+		background-color:#7c6429;
 	}
 /**********************************LAYOUT CLASSES **********************************/
 	/* general class for column divs */
 	.igem_2017_content_wrapper .column  {
@@ Line 331: / Line 257: @@
 		float:left;
 	}
 	/* class for a full width column */
 	.column .full_size {
 		width:100%;
 	}
 	/* styling for images in a full width column*/
 	.column.full_size img {
@@ Line 342: / Line 266: @@
 		padding: 10px 15px;
 	}
 	/* class for a half width column */
 	.column.half_size {
@@ Line 352: / Line 275: @@
 		padding: 10px 15px;
 	}
 /********************************* SUPPORT CLASSES ********************************/
 	/* class that clears content below*/
 	.igem_2017_content_wrapper .clear {
 		clear:both;
 	}
 	/* adds extra spacing when clearing content */
@@ Line 368: / Line 285: @@
 		height: 30px;
 	}
 	/* highlight class, makes content slightly smaller */
 	.igem_2017_content_wrapper .highlight {
@@ Line 375: / Line 290: @@
 		padding: 15px 0px;
 	}
 	/* highlight class, adds a gray background */
 	.igem_2017_content_wrapper .highlight.gray {
-		background-color: #f2f2f2;
+		background-color: #7c6429;
 	}
 	/* highlight with decoration blue line on top */
 	.igem_2017_content_wrapper .highlight.blue_top {
      	border-top: 4px solid #3399ff;
 	}
 	/* highlight with a full blue border decoration */
 	.igem_2017_content_wrapper .highlight.blue_border {
      	border: 4px solid  #3399ff;
 	}
 	/* button class */
 	.igem_2017_content_wrapper .button{
@@ Line 406: / Line 315: @@
 		-o-transition: all 0.4s ease; transition: all 0.4s ease;
 	}
 	/* styling for button on hover */
 	.igem_2017_content_wrapper .button:hover{
@@ Line 412: / Line 320: @@
      	color: #000000;
 	}
 /***************************************************** RESPONSIVE STYLING ****************************************************/
 	/* IF THE SCREEN IS LESS THAN 1200PX */
 	@media only screen and (max-width: 1200px) {
 		#content {width:100%; }
 		.igem_2017_menu_wrapper {width:15%; right:0;}
@@ Line 426: / Line 328: @@
 		.igem_2017_menu_wrapper #display_menu_control { display:none; }
 		#menu_content { display:block;}
 		.menu_button.direct_to_page {padding-left: 17px;}
 	}
 	/* IF THE SCREEN IS LESS THAN 800PX */
 	@media only screen and (max-width: 800px) {
   		.igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}
 		.igem_2017_content_wrapper {width:100%; margin-left:0px;}
@@ Line 444: / Line 343: @@
 		.menu_button.direct_to_page { padding-left: 36px; }
 	}
 	/* special class that the system uses to make sure the team wants a page to be evaluated */
 	.judges-will-not-evaluate {
@@ Line 456: / Line 351: @@
      	font-weight: bold;
 	}
 </style>
-<!--- THIS IS WHERE THE HTML BEGINS --->
-<head>
-	<!-- This tells the browser that your page is responsive -->
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-</head>
 <div class="igem_2017_menu_wrapper" >
-	<a href="https://2017.igem.org/Team:Cadets2Vets">
-		<img src="http://placehold.it/350x150">
-	</a>
 	<!-- this div is hidden by default and will only be displayed if the screen size is too small -->
@@ Line 486: / Line 359: @@
 		MENU
 	</div>
 	<div id="menu_content">
+			<a href="https://2017.igem.org/Team:Cadets2Vets">
-		<a href="https://2017.igem.org/Team:Cadets2Vets">
 			<div class="menu_button direct_to_page">
 				HOME
 			</div>
 		</a>
 		<div class="menu_button">
 			<div class="expand_collapse_icon">  </div> TEAM
 		</div>
 		<div class="submenu_wrapper" id="team_submenu">
+					<a href="https://2017.igem.org/Team:Cadets2Vets/Team">
-			<a href="https://2017.igem.org/Team:Cadets2Vets/Team">
 				<div class="submenu_button" id="Team_page">
 					Team
 				</div>
 			</a>
 			<a href="https://2017.igem.org/Team:Cadets2Vets/Collaborations">
 				<div class="submenu_button"  id="Collaborations_page">
@@ Line 517: / Line 379: @@
 				</div>
 			</a>
 		</div>
 		<div class="menu_button">
 			<div class="expand_collapse_icon">  </div> PROJECT
@@ Line 531: / Line 386: @@
 		<!-- project submenu -->
 		<div class="submenu_wrapper">
 			<a href="https://2017.igem.org/Team:Cadets2Vets/Description">
 				<div class="submenu_button"  id="Description_page">
@@ Line 537: / Line 391: @@
 				</div>
 			</a>
 			<a href="https://2017.igem.org/Team:Cadets2Vets/Design">
 				<div class="submenu_button"  id="Design_page">
@@ Line 543: / Line 396: @@
 				</div>
 			</a>
 			<a href="https://2017.igem.org/Team:Cadets2Vets/Experiments">
 				<div class="submenu_button"  id="Experiments_page">
@@ Line 549: / Line 401: @@
 				</div>
 			</a>
 			<a href="https://2017.igem.org/Team:Cadets2Vets/Notebook">
 				<div class="submenu_button"  id="Notebook_page">
@@ Line 556: / Line 406: @@
 				</div>
 			</a>
 			<a href="https://2017.igem.org/Team:Cadets2Vets/InterLab">
 				<div class="submenu_button"  id="InterLab_page">
@@ Line 562: / Line 411: @@
 				</div>
 			</a>
 			<a href="https://2017.igem.org/Team:Cadets2Vets/Contribution">
 				<div class="submenu_button"  id="Contribution_page">
@@ Line 568: / Line 416: @@
 				</div>
 			</a>
 			<a href="https://2017.igem.org/Team:Cadets2Vets/Model">
 				<div class="submenu_button"  id="Model_page">
@@ Line 574: / Line 421: @@
 				</div>
 			</a>
 			<a href="https://2017.igem.org/Team:Cadets2Vets/Results">
 				<div class="submenu_button"  id="Results_page">
@@ Line 580: / Line 426: @@
 				</div>
 			</a>
 			<a href="https://2017.igem.org/Team:Cadets2Vets/Demonstrate">
 				<div class="submenu_button"  id="Demonstrate_page">
@@ Line 587: / Line 431: @@
 				</div>
 			</a>
 			<a href="https://2017.igem.org/Team:Cadets2Vets/Improve">
 				<div class="submenu_button"  id="Improve_page">
@@ Line 593: / Line 436: @@
 				</div>
 			</a>
 			<a href="https://2017.igem.org/Team:Cadets2Vets/Attributions">
 				<div class="submenu_button"  id="Attributions_page">
@@ Line 599: / Line 441: @@
 				</div>
 			</a>
 		</div>
 		<div class="menu_button">
 			<div class="expand_collapse_icon">  </div> PARTS
@@ Line 613: / Line 448: @@
 		<!-- parts submenu -->
 		<div class="submenu_wrapper">
 			<a href="https://2017.igem.org/Team:Cadets2Vets/Parts">
 				<div class="submenu_button"  id="Parts_page">
@@ Line 619: / Line 453: @@
 				</div>
 			</a>
 			<a href="https://2017.igem.org/Team:Cadets2Vets/Basic_Part">
 				<div class="submenu_button"  id="Basic_Part_page">
@@ Line 625: / Line 458: @@
 				</div>
 			</a>
 			<a href="https://2017.igem.org/Team:Cadets2Vets/Composite_Part">
 				<div class="submenu_button"  id="Composite_Part_page">
@@ Line 631: / Line 463: @@
 				</div>
 			</a>
 			<a href="https://2017.igem.org/Team:Cadets2Vets/Part_Collection">
 				<div class="submenu_button"  id="Part_Collection_page">
@@ Line 638: / Line 469: @@
 			</a>
 		</div>
 		<a href="https://2017.igem.org/Team:Cadets2Vets/Safety">
 			<div class="menu_button direct_to_page">
@@ Line 649: / Line 474: @@
 			</div>
 		</a>
 		<div class="menu_button" >
 			<div class="expand_collapse_icon">  </div> HUMAN PRACTICES
@@ Line 662: / Line 480: @@
 		<!-- human practices submenu -->
 		<div class="submenu_wrapper">
 			<a href="https://2017.igem.org/Team:Cadets2Vets/HP/Silver">
 				<div class="submenu_button"   id="Silver_page">
@@ Line 668: / Line 485: @@
 				</div>
 			</a>
 			<a href="https://2017.igem.org/Team:Cadets2Vets/HP/Gold_Integrated">
 				<div class="submenu_button" id="Gold_Integrated_page">
@@ Line 674: / Line 490: @@
 				</div>
 			</a>
 			<a href="https://2017.igem.org/Team:Cadets2Vets/Engagement">
 				<div class="submenu_button"  id="Engagement_page">
@@ Line 681: / Line 495: @@
 				</div>
 			</a>
 		</div>
 		<div class="menu_button">
 			<div class="expand_collapse_icon">  </div> AWARDS
@@ Line 691: / Line 502: @@
 		<!-- awards submenu -->
 		<div class="submenu_wrapper">
 			<a href="https://2017.igem.org/Team:Cadets2Vets/Applied_Design">
 				<div class="submenu_button"  id="Applied_Design_page">
@@ Line 697: / Line 507: @@
 				</div>
 			</a>
 			<a href="https://2017.igem.org/Team:Cadets2Vets/Entrepreneurship">
 				<div class="submenu_button"  id="Entrepreneurship_page">
@@ Line 703: / Line 512: @@
 				</div>
 			</a>
 			<a href="https://2017.igem.org/Team:Cadets2Vets/Hardware">
 				<div class="submenu_button"  id="Hardware_page">
@@ Line 709: / Line 517: @@
 				</div>
 			</a>
 			<a href="https://2017.igem.org/Team:Cadets2Vets/Measurement">
 				<div class="submenu_button"  id="Measurement_page">
@@ Line 715: / Line 522: @@
 				</div>
 			</a>
 			<a href="https://2017.igem.org/Team:Cadets2Vets/Model">
 				<div class="submenu_button"  id="Model_page">
@@ Line 721: / Line 527: @@
 				</div>
 			</a>
 			<a href="https://2017.igem.org/Team:Cadets2Vets/Plant">
 				<div class="submenu_button"  id="Plant_page">
@@ Line 727: / Line 532: @@
 				</div>
 			</a>
 			<a href="https://2017.igem.org/Team:Cadets2Vets/Software">
 				<div class="submenu_button"  id="Software_page">
@@ Line 734: / Line 537: @@
 				</div>
 			</a>
 		</div>
 		<a href="https://igem.org/2017_Judging_Form?team=Cadets2Vets">
 			<div class="menu_button direct_to_page">
@@ Line 742: / Line 543: @@
 			</div>
 		</a>
 		<div class="menu_bottom_padding" >
 		</div>
 	</div>
 </div>
 <!-- start of content -->