Team:HokkaidoU Japan/Policy And Practice/Survey

From 2014.igem.org

(Difference between revisions)
 
Line 1: Line 1:
-
{{Team:HokkaidoU_Japan/CSS}}
+
<html class="demo-1">
-
{{Team:HokkaidoU_Japan/LargeDropDown_Policy_And_Practice/CSS}}
+
<link href='http://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'>
-
{{Team:HokkaidoU_Japan/Header/CSS}}
+
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
-
{{Team:HokkaidoU_Japan/Footer/CSS}}
+
-
<html>
+
<div id="background">
<div id="background">
-
<!--begin header-->
+
 
-
<div id="header-top" style="background-color:#FFBF8C;">
+
<!-- begin header-->
 +
<div id="header-wrapper">
 +
  <div id="top-header">
 +
    <div>
 +
      <img id="header-image" src="https://static.igem.org/mediawiki/2014/7/77/HokkaidoU_Top_Header.png">
 +
    </div>
 +
  </div>
 +
</div>
 +
<!-- end header-->
 +
<!-- begin Menu-->
     <div class="box">
     <div class="box">
   <div id="box-wrapper">  
   <div id="box-wrapper">  
 +
       <ul id="ldd_menu" class="ldd_menu">
       <ul id="ldd_menu" class="ldd_menu">
                                 <li>
                                 <li>
-
                                 <span class="menu-list"><a href="https://2014.igem.org/Team:HokkaidoU_Japan"><span style="position:relative; top:10px;">Top</span></a></span><!-- Increases to 510px in width-->
+
                                 <span class="menu-list" ><span style="position:relative; top:10px;" href="#">Top</span></span><!-- Increases to 510px in width-->
                                 </li>
                                 </li>
<li class="menu_button">
<li class="menu_button">
Line 17: Line 25:
<div class="ldd_submenu" style="left:-415px; width:970px;">
<div class="ldd_submenu" style="left:-415px; width:970px;">
<ul style="margin-left:20px;">
<ul style="margin-left:20px;">
-
<li class="ldd_heading"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/Overview/Introduction">Overview</a></li>
+
<li class="ldd_heading"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/Overview/Introduction">Overview</a></li>
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/Overview/Introduction">Introduction</a></li>
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/Overview/Introduction">Introduction</a></li>
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/Overview/Background">Background</a></li>
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/Overview/Background">Background</a></li>
Line 25: Line 33:
<li class="ldd_heading"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/H_Stem">H-stem System</a></li>
<li class="ldd_heading"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/H_Stem">H-stem System</a></li>
                                                         <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/H_Stem#Overview">Overview</a></li>
                                                         <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/H_Stem#Overview">Overview</a></li>
 +
                                                        <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/H_Stem#asRNA_stabilization">Stabilization</a></li>
 +
                                                        <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/H_Stem#Modelling">Modelling</a></li>
 +
                                                        <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/H_Stem#Construct">Construct</a></li>
                                                         <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/H_Stem#How_To_Use">How To Use</a></li>
                                                         <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/H_Stem#How_To_Use">How To Use</a></li>
-
                                                        <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Project/H_Stem#Modeling">Modelling</a></li>
 
</ul>
</ul>
<ul>
<ul>
-
<li class="ldd_heading"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/asB0034/Overview">Anti-sense B0034</a></li>
+
<li class="ldd_heading"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/asB0034">Anti-sense B0034</a></li>
-
            <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/asB0034/Overview">Overview</a></li>
+
            <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/asB0034">Overview</a></li>
-
                                                             <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/asB0034/Method">Method</a></li>
+
                                                             <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/asB0034#Method">Method</a></li>
-
                                                             <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/asB0034/Results">Results</a></li>
+
                                                             <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/asB0034#Results">Results</a></li>
-
                                                             <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/asB0034/Conclusion">Conclusion</a></li>  
+
                                                             <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/asB0034#Conclusion">Conclusion</a></li>
-
                                                </ul>
+
</ul>
<ul>
<ul>
-
<li class="ldd_heading"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/Length/Overview">Length Variation</a></li>
+
<li class="ldd_heading"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/Length">Length Variation</a></li>
-
            <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/Length/Overview">Overview</a></li>
+
            <li class="ldd_contents"><a href="">Overview</a></li>
-
                                                             <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/Length/Method">Method</a></li>
+
                                                             <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/Length#Method">Method</a></li>
-
                                                             <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/Length/Results">Results</a></li>
+
                                                             <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/Length#Results">Results</a></li>
-
                                                             <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/Length/Conclusiton">Conclusion</a></li>
+
                                                             <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/Length#Conclusion">Conclusion</a></li>
