Team:HokkaidoU Japan

From 2014.igem.org

(Difference between revisions)
 
(87 intermediate revisions not shown)
Line 1: Line 1:
<html class="demo-1">
<html class="demo-1">
 +
<link href='http://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'>
 +
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<div id="background">
<div id="background">
Line 6: Line 8:
   <div id="top-header">
   <div id="top-header">
     <div>
     <div>
-
      <img id="header-image" src="https://static.igem.org/mediawiki/2014/7/77/HokkaidoU_Top_Header.png">  
+
<img id="header-image" src="https://static.igem.org/mediawiki/2014/7/77/HokkaidoU_Top_Header.png">
     </div>
     </div>
   </div>
   </div>
Line 14: Line 16:
     <div class="box">
     <div class="box">
   <div id="box-wrapper">  
   <div id="box-wrapper">  
-
 
+
<a href="http://igemhokkaidou.wordpress.com"><img style="position:relative; float:left; left:150px;" src="https://static.igem.org/mediawiki/2014/7/75/HokkaidoU_top_logo.png"></a>
       <ul id="ldd_menu" class="ldd_menu">
       <ul id="ldd_menu" class="ldd_menu">
                                 <li>
                                 <li>
Line 23: 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/Background">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/Background">Background</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/Achievements">Achievements</a></li>
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/Overview/Achievements">Achievements</a></li>
Line 45: Line 46:
<ul>
<ul>
<li class="ldd_heading"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/Length">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="">Overview</a></li>
+
            <li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Projects/Length">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 60: Line 61:
<li class="menu_button">
<li class="menu_button">
<span class="menu-list"><span style="position:relative; top:10px;">Outreach</span></span>
<span class="menu-list"><span style="position:relative; top:10px;">Outreach</span></span>
-
<div class="ldd_submenu" style="width:204px; left:-30px;">
+
<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">Policy & Practice</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">Policy</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">Practice</a></li>
+
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Outreach/Univ_festival#Survey">Survey</a></li>
-
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Policy_And_Practice/Survey#School_Festival">Survey</a></li>
+
</ul>
-
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Policy_And_Practice/Survey#High_School">Evaluation</a></li>
+
<ul>
 +
<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/Outreach/Survey#Education">Education</a></li>
 +
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Outreach/Survey#Survey">Survey</a></li>
 +
</ul>
 +
<ul>
 +
<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/Outreach/Discussion#Background">Background</a></li>
 +
<li class="ldd_contents"><a href="https://2014.igem.org/Team:HokkaidoU_Japan/Outreach/Discussion#Evaluation">Evaluation</a></li>
</ul>
</ul>
</div>
</div>
Line 79: Line 88:
</ul>
</ul>
                                         </div>
                                         </div>
-
 
</li>
</li>
-
 
 
</ul>
</ul>
 +
  <a href="https://igem.org/Main_Page"><img style="position:relative;float:right;top:-40px;right:135px;" src="https://static.igem.org/mediawiki/2014/0/07/HokkaidoU_Top_HQ.png"></a>
 +
     </div>
     </div>
</div>
</div>
Line 88: Line 97:
<!--end menu-->
<!--end menu-->
<div class="container">
<div class="container">
 +
<div class="bb-custom-wrapper">
<div class="bb-custom-wrapper">
 +
<div style="margin: 100px 0 -80px;">
 +
<h1 style="font-family: 'Special Elite', cursive; font-size: 48px;">~ RNA in love ~</h1>
 +
<h3 style="font-family: 'Special Elite', cursive; font-size: 24px;">This year iGEM HokkaidoU invites you to a lovely story ...</h3>
 +
</div>
<div id="bb-bookblock" class="bb-bookblock">
<div id="bb-bookblock" class="bb-bookblock">
                                             <div class="bb-item">
                                             <div class="bb-item">
Line 96: Line 110:
                                               </div>      
                                               </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="page-title">
 
-
                                                    INDEX
 
-
                                                    </div>
 
-
                                                    <div class="index-left">
 
-
                                                      <div class="book-index">
 
-
                                                      <ul>
 
-
                                                        <li>Projects</li>
 
-
                                                          <ul>
 
-
                                                            <li>H-stem System</li>
 
-
                                                            <ul>
 
-
                                                              <li>Overview</li>
 
-
                                                                <li>Method</li>
 
-
                                                                <li>Results</li>
 
-
                                                                <li>Conclusion</li>
 
-
                                                              </ul>
 
-
<br>
 
-
                                                            <li>Anti-Sense B0034</li>
 
-
                                                            <ul>
 
-
                                                              <li>Overview</li>
 
-
                                                              <li>Method</li>
 
-
                                                              <li>Results</li>
 
-
                                                              <li>Conclusion</li>
 
-
                                                            </ul>
 
-
 
-
                                                        </ul>
 
-
                                                      </ul>
 
-
                                                      </div>
 
-
                                                      </div>
 
-
                                                      <div class="index-right">
 
-
                                                        <div class="book-index">
 
