Team:Kyoto/Human Practice/Lectures

From 2011.igem.org

(Difference between revisions)
(→Human Practice Lecture)
(→Human Practice Lecture)
 
(36 intermediate revisions not shown)
Line 2: Line 2:
{{Kyoto_Foreground|active_page=consideration}}
{{Kyoto_Foreground|active_page=consideration}}
{{Kyoto_WikiDesign}}
{{Kyoto_WikiDesign}}
 +
 +
<html><style type="text/css">
 +
.photo {
 +
    float: left;
 +
    width: 50%;
 +
}
 +
</style></html>
=Human Practice Lecture=
=Human Practice Lecture=
We went to four high school and ELCAS, a special course of science aimed at high school students.<br/>
We went to four high school and ELCAS, a special course of science aimed at high school students.<br/>
-
All Lectures were big successes.<br/>
+
All Lectures were big successes.<br/><br/>
-
==Toudaizi gakuen high school==
 
-
<html>
+
We used these slides in order to teach synthetic biology.
-
        <div id="backpanel">
+
-
        <div id="album">
+
-
<!-- start album -->
+
-
            <div id="album_base">
+
-
                <div class="album_panel panel1"></div>
+
-
                <div class="album_panel panel2"></div>
+
-
                <div class="album_panel panel3"></div>
+
-
                <div class="album_panel panel4"></div>
+
-
                <div class="album_panel panel5"></div>
+
-
                <div class="album_panel panel6"></div>
+
-
                <div class="album_panel panel7"></div>
+
-
                <div class="album_panel panel8"></div>
+
-
                <div class="album_panel panel9"></div>
+
-
                <div class="album_panel panel10"></div>
+
-
                <div class="album_panel panel11"></div>
+
-
                <div class="album_panel panel12"></div>
+
-
                <div class="album_panel panel13"></div>
+
-
                <div class="album_panel panel14"></div>
+
-
                <div class="album_panel panel15"></div>
+
-
                <div class="album_panel panel16"></div>
+
-
                <div class="album_panel panel17"></div>
+
-
                <div class="album_panel panel8"></div>
+
-
                <div class="album_panel panel19"></div>
+
-
                <div class="album_panel panel20"></div>
+
-
                <div class="album_panel panel21"></div>
+
-
                <div class="album_panel panel22"></div>
+
-
            </div>
+
-
        </div>
+
-
<!-- end album -->
+
-
        </div>
+
-
        <div id="control">
+
-
            <input type="button" value="prev" onclick="prev()"></input>
+
-
            <input type="button" value="next" onclick="next()"></input>
+
-
        </div>
+
-
<style type="text/css">#backpanel {
+
-
    width: 700px;
+
-
    height: 525px;
+
-
    margin: 0px auto;
+
-
    padding: 10px;
+
-
    background-color: #eeeeee;
+
-
}
+
-
#album {
+
[[Lecture/jp | Lecture slides in Japanese]]
-
    position: absolute;
+
-
    width: 700px;
+
-
    height: 525px;
+
-
    margin: 0px;
+
-
    padding: 0px;
+
-
    overflow: hidden;
+
-
}
+
-
#album_base {
+
[[Lecture/en | Lecture slides in English]]
-
    position: absolute;
+
-
    width: 700px;
+
-
    height: 525px;
+
-
    background-color: #ffffff;
+
-
}
+
-
.album_panel {
 
-
    width: 700px;
 
-
    height: 525px;
 
-
    margin: 0px;
 
-
    padding: 0px;
 
-
    float: left;
 
-
}
 
-
#control {
+
==Toudaiji gakuen ==
-
    margin: 0px auto;
+
-
    width: 350px;
+
-
    text-align: center;