</ul>
</ul>
<ul>
<ul>
Line 51: Line 61:
</li>
</li>
<li class="menu_button">
<li class="menu_button">
-
<span class="menu-list">Policy and Practice</span>
+
<span class="menu-list"><span style="position:relative; top:10px;">Outreach</span></span>
<div class="ldd_submenu" style="width:590px; left:-230px;">
<div class="ldd_submenu" style="width:590px; left:-230px;">
<ul style="margin-left:20px;">
<ul style="margin-left:20px;">
-
<li class="ldd_heading"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Policy_And_Practice/Education">Education</a></li>
+
<li class="ldd_heading"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Outreach/Univ_festival">Univ. Festival</a></li>
-
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Policy_And_Practice/Education#School_Festival">School Festival</a></li>
+
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Outreach/Univ_festival#Education">Education</a></li>
-
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Policy_And_Practice/Education#High_School">High-school</a></li>
+
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Outreach/Univ_festival#Survey">Survey</a></li>
</ul>
</ul>
<ul>
<ul>
-
<li class="ldd_heading"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Policy_And_Practice/Survey">Survey</a></li>
+
<li class="ldd_heading"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Outreach/Survey">High-School</a></li>
-
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Policy_And_Practice/Survey#School_Festival">School Festival</a></li>
+
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Outreach/Survey#Education">Education</a></li>
-
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Policy_And_Practice/Survey#High_School">High-school</a></li>
+
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Outreach/Survey#Survey">Survey</a></li>
</ul>
</ul>
<ul>
<ul>
-
<li class="ldd_heading"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Policy_And_Practice/Discussion">Discussion</a></li>
+
<li class="ldd_heading"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Outreach/Discussion">Discussion</a></li>
-
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Policy_And_Practice/Discussion#Background">Background</a></li>
+
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Outreach/Discussion#Background">Background</a></li>
-
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Policy_And_Practice/Discussion#Estimation">Estimation</a></li>
+
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Outreach/Discussion#Estimation">Evaluation</a></li>
</ul>
</ul>
</div>
</div>
Line 84: Line 94:
</ul>
</ul>
     </div>
     </div>
-
</div><!-- end box-->
 
</div>
</div>
-
<div id="header-bottom" style="background-color:#F18C3C;">
+
 
-
  <div id="header-bottom-contents">
+
<!--end menu-->
-
  </div>
+
<div class="container">
 +
<div class="bb-custom-wrapper">
 +
<div id="bb-bookblock" class="bb-bookblock">
 +
                                            <div class="bb-item">
 +
                                              <div class="left-page-top"></div>
 +
                                              <div class="right-page-top">
 +
                                            <img class="top-picture" src="https://static.igem.org/mediawiki/2014/9/90/Cover1.png">
 +
                                              </div>    
 +
                                            </div>
 +
 
 +
<div class="bb-item">
 +
                                                    <img class="book-background" src="https://static.igem.org/mediawiki/2014/3/31/HokkaidoU_Top_Book_Background.png">                                                             
 +
    <div class="left-page">
 +
<div class="text-box">
 +
<p>
 +
This is a love story of a girl, <br>her name is Annie.
 +
She was a very shy girl, however she had a strong feeling in love so it would be never having lost anybody.
 +
Cupid found Annie and then helped her love.
 +
Well, how was it going her future of a romance?
 +
 
 +
</p>
 +
</div>
 +
                                                    </div>
 +
                                                    <div class="right-page">
 +
<div class="page-vertical-top">
 +
<div class="left-up">
 +
<img class="character-pic" src="https://static.igem.org/mediawiki/2014/c/c6/HokkaidoU_Top_Book_as.png">
 +
<p style="line-height:10px; font-weight:bold;">
 +
Annie / asRNA
 +
</p>
 +
<p  style="line-height:20px; font-size:15px;">
 +
The shiest girl in the village, but has a feeling to Mike in secrecy.
 +
</p>
</div>
</div>
-
<!--end header begin menu-->
 
-
<!-- end menu-->
+
<div class="right-up">
-
<!--begin contents-->
+
<img class="character-pic" src="https://static.igem.org/mediawiki/2014/b/b8/HokkaidoU_Top_Book_mRNA.png">
 +
<p style="line-height:10px; font-weight:bold;">
 +
Mike / mRNA
 +
</p>
 +
<p style="line-height:20px; font-size:15px;">
 +
The most popular boy in the village, but a little indecisive.
 +
</p>
 +
</div>
 +
</div>
 +
<div class="page-vertical-bottom">
 +
<div class="left-bottom">
 +
