Difference between revisions of "Team:NAWI-Graz"

Revision as of 17:22, 23 June 2016

iGEM Team Graz

Introduction

Hello everyone and welcome to our facebook page! We are very excited about iGEM 2016 and are looking forward to working on a great project! On this page we will keep you updated about our project, which we are going to submit for the competition and the progress made as well as other interesting things.

What is iGEM?

The International Genetically Engineered Machine (iGEM) is an international competition in the field of synthetic biology that was initially aimed at university students. The iGEM foundation is dedicated to education and competition, advancement of synthetic biology, and the development of open community and collaboration.

@@ Line 1: / Line 1: @@
-@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
+<html>
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>iGEM Team Graz</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
+	<meta name="description" content="iGem Project" />
+	<meta name="keywords" content="css animation, loading effect, google plus, grid items, masonry" />
+	<script src="js/javascript.js" type="text/javascript"></script>
+	<link rel="stylesheet" type="text/css" href="/common/design.css">
+</head>
+<body>
+	<header>
+	<nav>
-a {
-	color: #aaa;
-	text-decoration: none;
-	outline: none;
-}
-a img {
-    border: none;
-}
-a:hover,
-a:active {
-	color: #333;
-}
-body{
-	margin: 0;
-	padding: 0;
-	height:100%;
-	color: #6b7381;
-	background: #f2f2f2;
-    text-align: left;
-    font-size: 150%;
-		font-family: 'Lato', Calibri, Arial, sans-serif;
-}
-#ueberschrift
-{
-	color: white;
-	padding-right: 20px;
-	margin-top:5px;
-	padding-top: 5px;
-	 text-align: right;
-    font-size: 150%;
-}
-#header{
-	/*margin:20px;*/
-	padding:0;
-	font-size:230%;
-	text-align:center;
-	background-color:#6599FF;
-	height:176px;
+		<nav id="global-nav" role="navigation">
-}
-#teamlogo{
+<li><a href="./content/team.html"><!--<img src="images/4sym.png">-->Team</a></li>
-	background-color:#6599FF;
+<li><a href="./content/sponsoring.html"><!--<img src="images/2sym.png">-->Sponsoring</a></li>
-	height:156px;
-	width:100%;
-	background: url(../images/bg1.jpg);
-	background-repeat: repeat-x;
-    background-position: center;
-}
-#content{
-	-moz-border-radius: 20px;
-	-webkit-border-radius: 20px;
-	margin-top:10px;
-	margin-bottom: 2%;
-	margin-left: 20%;
-	padding: 10px 10px 10px 10px;
-	background: white;
-    width:68%;
-	height:100%;
-}
-#main{
+</ul>
-	padding-left:10%;
+</nav>
-	padding-right:10%;
-	padding-top:5%;
-	padding-bottom:5%;
-}
-#footer{
-    background: #333;
-	padding-bottom: 5%;
-	color:white;
-	text-align:center;
-    clear:left;
-}
-.floatLeft{
-	background: url(../images/bg.jpg);
-    float:left;
-}
-.sidebar-left{
-    background: url(../images/bg.jpg);
-    width: 20%;
- }
-.copyright {font-size : 9px; font-family : courier new;}
-p {font-size : 20px}
+<script src="../js/jquery.min.js"></script>
+<script src="../js/doubletaptogo.js"></script>
+<script>
+	$( function()
+	{
+		$( '#nav li:has(ul)' ).doubleTapToGo();
+	});
+</script>
-img {
-    max-width: 100%;
-    height: auto;
-}
+	<div id="header"></div>
-#global-nav{
+	</header>
-	background-color:black;
-	width:100%;
-	-moz-border-radius: 20px;
-	-webkit-border-radius: 20px;
-	margin:0 auto;
-}
-nav
-{
-	margin: 0 auto;
-	width: 100%; /* 1000 */
-	font-family: 'Open Sans', sans-serif;
-	font-weight: 100;
-}
+	<div id="content">
-nav > a
-{
-display: none;
-}
-nav li
-{
-position: relative;
+	<div id="main">
-}
+	<section>
-nav li a
-{
-	color: white;
-	display: block;
-}
-nav li a:active
-{
-	background-color: yellow !important;
-}
-nav span:after
+	<h2> Introduction</h2>
-{
-width: 0;
+		<p>
-height: 0;
+			Hello everyone and welcome to our facebook page!
-border: 0.313em solid transparent; /* 5 */
+			We are very excited about iGEM 2016 and are looking forward to
-border-bottom: none;
+			working on a great project! On this page we will keep you updated
-border-top-color: white;
+			about our project, which we are going to submit for the competition
-content: '';
+			and the progress made as well as other interesting things.
-vertical-align: middle;
+		</p>
-display: inline-block;
+		<h2>What is iGEM?</h2>
-position: relative;
+		<p>
-right: -0.313em; /* 5 */
-}
+			The International Genetically Engineered Machine (iGEM) is an international
+			competition in the field of synthetic biology that was initially
-/* first level */
+			aimed at university students. The iGEM foundation is dedicated to education and competition,
+			advancement of synthetic biology, and the development of open community and collaboration.
-			nav > ul
+		</p>
-			{
-				margin:0 auto;
-				padding:0px;
-				height: 2.65em; /* 60 */
-				background-color: transparent;
-			}
-				nav > ul > li
-				{
-					width: 11%;
-					height: 100%;
-					float: left;
-					list-style:none;
-				}
-					nav > ul > li > a
-					{
-						text-decoration: none;
-						display:block;
-						height: 100%;
-						font-size: 0.8em; /* 24 */
-						line-height: 1.8em; /* 60 (24) */
-						text-align: center;
-					}
-						nav > ul > li:hover > a,
-						nav > ul > li.active > a
-						{
-							background-color: transparent;
-							color:yellow;
-							-moz-border-radius: 20px;
-							-webkit-border-radius: 20px;
-						}
-				/* second level */
-				nav li ul
-				{
-					width:200%;
-					-moz-border-radius: 20px;
-					-webkit-border-radius: 20px;
-					background-color: white;
-					display: none;
-					font-size:40%;
-					color: black;
-					list-style: none;
-					position: absolute;
-					top: 100%;
-				}
-					nav li:hover ul
-					{
-						display: block;
-						left: 0;
-						right: 0;
-					}
-						nav li:first-child:hover ul
-						{
-							left: -1px;
-						}
-						nav li ul a
-						{
-							height:80%;
-							font-size: 1.25em; /* 20 */
-							border-top: 1px solid white;
-							color:black;
-							padding: 0.3em; /* 15 (20) */
-						}
-							nav li ul li a:hover,
-							nav li ul:not:hover li.active a
-							{
-								background-color: yellow;
-								-moz-border-radius: 20px;
-								-webkit-border-radius: 20px;
-							}
-					nav > ul > li > a > img
-					{
-						height: auto;
-						width: auto;
-						max-height:500px;
-						max-width:200px;
-						padding: 0 0.633em; /* 20 (24) */
-					}
-/* Team */
-.teamfoto {
-}
+		</section>
+		</div>
-.teamtext {
-}
+	</div>
-#membercontent{
-	width:100%;
-}
-#member{
-	width:47%;
-	float: left;
-	margin-left: 10px;
-	margin-bottom: 20px;
-	background-color: white;
-	min-height:250px;
-}
-#member1{
-	width:47%;
-	float: right;
-	margin-left: 10px;
-	margin-bottom: 20px;
-	background-color: #123;
-	min-height:250px;
-}
-#member2{
-	width:47%;
-	float: left;
-	margin-left: 10px;
-	margin-bottom: 20px;
-	background-color: #123;
-	min-height:250px;
-}
-#member3{
-	width:47%;
-	float: right;
-	margin-left: 10px;
-	margin-bottom: 20px;
-	background-color: white;
-	min-height:250px;
-}
-#wrapper {
-width: 100%;
-margin: 0 auto;
-}
-#memberfoto {
-	float: left;
-	padding: 2px 2px 2px 2px;
-	max-width: 200px;
-	margin-left: 10px;
-	margin-top:10px;
-	margin-bottom: 10px;
-}
-#memberfoto1 {
-	float: left;
-	padding: 2px 2px 2px 2px;
-	max-width: 200px;
-	margin-left: 10px;
-	margin-top:10px;
-	margin-bottom: 10px;
-}
+	<footer><div id="footer">
+	<br>
+			<p>© iGEM Graz</p>
+			<p>iGEM Subteam Graz
+TU Graz, Institute of Molecular Biotechnology,
+Petersgasse 14,
+Graz
+</p>
+			<!--<p>Students at:<a href="http://portal.tugraz.at/portal/page/portal/TU_Graz" target="_blank"><img alt="tugraz" src="img/tugraz.gif" width="75" height="25"></a></p>-->
+			<!--<div id="time"></div>-->
-#membertextfieldgraz {
+		</div></footer>
-	width: 50%;
+<!--
-	margin-left: 210px;
+	<script type="text/javascript">
-	margin-top:10px;
+    ShowDate();
-	padding-left:10px;
+	</script>-->
-	padding-top:10px;
+</body>
-	margin-bottom: 10px;
+</html>
-}