Difference between revisions of "Team:Tianjin/Model"

Line 13: Line 13:
 
<link href="https://2017.igem.org/Team:Tianjin/Resources/CSS:collapse-card?action=raw&ctype=text/css
 
<link href="https://2017.igem.org/Team:Tianjin/Resources/CSS:collapse-card?action=raw&ctype=text/css
 
" rel="stylesheet">
 
" rel="stylesheet">
 +
<link href="https://2017.igem.org/Team:Tianjin/Resources/CSS:maincssmap?action=raw&ctype=text/css" rel="stylesheet">
 
<script src="https://2017.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
 
<script src="https://2017.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
 
<script type="text/javascript" src="https://2017.igem.org/Team:Tianjin/Resources/JS:collapse-card?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2017.igem.org/Team:Tianjin/Resources/JS:collapse-card?action=raw&ctype=text/javascript"></script>
Line 174: Line 175:
 
margin-left: 15px;
 
margin-left: 15px;
 
border-left: 10px solid
 
border-left: 10px solid
 +
}
 +
#map p {
 +
font-size: 1.2em;
 +
font-weight: 400;
 +
line-height: 1em;
 +
text-align: justify;
 +
font-family: 'LiberationSerif-Regular', sans-serif;
 +
margin: 0;
 +
padding: 0 1em 1em 1em;
 +
color: #f8f8f8;
 +
border: none;
 +
}
 +
#map h2 {
 +
font-size: 1.2em;
 +
font-weight: 700;
 +
text-align: center;
 +
font-family: 'raleway', sans-serif;
 +
text-shadow: none;
 +
background: none;
 +
border: none;
 +
color: #f8f8f8;
 +
box-shadow: none;
 +
padding: 0 2em 0 2em;
 
}
 
}
  
 +
#mappppp
 +
{
 +
    position: relative;
 +
    -moz-box-sizing: border-box;
 +
    box-sizing: border-box;
 +
}
 
</style>
 
</style>
 
<style>
 
<style>
Line 496: Line 526:
 
<h4>Map Drawing</h4>
 
<h4>Map Drawing</h4>
 
<p>We stored data we collected as .mat file in MATLAB, and then we use the worldmap and our map drawing command to draw our World Copper and Cadmium Pollution Map.</p>
 
<p>We stored data we collected as .mat file in MATLAB, and then we use the worldmap and our map drawing command to draw our World Copper and Cadmium Pollution Map.</p>
<img>
+
 
 +
 
 +
 
 +
<div id="map">
 +
<div class="distribution-map">
 +
 
 +
    <img src="https://static.igem.org/mediawiki/2017/1/15/Tianjin-copperworldwide.jpg" />
 +
 +
    <button class="map-point" style="top:32%;left:32%">
 +
        <div id="mappppp" class="content">
 +
            <div class="centered-y">
 +
                <h2>USA</h2>
 +
                <p>Seen form the data got from National Wetland Condition Assessment (NWCA), the copper concentration is general low when compared to the world. </p>
 +
            </div>
 +
        </div>
 +
    </button>
 +
 +
    <button class="map-point" style="top:25%;left:55%">
 +
        <div id="mappppp" class="content">
 +
            <div class="centered-y">
 +
                <h2>Europe</h2>
 +
                <p>Seen form the data got from FOREGS-EuroGeoSurveys Geochemical Baseline Database, the copper concentration is general low when compared to the world. </p>
 +
            </div>
 +
        </div>
 +
    </button>
 +
 +
    <button class="map-point" style="top:56%;left:43%">
 +
        <div id="mappppp" class="content">
 +
            <div class="centered-y">
 +
                <h2>Brazil</h2>
 +
                <p>We get data from web of science, so it cannot represent Brazilian soil copper concentration comprehensively. Seen form the data got from web of science, many regions in Brazil have a high and even very high concentration.</p>
 +
            </div>
 +
        </div>
 +
    </button>
 +
 +
    <button class="map-point" style="top:70%;left:40%">
 +
        <div id="mappppp" class="content">
 +
            <div class="centered-y">
 +
                <h2>Africa</h2>
 +
                <p>We get data from web of science, so it cannot represent African soil copper concentration comprehensively. Seen form the data got from web of science, many regions in Africa have a high and even very high concentration.</p>
 +
            </div>
 +
        </div>
 +
    </button>
 +
 +
    <button class="map-point" style="top:40%;left:68%">
 +
        <div id="mappppp" class="content">
 +
            <div class="centered-y">
 +
                <h2>India</h2>
 +
                <p>We get data from web of science, so it cannot represent Indian soil copper concentration comprehensively. Seen form the data got from web of science, many regions in India have a high and even very high concentration.</p>
 +
            </div>
 +
        </div>
 +
    </button>
 +
    <button class="map-point" style="top:35%;left:74%">
 +
        <div id="mappppp" class="content">
 +
            <div class="centered-y">
 +
                <h2>China</h2>
 +
                <p>Seen form the data got from Team Jianchao Li, Shaanxi Normal University, when the copper concentration is general low or moderate, some regions have high and even very high concentration when compared to the world. </p>
 +
            </div>
 +
        </div>
 +
    </button>
 +
 +
</div>
 +
</div>
 +
 
 +
<p>Data base</p>
 +
 
 +
 
 
<h4>Analysis of World Copper and Cadmium Pollution Map</h4>
 
<h4>Analysis of World Copper and Cadmium Pollution Map</h4>
 
<p>This part is shown in website of human practice<a href="https://2017.igem.org/Team:Tianjin/Collaborations"><i class="fa fa-hand-o-right" aria-hidden="true"></i></a></p>
 
<p>This part is shown in website of human practice<a href="https://2017.igem.org/Team:Tianjin/Collaborations"><i class="fa fa-hand-o-right" aria-hidden="true"></i></a></p>

Revision as of 10:52, 27 October 2017

/* OVERRIDE IGEM SETTINGS */

Model