+
-
}
+
-
.panel1 { background-image: url("images/igem Kyoto.001.png") }
+
<div class="photo">[[file:toudai-ji1.jpg|350px]]</div>
-
.panel2 { background-image: url("images/igem Kyoto.002.png") }
+
<div class="photo">[[File:Toudaizi2.JPG|350px]]</div>
-
.panel3 { background-image: url("images/igem Kyoto.003.png") }
+
<div class="photo">[[File:Toudaizi3.JPG|350px]]</div>
-
.panel4 { background-image: url("images/igem Kyoto.004.png") }
+
<div class="photo">[[File:Toudaizi4.JPG|350px]]</div>
-
.panel5 { background-image: url("images/igem Kyoto.005.png") }
+
<br/>
-
.panel6 { background-image: url("images/igem Kyoto.006.png") }
+
-
.panel7 { background-image: url("images/igem Kyoto.007.png") }
+
-
.panel8 { background-image: url("images/igem Kyoto.008.png") }
+
-
.panel9 { background-image: url("images/igem Kyoto.009.png") }
+
-
.panel10 { background-image: url("images/igem Kyoto.010.png") }
+
-
.panel11 { background-image: url("images/igem Kyoto.011.png") }
+
-
.panel12 { background-image: url("images/igem Kyoto.012.png") }
+
-
.panel13 { background-image: url("images/igem Kyoto.013.png") }
+
-
.panel14 { background-image: url("images/igem Kyoto.014.png") }
+
-
.panel15 { background-image: url("images/igem Kyoto.015.png") }
+
-
.panel16 { background-image: url("images/igem Kyoto.016.png") }
+
-
.panel17 { background-image: url("images/igem Kyoto.017.png") }
+
-
.panel18 { background-image: url("images/igem Kyoto.018.png") }
+
-
.panel19 { background-image: url("images/igem Kyoto.019.png") }
+
-
.panel20 { background-image: url("images/igem Kyoto.020.png") }
+
-
.panel21 { background-image: url("images/igem Kyoto.021.png") }
+
-
.panel22 { background-image: url("images/igem Kyoto.022.png") }
+
-
</style>
+
-
    <script src="http://code.jquery.com/jquery-latest.js"></script>
+
-
    <script type="text/javascript" src="album.js"></script>
+
-
    <script type="text/javascript">
+
-
$(document).ready(function () {    var x_0 = 0;
+
-
    var x_max = 0;
+
-
function init() {
+
==Rakunan==
-
    var parent = $("#album_base");
+
-
    var children = $("#album_base").children();
+
-
    x_max = (children.length-1) * children.outerWidth();
+
-
    parent.css("width",x_max+children.outerWidth());
+
-
}
+
-
function prev() {
 
-
    var base = $("#album_base");
 
-
    if (base.position().left >= x_0) return;
 
-
    var panel = base.children();
 
-
    base.animate({
 
-
        "left" : base.position().left+panel.outerWidth()
 
-
    },500,function(){});
 
-
}
 
-
function next() {
+
<div class="photo">[[file:Rakunan4.JPG|350px]]</div>
-
    var base = $("#album_base");
+
<div class="photo">[[File:Rakunan.JPG|350px]]</div>
-
    if (base.position().left <= -x_max) return;
+
<div class="photo">[[File:rakunan2.JPG|350px]]</div>
-
    var panel = base.children();
+
<div class="photo">[[File:rakunan3.JPG|350px]]</div>
-
    base.animate({
+
<br/>
-
        "left" : base.position().left-panel.outerWidth()
+
==hibiya==
-
    },500,function(){});
+
 
-
}
+
 
-
    init();
+
<div class="photo">[[File:Igem hibiya.jpg|350px]]</div>
-
});
+
<div class="photo">[[File:Igem bhibiya.jpg|350px]]</div>
-
    </script>
+
<br/>
-
</html>
+
==rakusei==
 +
 
 +
<div class="photo">[[File:らくせい.jpg|350px]]</div>
 +
<div class="photo">[[File:らくせい１.jpg|350px]]</div>
 +
<div class="photo">[[File:らくせい３.jpg|350px]]</div>
 +
<div class="photo">[[File:らくせい４.jpg|350px]]</div>
 +
<br/>
 +
==ELCAS==
-
[[file:toudai-ji1.jpg|350px]]
+
<div class="photo">[[File:elcas.jpg|350px]]</div>
 +
<div class="photo">[[File:elcas2.jpg|350px]]</div>
 +
<br/>

Latest revision as of 00:49, 6 October 2011

Contents

Human Practice Lecture

We went to four high school and ELCAS, a special course of science aimed at high school students.
All Lectures were big successes.


We used these slides in order to teach synthetic biology.

Lecture slides in Japanese

Lecture slides in English


Toudaiji gakuen

Toudai-ji1.jpg
Toudaizi2.JPG
Toudaizi3.JPG
Toudaizi4.JPG


Rakunan

Rakunan4.JPG
Rakunan.JPG
Rakunan2.JPG
Rakunan3.JPG


hibiya

Igem hibiya.jpg
Igem bhibiya.jpg


rakusei

らくせい.jpg
らくせい１.jpg
らくせい３.jpg
らくせい４.jpg


ELCAS

Elcas.jpg
Elcas2.jpg


Retrieved from "http://2011.igem.org/Team:Kyoto/Human_Practice/Lectures"