Difference between revisions of "Team:Dundee Schools/Entrepreneurship"

(Prototype team page)
 
Line 1: Line 1:
−
{{Dundee_Schools}}
 
 
<html>
 
<html>
 +
<style>
  
 +
/********************************* DEFAULT WIKI SETTINGS  ********************************/
  
−
<div class="column full_size judges-will-not-evaluate">
+
#sideMenu, #top_title {display:none;}
−
<h3>★  ALERT! </h3>
+
#content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;}
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Awards#SpecialPrizes">Best Supporting Entrepreneurship award</a>. </p>
+
  
  
−
<p> Delete this box in order to be evaluated for this medal. See more information at <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions"> Instructions for Pages for awards</a>.</p>
+
/********************************* RESPONSIVE STYLING ********************************/
−
</div>
+
  
 +
/* IF THE SCREEN IS LESS THAN 1000PX */
  
 +
@media only screen and (max-width: 1000px) {
  
 +
#content {width:100%; }
 +
.menu_wrapper {width:15%;}
 +
.content_wrapper {margin-left: 15%;}
 +
.menu_item {display:block;}
 +
.icon {display:none;}
 +
.highlight {padding:10px 0px;}
 +
}
  
  
−
<div class="column full_size">
+
/* IF THE SCREEN IS LESS THAN 680PX */
−
<h2>Entrepreneurship</h2>
+
  
−
<p>
+
@media only screen and (max-width: 680px) {
−
In previous years, iGEM had an entrepreneurship track. Teams were encouraged to build projects and focus around commercializing their work. We have now moved to an award as the best work in this area may come from teams who are not solely focused on entrepreneurship.  
+
.collapsable_menu_control { display:block;}
−
</p>
+
.menu_item {display:none;}
 +
.menu_wrapper { width:100%; height: 15%; position:relative;}
 +
.content_wrapper {width:100%; margin-left:0px;}
 +
.column.half_size {width:100%; }
 +
.column img { width: 100%; padding: 5px 0px;}
 +
.icon {display:block;}
 +
.highlight {padding:15px 5px;}
 +
}
  
−
<p>The Best Supporting Entrepreneurship award recognizes exceptional effort to build a business case and commercialize an iGEM project. This award is open to all teams to show that entrepreneurship is something all teams can aspire to do with their project. This award can go to an new project, or to a previous project that a team aimed to commercialize. Have you filed a provisional patent on your project/device/process? Have you raised money to build and ship products? Have you pitched your idea to investors and received money? Complete the entrepreneurship section on the 2016 Judging form and tell us what you did. As always in iGEM, the aim is to impress the judges! </p>
+
</style>
  
 +
<!-------------------------------------------------OWN CODE--------------------------------------------------------->
  
−
<h5>Inspiration</h5>
+
<!--iGEM HS Wiki HTML:Entrepreneurship-->
−
<p>You can look at what other teams did to get some inspiration! <br />
+
<!--Darryl Sime, started 2/8/16-->
−
Here are a few examples:</p>
+
−
<ul>
+
−
<li><a href="https://2014.igem.org/Team:UCC_Ireland">2014 UCC Ireland</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Imperial">2014 Imperial College London</a></li>
+
−
<li><a href="https://2013.igem.org/Team:UCL_E">2013 University College London Entrepreneurship</a></li>
+
−
<li><a href="https://2012e.igem.org/wiki/index.php/Team:MIT_E">2012 MIT Entrepreneurship</a></li>
+
−
</ul>
+
  
 +
<head>
 +
  <meta name="viewport" content="width=device-width, initial-scale=1">
 +
  <title>Dundee Schools: Entrepreneurship</title>
 +
</head>
 +
 +
<body>
 +
  <!--CSS-->
 +
  <style>
 +
/* Wrapper for the menu */
 +
.menu_wrapper {
 +
width:16vw;
 +
height:100vh;
 +
position:fixed;
 +
padding:0px;
 +
float:left;
 +
background-color:#ffffff;
 +
text-align:left;
 +
}
 +
 +
/* styling for the menu items */
 +
.menu_item {
 +
width:100%;
 +
margin:-2px 0px 0px -20px;
 +
padding: 10px 10px; 
 +
border-bottom: 1px solid #d3d3d3;
 +
font-weight:bold;
 +
color:#000000;
 +
cursor: pointer;
 +
}
 +
 +