<img class="character-pic" src="https://static.igem.org/mediawiki/2014/0/0f/HokkaidoU_Top_Book_Ribosome.png">
 +
<p style="line-height:10px; font-weight:bold;">
 +
Rachel / ribosome
 +
</p>
 +
<p style="line-height:20px; font-size:15px;">
 +
The most confident girl in the village. She loves Mike and approaches him positively.
 +
</p>
 +
</div>
-
<!--end contents-->
+
<div class="right-bottom">
-
<!--begin footer-->
+
<img class="character-pic" src="https://static.igem.org/mediawiki/2014/8/8f/HokkaidoU_Top_Book_cupid.png">
-
<div id="footer-wrapper" style="background-color:#F18C3C;">
+
<p style="line-height:10px; font-weight:bold;">
-
  <div id="footer-contents">
+
Cupid / HokkaidoU
-
    <div id="footer-logo">
+
</p>
-
    </div>
+
<p style="line-height:20px; font-size:15px;">
-
    <div id="footer-twitter">
+
A wonderful sprite in the village. He sometimes helps a villager whimsically.
-
    </div>
+
</p>
-
  </div>
+
</div>
</div>
 +
</div>
 +
  </div>
 +
</div>
-
<!--end footer-->
+
<div class="bb-item">
 +
                                                    <img class="book-background" src="https://static.igem.org/mediawiki/2014/3/31/HokkaidoU_Top_Book_Background.png">                                                             
 +
                                                    <div class="page-vertical-top">
 +
                                                    <div style="width:70%; left:50px; top:77px;font-size:23px; line-height:40px;" class="left-page">
 +
Once upon a time, there was a girl, Annie. She fell in love with Mike who was the darling of the town. But she had a formidable rival, Rachel. She was very positive to her love so that she always wanted to monopolize Mike.
 +
</div>
 +
    <div class="right-page">
 +
<img style="left:745px; width:170px;top:20px;" class="page-picture" src="https://static.igem.org/mediawiki/2014/3/3d/HokkaidoU_Top_Picture_watch.png">
 +
</div>
 +
</div>
 +
<div class="page-vertical-bottom">
 +
                                                    <div class="left-page">
 +
<img style="bottom:12px;left:-50px;" class="page-picture" src="https://static.igem.org/mediawiki/2014/d/d4/HokkaidoU_Top_Picutre_mRNA-Ribosome.png">
 +
                                                    </div>
 +
    <div style="width:59%; left:350px; top:15px;font-size:23px; line-height:40px;" class="right-page">
 +
Contrasting to her, as Annie was too shy, it was difficult for her only to approach to Mike. Nevertheless, she never stopped thinking about Mike. Cupid found such poor Annie
 +
</div>
 +
                                                    </dvi>
 +
  </div>
 +
</div>
-
</div><!--backgound-->
+
 
 +
 
 +
<div class="bb-item">
 +
                                                <img class="book-background" src="https://static.igem.org/mediawiki/2014/3/31/HokkaidoU_Top_Book_Background.png">
 +
<div class="page-vertical-top">
 +
<div style="width:30%;" class="left-page">
 +
<img style="top:-2px; left:-43px; width:320px;" class="page-picture" src="https://static.igem.org/mediawiki/2014/d/dc/HokkaidoU_Top_Book_Cupid.png">
 +
</div>
 +
<div style="width:70%; right:5%; top:95px;font-size:23px; line-height:40px;" class="right-page">
 +
As Cupid wanted to help Annie’s love, he casted a spell over her. This was the wonderful magic STEM. Enchanted her clothes turns into greatly beautiful clothes.
 +
</div>
 +
</div>
 +
<div class="page-vertical-bottom">
 +
<div style="width:65%; left:30px;font-size:23px; line-height:40px; top:41px;" class="left-page">
 +
She was very surprised to look at herself in a mirror because the girl in a mirror appeared like not herself to her. Owing to wonderful magic, she was able to have confidence and a little courage to go to Mike.
 +
</div>
 +
<div class="right-page">
 +
<img style="left:633px; bottom:24px; width:362px;" class="page-picture" src="https://static.igem.org/mediawiki/2014/e/e4/HokkaidoU_Top_Book_Transform.png">
 +
</div>
 +
 
 +
</div>
 +
</div>
 +
 
 +
 
 +
<div class="bb-item">
 +
                                                <img class="book-background" src="https://static.igem.org/mediawiki/2014/3/31/HokkaidoU_Top_Book_Background.png">                                                    <div style="left:100px; top:89px; width:80%;font-size:23px; line-height:40px;" class="page-vertical-top">
 +
Mike fell in love with changed as at first sight.
 +