-
                                                          <ul class="fa-ul">
 
-
                                                          <ul style="position:relative; left:-50px;">
 
-
                                                          <li>Length Variation</li>
 
-
                                                            <ul>
 
-
                                                              <li>Overview</li>
 
-
                                                              <li>Method</li>
 
-
                                                              <li>Results</li>
 
-
                                                              <li>Conclusion</li>
 
-
                                                            </ul>
 
-
                                                            </ul>
 
-
                                                            <li>Policy and Practice</li>
 
-
                                                              <ul>
 
-
                                                                <li>Highschool Visiting</li>
 
-
                                                                <li>Survey</li>
 
-
                                                                <li>Estimation</li>
 
-
                                                              </ul>
 
-
                                                              <li>About Us</li>
 
-
                                                              <ul>
 
-
                                                                <li>Acknowledgement</li>
 
-
                                                                <li>Team</li>
 
-
                                                              </ul>
 
-
                                                            </ul>
 
-
                                                        </div>
 
-
                                                      </div>
 
-
</div>
 
<div class="bb-item">
<div class="bb-item">
Line 161: Line 116:
<div class="text-box">
<div class="text-box">
<p>
<p>
-
This is a love story of a girl, <br>her name is Annie.  
+
This is a love story of one shy girl called Annie. She was very hesitant, but her passion for him was second to none. One day, Cupid found Annie and helped her. Well, how would the future of her romance going to be?
-
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>
</p>
Line 172: Line 124:
<div class="page-vertical-top">
<div class="page-vertical-top">
<div class="left-up">
<div class="left-up">
-
<img class="character-pic" src="https://static.igem.org/mediawiki/2014/c/c6/HokkaidoU_Top_Book_as.png">
+
<img style="width:101px;margin-bottom:10px; top:20px;" 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;">
+
<p style="line-height:10px; font-weight:bold; position:relative; top:10px;">
Annie / asRNA
Annie / asRNA
</p>
</p>
-
<p  style="line-height:20px; font-size:15px;">
+
<p  style="line-height:20px; font-size:15px; position:relative; top:10px;">
The shiest girl in the village, but has a feeling to Mike in secrecy.
The shiest girl in the village, but has a feeling to Mike in secrecy.
</p>
</p>
Line 183: Line 135:
<div class="right-up">
<div class="right-up">
<img class="character-pic" src="https://static.igem.org/mediawiki/2014/b/b8/HokkaidoU_Top_Book_mRNA.png">
<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;">
+
<p style="line-height:10px; font-weight:bold; position:relative; top:10px;">
Mike / mRNA
Mike / mRNA
</p>
</p>
-
<p style="line-height:20px; font-size:15px;">
+
<p style="line-height:20px; font-size:15px; position:relative; top:10px;">
The most popular boy in the village, but a little indecisive.
The most popular boy in the village, but a little indecisive.
</p>
</p>
Line 196: Line 148:
<div class="left-bottom">
<div class="left-bottom">
<img class="character-pic" src="https://static.igem.org/mediawiki/2014/0/0f/HokkaidoU_Top_Book_Ribosome.png">
<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;">
+
<p style="line-height:10px; font-weight:bold; position:relative; top:10px;">
Rachel / ribosome
Rachel / ribosome
</p>
</p>
-
<p style="line-height:20px; font-size:15px;">
+
<p style="line-height:20px; font-size:15px; position:relative; top:10px;">
The most confident girl in the village. She loves Mike and approaches him positively.
The most confident girl in the village. She loves Mike and approaches him positively.
</p>
</p>
Line 205: Line 157:
<div class="right-bottom">
<div class="right-bottom">
-
<img class="character-pic" src="https://static.igem.org/mediawiki/2014/8/8f/HokkaidoU_Top_Book_cupid.png">
+
<img style="top:40px;" class="character-pic" src="https://static.igem.org/mediawiki/2014/8/8f/HokkaidoU_Top_Book_cupid.png">
-
<p style="line-height:10px; font-weight:bold;">
+
<p style="line-height:10px; font-weight:bold; position:relative; top:60px;">
Cupid / HokkaidoU
Cupid / HokkaidoU
</p>
</p>
-
<p style="line-height:20px; font-size:15px;">
+
<p style="line-height:20px; font-size:15px; position:relative; top:60px;">
A wonderful sprite in the village. He sometimes helps a villager whimsically.
A wonderful sprite in the village. He sometimes helps a villager whimsically.
</p>
</p>
Line 233: Line 185:
                                                     </div>
                                                     </div>
    <div style="width:59%; left:350px; top:15px;font-size:23px; line-height:40px;" class="right-page">
    <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
+
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>
</div>
                                                     </dvi>
                                                     </dvi>
Line 247: Line 199:
<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">
<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>
-
<div style="width:70%; right:5%; top:95px;font-size:23px; line-height:40px;" class="right-page">
+
<div style="width:70%; right:5%; top:90px;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.  
+
As Cupid wanted to help Annie’s love, he casted a spell over her. This was the wonderful magic STEM. Enchanted, her clothes turned into greatly beautiful clothes.  
</div>
</div>
</div>
</div>
 +