/* when hovering on a menu item */
 +
.menu_item:hover {
 +
color:#000000;
 +
background-color: #eead69;
 +
}
 +
 +
/* decoration icon for the menu buttons*/
 +
.icon {
 +
float:right; 
 +
font-size:16px;
 +
font-weight:bold;
 +
}
 +
 +
/* this is the icon for when the content is collapsed */
 +
.plus::before {
 +
content: "+";
 +
}
 +
/* this is the icon for when the content is expanded */
 +
.less::before {
 +
content: "–";
 +
}
 +
 +
/* styling for the ul that creates the buttons */
 +
ul.menu_items {
 +
width:100%;
 +
margin-left:0px;
 +
padding:0px;
 +
list-style: none;
 +
}
 +
 +
/* styling for the li that are the menu items */
 +
.menu_items li {
 +
width:90%;
 +
margin-top:-2px;
 +
padding: 15px 0px 15px 15px ;
 +
display:block;
 +
border-bottom: 1px solid #34878f; 
 +
text-align:left;
 +
font-weight:bold;
 +
text-decoration:none;
 +
color:#000000;
 +
list-style-type:none;
 +
cursor:pointer;
 +
-webkit-transition: all 0.4s ease;
 +
-moz-transition: all 0.4s ease;
 +
-ms-transition: all 0.4s ease;
 +
-o-transition: all 0.4s ease; transition: all 0.4s ease; 
 +
}
 +
 +
.menu_item a {
 +
width: 100%;
 +
margin-left: -20px;
 +
padding: 11px 90px 12px 20px;
 +
text-decoration: none;
 +
color:black;
 +
}
 +
 +
/* When hovering on a menu item */
 +
.menu_items li:hover {
 +
background-color:#34878f;
 +
color: #000000;
 +
}
 +
 +
/* styling for the submenus */
 +
.submenu {
 +
width:100%;
 +
display: none; 
 +
font-weight:bold;
 +
cursor:pointer;
 +
 +
}
 +
 +
/* moving the margin for the submenu ul list */
 +
ul.submenu {
 +
width: 100%;
 +
margin: 10px 0px -11px 0px;
 +
list-style: none;
 +
}
 +
 +
/*styling for the submenu buttons */
 +
.submenu li {
 +
width: 100%;
 +
margin-left: 10px;
 +
margin-bottom: 0px;
 +
}
 +
 +
 +
/* hover state for the submenu buttons */
 +
.submenu li a {
 +
width: 100%;
 +
padding: 5px 10px;
 +
display: inline-block;
 +
border-bottom: 1px solid #d3d3d3;
 +
background-color:white;
 +
text-decoration:none;
 +
color:#000000;
 +
}
 +
 +
 +
 +
.submenu li a:hover  {
 +
background-color:#f1f89b;
 +
color: #ffffff;
 +
}
 +
 +
 +
/* When the screen is smaller than 680px, the menu has the option to hide/show - this button controls that */
 +
.collapsable_menu_control {
 +
width:100%;
 +
padding: 15px 0px;
 +
display:none;
 +
background-color:#000000;
 +
text-align:center; 
 +
font-weight:bold;
 +
color:#72c9b6;
 +
cursor:pointer;
 +
-webkit-transition: all 0.4s ease;
 +
-moz-transition: all 0.4s ease;
 +
-ms-transition: all 0.4s ease;
 +
-o-transition: all 0.4s ease;
 +
transition: all 0.4s ease;
 +
}
 +
 +
/* when hovering on that button */
 +
.collapsable_menu_control:hover {
 +
background-color: #72c9b6;
 +
color:#000000; 
 +
}
 +
 +
</style>
 +
 +
 +
<!--HTML-->
 +
 +
<div class="menu_wrapper" >
 +
 +
 +
 +
 +
<div class="collapsable_menu_control"> MENU ▤ </div>
 +
 +
<ul id="accordion" class="accordion">
 +
 +
<li class="menu_item"> <a href="https://2016.igem.org/Team:Dundee_Schools">HOME </a> </li>
 +
 +
 +
<li class="menu_item"> <div class="icon plus"></div> TEAM
 +
<ul class="submenu">
 +
<li> <a href=" https://2016.igem.org/Team:Dundee_Schools/Team"> Team  </a> </li>
 +
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Collaborations">★  Collaborations </a> </li>
 +
                    </ul>
 +
                </li>
 +
 +
