Difference between revisions of "Team:KUAS Korea"

Line 2: Line 2:
  
 
{{KUAS_Korea}}
 
{{KUAS_Korea}}
−
 
+
<html>
 
<style>
 
<style>
 
/*main colour*/
 
/*main colour*/
Line 55: Line 55:
 
     border-left-color: #022040;
 
     border-left-color: #022040;
 
}
 
}
−
 
−
 
−
<style>
 
−
 
−
#content{width:100%}
 
−
#bodyContent{width:100%}
 
−
#cssmenu{width:100%}
 
−
 
−
.parallax {
 
−
    background-image: url('https://static.igem.org/mediawiki/2016/3/32/EmorySceneryLG.jpg');
 
−
 
−
    /* Full height */
 
−
    min-height: 100%;
 
−
 
−
    /* Create the parallax scrolling effect */
 
−
    background-attachment: fixed;
 
−
    background-position: center;
 
−
    background-repeat: no-repeat;
 
−
    background-size: cover;
 
−
}
 
−
 
−
 
−
 
−
@media screen and (max-width:700px){
 
−
.logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
 
−
.logo2{display:none}
 
−
nav{width:100%;}
 
−
#cssmenu{width:100%}
 
−
#cssmenu ul{width:100%;display:none}
 
−
#cssmenu ul li{width:100%;border-top:1px solid #444}
 
−
#cssmenu ul li:hover{background:#363636;}
 
−
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
 
−
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
 
−
#cssmenu > ul > li{float:none}
 
−
#cssmenu ul ul li a{padding-left:25px}
 
−
#cssmenu ul ul li{background:#333!important;}
 
−
#cssmenu ul ul li:hover{background:#363636!important}
 
−
#cssmenu ul ul ul li a{padding-left:35px}
 
−
#cssmenu ul ul li a{color:#ddd;background:none}
 
−
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
 
−
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
 
−
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
 
−
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
 
−
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
 
−
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
 
−
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
 
−
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
 
−
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
 
−
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
 
−
#cssmenu .submenu-button.submenu-opened{background:#262626}
 
−
#cssmenu ul ul .submenu-button{height:34px;width:34px}
 
−
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
 
−
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
 
−
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
 
−
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
 
−
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
 
−
#cssmenu .submenu-button.submenu-opened:before{display:none}
 
−
#cssmenu ul ul ul li.active a{border-left:none}
 
−
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
 
−
}
 
−
 
−
 
−
/* NAV END*/
 
−
 
−
@media only screen and (max-width 900px) {
 
−
      body, html {
 
−
      height: auto;
 
−
      background: none;
 
−
      }
 
−
    .parallax {
 
−
    background: none;
 
−
    background-color: white;
 
−
    height: 100%;
 
−
    width: 100%;
 
−
    }
 
−
}
 
−
 
−
@media only screen and (max-width: 1000px)
 
−
  .cultures img {
 
−
  display: none;
 
−
  }
 
−
}
 
−
 
−
#what-we-do {
 
−
    height: auto;   
 
−
    background-color: white;
 
−
}
 
−
 
−
 
−
.ImgCenter {
 
−
    display: block;
 
−
    margin-left: auto;
 
−
    margin-right: auto;
 
−
    padding-top: 60px;
 
−
    padding-bottom: 60px;
 
−
 
−
}
 
−
 
−
 
 
</style>
 
</style>
  
−
</head>
+
<div class="container-fluid" id="title">
−
 
+
        <div id="logo">
−
<body>
+
            <h3 style="font-family: emulogic"><br><br><br></h3>
−
 
+
        </div>
−
 
+
        <div id="solution">
−
+
            <img style="width:950px" src="https://static.igem.org/mediawiki/2017/9/95/Logo_final.png">
−
<!-- PAGE 1 WELCOME PAGE -->
+
        </div>
−
 
+
        <div id="logo">
−
 
+
            <h3 style="font-family: emulogic"></h3>
−
<div id="welcome-page" style="text-align:center" class="parallax">
+
        </div>
−
        <h1 style="text-align:center;font-size:60px;color:white;font-family:Open Sans, Arial, Helvetice Neue, sans-serif;padding-top:200px;"><strong>EMORY UNIVERSITY</strong></h1>
+
−
        <p style="font-size:40px;font-family:Open Sans, Arial, Helvetice Neue, sans-serif;text-align:center;color:white;padding-bottom:500px;">"to create, preserve, teach, and apply knowledge in service of humanity"</p>
+
  
 +
        <div id="logo">
 +
            <h3 style="font-family: emulogic"></h3>
 +
        </div>       
  
 +
        <div>
 +
            <div id="solution-byline">
 +
                <h3 style="font-family: emulogic"><a href="#"><br><i class="fa fa-chevron-down"></i></a></h3>
 +
            </div>
 +
        </div>
 