<img style="position:absolute; top:225px; left:199px; width:488px; border-radius:50px;" src="https://static.igem.org/mediawiki/2014/3/30/HokkaidoU_Top_Book_kirakira.png">
<div class="page-vertical-bottom">
<div class="page-vertical-bottom">
<div style="width:65%; left:30px;font-size:23px; line-height:40px; top:41px;" class="left-page">
<div style="width:65%; left:30px;font-size:23px; line-height:40px; top:41px;" class="left-page">
Line 265: Line 218:
<div class="bb-item">
<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">
                                                 <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.  
+
Mike fell in love with changed Annie at a first sight.  
  “Just a small change of myself makes my world more wonderful than I have dreamed ever.”
  “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.
+
Although Annie couldn’t hide her surprise, she felt very happy.
-
And then, antisense and mRNA were together happily forever.   
+
And then, Annie and Mike were together happily forever.   
</div>
</div>
<div class="page-vertical-bottom">
<div class="page-vertical-bottom">
<div class="left-page">
<div class="left-page">
-
<img style="" class="page-picture" src="https://static.igem.org/mediawiki/2014/6/69/HokkaidoU_Top_Book_Ribosome_ki-.png">
+
<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:-6px; left:55px;" class="page-picture" src="https://static.igem.org/mediawiki/2014/c/c5/HokkaidoU_Top_Book_one-eye.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>
<div class="right-page">
<div class="right-page">
Line 294: Line 247:
<nav>
<nav>
-
<a id="bb-nav-first" href="#" class="bb-custom-icon bb-custom-icon-first"><i class="fa fa-angle-double-left fa-2x"></i>
+
<a id="bb-nav-prev" href="#"><i class="fa fa-angle-left fa-2x"></i></a>
-
</a>
+
<a id="bb-nav-next" href="#"><i class="fa fa-angle-right fa-2x"></i></a>
-
<a id="bb-nav-prev" href="#" class="bb-custom-icon bb-custom-icon-arrow-left"><i class="fa fa-angle-left fa-2x"></i></a>
+
-
<a id="bb-nav-next" href="#" class="bb-custom-icon bb-custom-icon-arrow-right"><i class="fa fa-angle-right fa-2x"></i></a>
+
-
<a id="bb-nav-last"  href="#" class="bb-custom-icon bb-custom-icon-last"><i class="fa fa-angle-double-right fa-2x"></i></a>
+
</nav>
</nav>
</div>
</div>
</div><!-- /container -->
</div><!-- /container -->
 +
<div style="height:300px;" class="wrapper">
 +
<a href="https://static.igem.org/mediawiki/2014/e/ee/HokkaidoU_Top_Book.pdf"><img style="float:left;" src="https://static.igem.org/mediawiki/2014/a/a1/HokkaidoU_pdf_cupidresized.png"></a>
 +
</div>
<!--begin footer-->
<!--begin footer-->
-
<div id="footer-wrapper" style="background-color: #CD0B1B;">
+
<div id="footer-wrapper" style="background-color: #d92424; margin-top: 0;">
   <div id="footer-content">
   <div id="footer-content">
-
    <div id="footer-twitter">
+
<div id="footer-logo">
-
    <img src="https://static.igem.org/mediawiki/2014/3/3b/HokkaidoU_Footer_Twitter.png">
+
<a href="http://igemhokkaidou.wordpress.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>
Line 314: Line 270:
</div>
</div>
</div><!--background-->
</div><!--background-->
-
<link href='http://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'>
 
-
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
 
</html>
</html>
{{Team:HokkaidoU_Japan/CSS}}
{{Team:HokkaidoU_Japan/CSS}}
{{Team:HokkaidoU_Japan/Top_Header/CSS}}
{{Team:HokkaidoU_Japan/Top_Header/CSS}}
-
{{Team:HokkaidoU_Japan/LargeDropDown_Top/CSS}}
+
{{Team:HokkaidoU_Japan/LargeDropDown/CSS}}
{{Team:HokkaidoU_Japan/JS}}
{{Team:HokkaidoU_Japan/JS}}
{{Team:HokkaidoU_Japan/Book/CSS}}
{{Team:HokkaidoU_Japan/Book/CSS}}
{{Team:HokkaidoU_Japan/Footer/CSS}}
{{Team:HokkaidoU_Japan/Footer/CSS}}

Latest revision as of 15:20, 9 September 2015

~ RNA in love ~

This year iGEM HokkaidoU invites you to a lovely story ...

This is a love story of one shy girl called Annie. She was very hesitant, but her passion for him was second to none. One day, Cupid found Annie and helped her. Well, how would the future of her romance going to be?

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 turned 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 Annie at a first sight. “Just a small change of myself makes my world more wonderful than I have dreamed ever.” Although Annie couldn’t hide her surprise, she felt very happy. And then, Annie and Mike were together happily forever.