“Just a small change of myself makes my world more wonderful than I have dreamed ever.”
 +
Although antisense couldn’t hide her surprise, she felt very happy.
 +
And then, antisense and mRNA were together happily forever. 
 +
 
 +
</div>
 +
<div class="page-vertical-bottom">
 +
<div class="left-page">
 +
<img style="width:113px;bottom:90px;left:-45px;" class="page-picture" src="https://static.igem.org/mediawiki/2014/6/69/HokkaidoU_Top_Book_Ribosome_ki-.png">
 +
<img style="width:180px; bottom:-14px; left:28px;" class="page-picture" src="https://static.igem.org/mediawiki/2014/c/c5/HokkaidoU_Top_Book_one-eye.png">
 +
</div>
 +
<div class="right-page">
 +
<img style="width:180px; left:570px; bottom:-28px;" class="page-picture" src="https://static.igem.org/mediawiki/2014/8/81/HokkaidoU_Top_Book_newas.png">
 +
</div>
 +
</div>
 +
</div>
 +
<div class="bb-item">
 +
<img class="book-background" src="https://static.igem.org/mediawiki/2014/3/31/HokkaidoU_Top_Book_Background.png">
 +
<div class="left-page">
 +
<img  class="picture-last" src="https://static.igem.org/mediawiki/2014/4/43/HokkaidoU_Top_Book_last.png">
 +
</div>
 +
<div class="right-page">
 +
<img class="picture-fin" src="https://static.igem.org/mediawiki/2014/8/82/Fin.png">
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
 
 +
<nav>
 +
<a id="bb-nav-prev" href="#"><i class="fa fa-angle-left  fa-2x"></i></a>
 +
<a id="bb-nav-next" href="#"><i class="fa fa-angle-right fa-2x"></i></a>
 +
</nav>
 +
</div>
 +
</div><!-- /container -->
 +
<!--begin footer-->
 +
 
 +
<div id="footer-wrapper" style="background-color: #d92424;">
 +
  <div id="footer-content">
 +
<div id="footer-logo">
 +
<a href="http://igemhokkaidou.com/"><img style="height:150px;position:relative;" src="https://static.igem.org/mediawiki/2014/3/39/HokkaidoU_logo_transparent.png"></a>
 +
</div>
 +
<div id="footer-twitter">
 +
        <a href="http://twitter.com/igem_hokkaidou"><img style="height:150px; position:relative; bottom:0;" src="https://static.igem.org/mediawiki/2014/3/3b/HokkaidoU_Footer_Twitter.png"></a>
 +
    </div>
 +
 
 +
 
 +
  </div>
 +
</div>
 +
</div><!--background-->
</html>
</html>
 +
{{Team:HokkaidoU_Japan/CSS}}
 +
{{Team:HokkaidoU_Japan/Top_Header/CSS}}
 +
{{Team:HokkaidoU_Japan/LargeDropDown/CSS}}
{{Team:HokkaidoU_Japan/JS}}
{{Team:HokkaidoU_Japan/JS}}
 +
{{Team:HokkaidoU_Japan/Book/CSS}}
 +
{{Team:HokkaidoU_Japan/Footer/CSS}}

Latest revision as of 08:38, 16 October 2014

This is a love story of a girl,
her name is Annie. She was a very shy girl, however she had a strong feeling in love so it would be never having lost anybody. Cupid found Annie and then helped her love. Well, how was it going her future of a romance?

Annie / asRNA

The shiest girl in the village, but has a feeling to Mike in secrecy.

Mike / mRNA

The most popular boy in the village, but a little indecisive.

Rachel / ribosome

The most confident girl in the village. She loves Mike and approaches him positively.

Cupid / HokkaidoU

A wonderful sprite in the village. He sometimes helps a villager whimsically.

Once upon a time, there was a girl, Annie. She fell in love with Mike who was the darling of the town. But she had a formidable rival, Rachel. She was very positive to her love so that she always wanted to monopolize Mike.
Contrasting to her, as Annie was too shy, it was difficult for her only to approach to Mike. Nevertheless, she never stopped thinking about Mike. Cupid found such poor Annie
As Cupid wanted to help Annie’s love, he casted a spell over her. This was the wonderful magic STEM. Enchanted her clothes turns into greatly beautiful clothes.
She was very surprised to look at herself in a mirror because the girl in a mirror appeared like not herself to her. Owing to wonderful magic, she was able to have confidence and a little courage to go to Mike.
Mike fell in love with changed as at first sight. “Just a small change of myself makes my world more wonderful than I have dreamed ever.” Although antisense couldn’t hide her surprise, she felt very happy. And then, antisense and mRNA were together happily forever.