</div>
 
</div>
−
</div>
+
     
−
</div>
+
  
  
−
 
+
<div class="container-fluid" style="background-color:black">
−
 
+
<div class="col-md-10 col-md-offset-1">
−
<!-- PAGE 3 What Are We Doing Here? -->
+
<div class="info-container">
−
 
+
<img style="width:850px" src="https://static.igem.org/mediawiki/2017/6/65/Background_photo.jpeg"/>
−
 
+
−
 
+
−
<div id="what-we-do">
+
−
  <div class="container">
+
−
  <div style="background-color:white";>
+
−
    <h1 style="text-align:center;font-size:50px;color:black;font-family:Open Sans, Arial, Helvetice Neue, sans-serif;padding-top:150px;">iGEmory</h1>
+
−
    <p style="font-size:18px;color:black;text-align:left;">As a whole, iGEMORY and the Emory Biotech Club is a new group that was created in 2015 but began to take off in 2016. Our history really begins with GSU’s participation in the 2015 Jamboree, as two of our members collaborated with GSU on Project J-Broth and accompanied their team to the jamboree (at this time Emory did not have a team and did not compete). Inspired by the entirety of the iGEM experience, our two members returned home with plenty of ideas and excitement, and moved forward to establish iGEMory and take us to our first competition. This brings us to where we stand now.
+
−
</p>
+
−
 
+
−
<div class="cultures">
+
−
<img src="" class="ImgCenter">
+
−
 
+
 
</div>
 
</div>
 +
<div class="info-container">
 +
<img src="">
 
</div>
 
</div>
 +
<!--<div class="info-container">
 +
<img src="https://static.igem.org/mediawiki/2017/6/65/Background_photo.jpeg">
 +
</div>-->
  
−
 
+
</div></div>
−
</div>
+
    
−
</div>
+
−
</div>
+
−
 
+
−
<script>
+
−
 
+
−
(function($) {
+
−
$.fn.menumaker = function(options) { 
+
−
var cssmenu = $(this), settings = $.extend({
+
−
   format: "dropdown",
+
−
  sticky: false
+
−
}, options);
+
−
return this.each(function() {
+
−
  $(this).find(".button").on('click', function(){
+
−
    $(this).toggleClass('menu-opened');
+
−
    var mainmenu = $(this).next('ul');
+
−
    if (mainmenu.hasClass('open')) {
+
−
      mainmenu.slideToggle().removeClass('open');
+
−
    }
+
−
    else {
+
−
      mainmenu.slideToggle().addClass('open');
+
−
      if (settings.format === "dropdown") {
+
−
        mainmenu.find('ul').show();
+
−
      }
+
−
    }
+
−
  });
+
−
  cssmenu.find('li ul').parent().addClass('has-sub');
+
−
multiTg = function() {
+
−
    cssmenu.find(".has-sub").prepend('<span class="submenu-button"></span>');
+
−
    cssmenu.find('.submenu-button').on('click', function() {
+
−
      $(this).toggleClass('submenu-opened');
+
−
      if ($(this).siblings('ul').hasClass('open')) {
+
−
        $(this).siblings('ul').removeClass('open').slideToggle();
+
−
      }
+
−
      else {
+
−
        $(this).siblings('ul').addClass('open').slideToggle();
+
−
      }
+
−
    });
+
−
  };
+
−
  if (settings.format === 'multitoggle') multiTg();
+
−
  else cssmenu.addClass('dropdown');
+
−
  if (settings.sticky === true) cssmenu.css('position', 'fixed');
+
−
resizeFix = function() {
+
−
  var mediasize = 700;
+
−
    if ($( window ).width() > mediasize) {
+
−
      cssmenu.find('ul').show();
+
−
    }
+
−
    if ($(window).width() <= mediasize) {
+
−
      cssmenu.find('ul').hide().removeClass('open');
+
−
    }
+
−
  };
+
−
  resizeFix();
+
−
  return $(window).on('resize', resizeFix);
+
−
});
+
−
  };
+
−
})(jQuery);
+
−
 
+
−
(function($){
+
−
$(document).ready(function(){
+
−
$("#cssmenu").menumaker({
+
−
  format: "multitoggle"
+
−
});
+
−
});
+
−
})(jQuery);
+
−
 
+
−
 
+
−
</script>
+
−
 
+
−
</body>
+
−
 
+
−
</div>
+
−
</div>
+
  
 
</html>
 
</html>
 
{{:Team:KUAS_Korea/Templates/Sponsors}}
 
{{:Team:KUAS_Korea/Templates/Sponsors}}

Revision as of 06:34, 2 October 2017