<li class="menu_item"> <div class="icon plus"></div> PROJECT 
 +
<ul class="submenu">
 +
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Description"> ★  Description </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Design"> ★ Design </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Experiments"> Experiments </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Proof"> ★ Proof of Concept </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Demonstrate"> ★ Demonstrate </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Results"> Results </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Notebook"> Notebook </a></li>
 +
                    </ul>
 +
                </li>
 +
 +
<li class="menu_item"> <div class="icon plus"></div> PARTS 
 +
<ul class="submenu">
 +
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Parts">Parts </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Basic_Part"> ★ Basic Parts </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Composite_Part"> ★ Composite Parts </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Part_Collection"> ★ Part Collection </a></li>
 +
                    </ul>
 +
                </li>
 +
 +
 +
<li class="menu_item"> <a href="https://2016.igem.org/Team:Dundee_Schools/Safety"> SAFETY </a> </li>
 +
 +
 +
<li class="menu_item"> <a href="https://2016.igem.org/Team:Dundee_Schools/Attributions">★  ATTRIBUTIONS </a></li>
 +
 +
 +
<li class="menu_item"> <div class="icon plus"></div> HUMAN PRACTICES
 +
<ul class="submenu">
 +
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Human_Practices"> Human Practices </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/HP/Silver">★ Silver </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/HP/Gold">★ Gold </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Integrated_Practices"> ★ Integrated Practices </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Engagement">★ Engagement </a></li>
 +
                    </ul>
 +
                </li>
 +
 +
 +
<li class="menu_item"> <div class="icon plus"></div> AWARDS
 +
<ul class="submenu">
 +
<li><a href="https://2016.igem.org/Team:Dundee_Schools/Entrepreneurship"> ★ Entrepreneurship </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Hardware"> ★ Hardware </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Software">★ Software </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Measurement">★  Measurement </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Dundee_Schools/Model">★ Model </a></li>
 +
 +
                    </ul>
 +
                </li>
 +
</ul>
  
 
</div>
 
</div>
 +
 +
</body>
 +
<script>
 +
 +
// This is the jquery part of your template.  Try not modify any of this code since it makes your menu work.
 +
 +
$(document).ready(function() {
 +
 +
$("#HQ_page").attr('id','');
 +
 +
 +
if ( wgPageName.substring( 0,  8) == "Template")  {  // if the page is a template it displays the full name in a single line
 +
$("#team_name").html( wgPageName );
 +
}
 +
 +
else if (  ( (wgPageName.match(/\//g) || []).length ) == 0 ) {  // if it is the home page , just print the team's name
 +
$("#team_name").html( wgPageName.substring( 5, wgPageName.length ) );
 +
}
 +
 +
else {
 +
// this adds the team's name as an h1
 +
$("#team_name").html( wgPageName.substring( 5 , wgPageName.indexOf("/")  ) );
 +
 +
// this adds the page's title as an h4
 +
$("#page_name").html (    ( wgPageName.substring( wgPageName.indexOf("/") + 1, wgPageName.length ) ).replace( /\/|_/g , " ")  );
 +
}
 +
 +
 +
 +
 +
$('#accordion').find('.menu_item').click(function(){
 +
 +
//Expand or collapse this panel
 +
submenu = $(this).find('.submenu');
 +
submenu.toggle();
 +
 +
icon = $(this).find('.icon');
 +
 +
if ( !$( submenu ).is(':visible') ) {
 +
icon.removeClass("less").addClass("plus");
 +
}
 +
else {
 +
icon.removeClass("plus").addClass("less");
 +
}
 +
 +
//Hide the other panels
 +
$(".submenu").not(submenu).hide();
 +
$(".icon").not(icon).removeClass("less").addClass("plus");
 +
});
 +
 +
 +
$(".collapsable_menu_control").click(function() {
 +
$(".menu_item").toggle();
 +
});
 +
 +
$( window ).resize(function() {
 +
$(".menu_item").show();
 +
});
  
  
 +
});
  
 +
if( ($(location).attr('href')).indexOf("submit") >= 0  ) {
 +
$(".menu_wrapper").css( { "position": "absolute", "height": "auto"});
 +
$("#wpTextbox1").css( 'margin-top', '440px');
 +
}
  
  
 +
</script>
  
 
</html>
 
</html>

Revision as of 13:37, 2 August 2016

Dundee Schools: Entrepreneurship

MENU ▤