Team:HokkaidoU Japan

From 2014.igem.org

(Difference between revisions)
 
(150 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>
</ul>
</ul>
<ul>
<ul>
-
<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-senseB0034</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="">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 57: Line 60:
</li>
</li>
<li class="menu_button">
<li class="menu_button">
-
<span class="menu-list"><span>Policy and Practice</span></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#Evaluation">Evaluation</a></li>
</ul>
</ul>
</div>
</div>
Line 85: 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 94: 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 102: Line 110:
                                               </div>      
                                               </div>      
                                             </div>
                                             </div>
-
 
<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">
+
                                                    <img class="book-background" src="https://static.igem.org/mediawiki/2014/3/31/HokkaidoU_Top_Book_Background.png">                                                              
-
                                                    <div class="page-title">
+
    <div class="left-page">
-
                                                    INDEX
+
<div class="text-box">
 +
<p>
 +
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?
 +
 
 +
</p>
 +
</div>
                                                     </div>
                                                     </div>
-
                                                     <div class="left-page">
+
                                                     <div class="right-page">
-
                                                      <div class="book-index">
+
<div class="page-vertical-top">
-
                                                      <ul>
+
<div class="left-up">
-
                                                        <li>Projects</li>
+
<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">
-
                                                          <ul>
+
<p style="line-height:10px; font-weight:bold; position:relative; top:10px;">
-
                                                            <li>H-Stem System</li>
+
Annie / asRNA
-
                                                            <ul>
+
</p>
-
                                                              <li>Overview</li>
+
<p  style="line-height:20px; font-size:15px; position:relative; top:10px;">
-
                                                                <li>Method</li>
+
The shiest girl in the village, but has a feeling to Mike in secrecy.
-
                                                                <li>Results</li>
+
</p>
-
                                                                <li>Conclusion</li>
+
</div>
-
                                                              </ul>
+
 
-
                                                            <li>asB0034</li>
+
<div class="right-up">
-
                                                            <ul>
+
<img class="character-pic" src="https://static.igem.org/mediawiki/2014/b/b8/HokkaidoU_Top_Book_mRNA.png">
-
                                                              <li>Overview</li>
+
<p style="line-height:10px; font-weight:bold; position:relative; top:10px;">
-
                                                              <li>Method</li>
+
Mike / mRNA
-
                                                              <li>Results</li>
+
</p>
-
                                                              <li>Conclusion</li>
+
<p style="line-height:20px; font-size:15px; position:relative; top:10px;">
-
                                                            </ul>
+
The most popular boy in the village, but a little indecisive.
-
                                                            <li>Length</li>
+
</p>
-
                                                            <ul>
+
</div>
-
                                                              <li>Overview</li>
+
 
-
                                                              <li>Method</li>
+
</div>
-
                                                              <li>Results</li>
+
 
-
                                                              <li>Conclusion</li>
+
<div class="page-vertical-bottom">
-
                                                            </ul>
+
<div class="left-bottom">
-
                                                        </ul>
+
<img class="character-pic" src="https://static.igem.org/mediawiki/2014/0/0f/HokkaidoU_Top_Book_Ribosome.png">
-
                                                      </ul>
+
<p style="line-height:10px; font-weight:bold; position:relative; top:10px;">
-
                                                      </div>
+
Rachel / ribosome
-
                                                      </div>
+
</p>
-
                                                      <div class="right-page">
+
<p style="line-height:20px; font-size:15px; position:relative; top:10px;">
-
                                                        <div class="book-index">
+
The most confident girl in the village. She loves Mike and approaches him positively.
-
                                                          <ul class="fa-ul">
+
</p>
-
                                                            <li>Outreach</li>
+
</div>
-
                                                              <ul>
+
 
-
                                                                <li>Highschool Visiting</li>
+
<div class="right-bottom">
-
                                                                <li>Survey</li>
+
<img style="top:40px;" class="character-pic" src="https://static.igem.org/mediawiki/2014/8/8f/HokkaidoU_Top_Book_cupid.png">
-
                                                              </ul>
+
<p style="line-height:10px; font-weight:bold; position:relative; top:60px;">
-
                                                              <li>About Us</li>
+
Cupid / HokkaidoU
-
                                                              <ul>
+
</p>
-
                                                                <li>Acknowledgement</li>
+
<p style="line-height:20px; font-size:15px; position:relative; top:60px;">
-
                                                                <li>Team</li>
+
A wonderful sprite in the village. He sometimes helps a villager whimsically.
-
                                                              </ul>
+
</p>
-
                                                            </ul>
+
</div>
-
                                                        </div>
+
</div>
-
                                                      </div>
+
  </div>
-
</div>
+
</div>
Line 161: Line 173:
                                                     <img class="book-background" src="https://static.igem.org/mediawiki/2014/3/31/HokkaidoU_Top_Book_Background.png">                                                               
                                                     <img class="book-background" src="https://static.igem.org/mediawiki/2014/3/31/HokkaidoU_Top_Book_Background.png">                                                               
                                                     <div class="page-vertical-top">
                                                     <div class="page-vertical-top">
-
                                                     <div style="width:70%; left:50px; top:100px;" class="left-page">
+
                                                     <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>
    <div class="right-page">
    <div class="right-page">
-
<img style="left:745px; width:170px;" class="page-picture" src="https://static.igem.org/mediawiki/2014/3/3d/HokkaidoU_Top_Picture_watch.png">
+
<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>
</div>
<div class="page-vertical-bottom">
<div class="page-vertical-bottom">
                                                     <div class="left-page">
                                                     <div class="left-page">
-
<img style="bottom:40px;left:-50px;" class="page-picture" src="https://static.igem.org/mediawiki/2014/d/d4/HokkaidoU_Top_Picutre_mRNA-Ribosome.png">
+
<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>
-
    <div style="width:60%; left:350px; top:100px;" 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.
</div>
</div>
                                                     </dvi>
                                                     </dvi>
Line 184: Line 196:
                                                 <img class="book-background" src="https://static.igem.org/mediawiki/2014/3/31/HokkaidoU_Top_Book_Background.png">
                                                 <img class="book-background" src="https://static.igem.org/mediawiki/2014/3/31/HokkaidoU_Top_Book_Background.png">
<div class="page-vertical-top">
<div class="page-vertical-top">
-
<div style="width:30%; " class="left-page">
+
<div style="width:30%;" class="left-page">
-
<img style="top:-50px; left:-14px;" 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:150px;" class="right-page">
+
<div style="width:70%; right:5%; top:90px;font-size:23px; line-height:40px;" class="right-page">
-
春は曙。やうやう白く成り行く山際。 少しあかりて紫だちたる雲の細くたなびきたる。<br>
+
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:70%; left:30px; " class="left-page">
+
<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.
-
 二つ三つなど飛び急ぐさへあはれなり。
+
-
 まいて、雁などのつらねたるが、いと小さく見ゆるは、いとをかし。
+
-
 日入り果てて、風の音、虫の音など、はた言ふべきにあらず。<br>
+
</div>
</div>
<div class="right-page">
<div class="right-page">
-
<img style="left:690px; bottom:20px;" class="page-picture" src="https://static.igem.org/mediawiki/2014/e/e4/HokkaidoU_Top_Book_Transform.png">
+
<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>
Line 208: Line 217:
<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:150px; width:80%" 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 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. 
 +
 
</div>
</div>
<div class="page-vertical-bottom">
<div class="page-vertical-bottom">
<div class="left-page">
<div class="left-page">
-
<img style="width:180px; bottom:50px;" class="page-picture" src="https://static.igem.org/mediawiki/2014/c/c5/HokkaidoU_Top_Book_one-eye.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:-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">
-
<img style="width:180px; left:600px; bottom:30px;" class="page-picture" src="https://static.igem.org/mediawiki/2014/8/81/HokkaidoU_Top_Book_newas.png">
+
<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>
Line 223: Line 237:
  <img class="book-background" src="https://static.igem.org/mediawiki/2014/3/31/HokkaidoU_Top_Book_Background.png">  
  <img class="book-background" src="https://static.igem.org/mediawiki/2014/3/31/HokkaidoU_Top_Book_Background.png">  
<div class="left-page">
<div class="left-page">
-
<img style="width:180px; bottom:50px;" class="page-picture" src="https://static.igem.org/mediawiki/2014/c/c5/HokkaidoU_Top_Book_one-eye.png">
+
<img class="picture-last" src="https://static.igem.org/mediawiki/2014/4/43/HokkaidoU_Top_Book_last.png">
 +
</div>
<div class="right-page">
<div class="right-page">
-
<img style="width:180px; left:600px; bottom:30px;" class="page-picture" src="https://static.igem.org/mediawiki/2014/8/81/HokkaidoU_Top_Book_newas.png">
+
<img class="picture-fin" src="https://static.igem.org/mediawiki/2014/8/82/Fin.png">
-
</div>
+
</div>
</div>
</div>
</div>
Line 233: 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-logo">
-
hogehoge
+
<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>
Line 252: Line 270:
</div>
</div>
</div><!--background-->
</div><!--background-->
-
<link href='http://fonts.googleapis.com/css?family=Walter+Turncoat' 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/Top_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.