Line 1: | Line 1: | ||
+ | |||
+ | |||
{{INSA-UPS_France/Links_new}} | {{INSA-UPS_France/Links_new}} | ||
Line 4: | Line 6: | ||
{{INSA-UPS_France/Header_new}} | {{INSA-UPS_France/Header_new}} | ||
<html> | <html> | ||
+ | |||
+ | |||
<style> | <style> | ||
Line 11: | Line 15: | ||
height:100%; | height:100%; | ||
} | } | ||
+ | /* | ||
+ | footer{ | ||
+ | background: #323537; | ||
+ | width:100%; | ||
+ | height:200px; | ||
+ | |||
+ | }*/ | ||
.main_content{ | .main_content{ | ||
Line 25: | Line 36: | ||
} | } | ||
.section_container{ | .section_container{ | ||
− | width: | + | width:90%; |
min-height:100%; | min-height:100%; | ||
margin:0px auto; | margin:0px auto; | ||
position:relative; | position:relative; | ||
} | } | ||
− | @media screen and (max-width: | + | @media screen and (max-width: 900px){ |
.section_container{ | .section_container{ | ||
width:100%; | width:100%; | ||
Line 37: | Line 48: | ||
section{ | section{ | ||
background-color: rgba(255,255,255,0.2); | background-color: rgba(255,255,255,0.2); | ||
− | padding:3% | + | padding:3% 6%; |
text-align: justify; | text-align: justify; | ||
border-radius:20px; | border-radius:20px; | ||
Line 44: | Line 55: | ||
} | } | ||
+ | .main_title{ | ||
+ | height:300px; | ||
+ | font: 700 4em/1.5 'Quicksand', sans-serif; | ||
+ | position:relative; | ||
+ | letter-spacing: 0.1em; | ||
+ | z-index:10; | ||
+ | margin-bottom:50px; | ||
+ | width:100%; | ||
+ | |||
+ | } | ||
+ | .main_title > div{ | ||
+ | width:100%; | ||
+ | position:absolute; | ||
+ | bottom:-10px; | ||
+ | background:rgba(255,255,255,0.2); | ||
+ | border-radius: 20px; | ||
+ | } | ||
+ | |||
+ | .main_title p{ | ||
+ | padding:30px; | ||
+ | } | ||
− | + | .main_title img{ | |
− | + | position:absolute; | |
− | + | right:0; | |
+ | width:400px; | ||
+ | bottom:-25px; | ||
} | } | ||
Line 53: | Line 87: | ||
<!-- C O N T E N T --> | <!-- C O N T E N T --> | ||
− | |||
− | |||
− | |||
− | + | ||
− | + | ||
− | + | <main class="site-main"> | |
− | + | <div class="main_content"> | |
− | + | <div class="middle_container"> | |
+ | |||
+ | <div class="section_container"> | ||
+ | |||
+ | <section style="margin-top:200px;"> | ||
+ | <h1 style="text-align: left;margin-top:-110px;font-size:5vw;letter-spacing: 1vw;">Integrated Human Practices</h1> | ||
+ | </section> | ||
+ | |||
+ | <style> | ||
+ | section img{ | ||
+ | width:100%; | ||
} | } | ||
section h1{ | section h1{ | ||
font-family: 'Quicksand', sans-serif; | font-family: 'Quicksand', sans-serif; | ||
font-size:34pt; | font-size:34pt; | ||
− | + | margin-top:-60px; | |
text-align: right; | text-align: right; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
section p{ | section p{ | ||
Line 79: | Line 116: | ||
margin-top:20px; | margin-top:20px; | ||
} | } | ||
− | + | section ul{ | |
− | + | list-style-position: inside; | |
+ | font-family: 'Merriweather', serif; | ||
+ | font-size:14pt; | ||
+ | font-weight: 300; | ||
+ | } | ||
+ | figcaption{ | ||
+ | font-family: 'Merriweather', serif; | ||
+ | font-size:12pt; | ||
+ | font-weight: 300; | ||
+ | font-style: italic; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .right_container{ | ||
+ | width:70%; | ||
+ | margin-left:30%; | ||
+ | } | ||
+ | .article_offset{ | ||
+ | margin-bottom:20px; | ||
+ | border: solid 1px transparent; | ||
+ | } | ||
+ | section h2{ | ||
+ | font-family: 'Quicksand', sans-serif; | ||
+ | font-size:26pt; | ||
+ | margin-top: 50px; | ||
+ | } | ||
− | + | .img-right{ | |
− | + | float:right; | |
− | + | width:40%; | |
− | + | margin:30px; | |
− | + | ||
− | .img- | + | |
− | + | ||
− | + | ||
} | } | ||
− | .img- | + | .img-right img{ |
− | + | width:100%; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | + | </style> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | <div class="hp-container"> | |
+ | <div class="top-hp"> | ||
+ | <div class="steps-container"> | ||
+ | <style> | ||
.steps-container{ | .steps-container{ | ||
display:table; | display:table; | ||
Line 166: | Line 206: | ||
</style> | </style> | ||
− | < | + | <div> |
<div class="steps-container"> | <div class="steps-container"> | ||
<div class="step"><div class="selected-step" data-target="1">1</div></div> | <div class="step"><div class="selected-step" data-target="1">1</div></div> | ||
Line 183: | Line 223: | ||
<div class="step-path"><div id="path-8"></div></div> | <div class="step-path"><div id="path-8"></div></div> | ||
<div class="step"><div data-target="8">8</div></div> | <div class="step"><div data-target="8">8</div></div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | </ | + | </div> |
+ | </div> | ||
+ | </div> | ||
− | + | <style> | |
− | + | .hp-container{ | |
− | display: | + | height:80%; |
− | + | position:relative; | |
− | + | margin-bottom:500px; | |
− | display:block; | + | } |
− | + | .top-hp, .bot-hp{ | |
− | + | } | |
− | + | .top-hp{ | |
− | + | height:20%; | |
− | + | } | |
+ | .bot-hp{ | ||
+ | height:80%; | ||
+ | position: relative; | ||
+ | display:table; | ||
+ | width:100%; | ||
+ | } | ||
+ | .process-container, .matrix-container{ | ||
+ | display:table-cell; | ||
+ | height:100%; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | .process-container{ | ||
+ | width:30%; | ||
+ | } | ||
+ | .matrix-container{ | ||
+ | width:70%; | ||
+ | } | ||
+ | .matrix{ | ||
+ | display:none; | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | } | ||
+ | .matrix table{ | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | } | ||
+ | .matrix table tr td{ | ||
+ | border:solid 1px #eee; | ||
+ | } | ||
+ | .matrix.visible{ | ||
+ | display:block; | ||
+ | } | ||
+ | .process-container img{ | ||
+ | display:none; | ||
+ | height:100%; | ||
+ | } | ||
+ | .process-container img.visible{ | ||
+ | display:inline-block; | ||
+ | } | ||
− | + | </style> | |
− | + | <div class="bot-hp"> | |
− | + | <div class="process-container"> | |
− | + | <img id="mat-img-1" src="/home/anna/Documents/iGEM2017/new_wiki/hp/T--INSA-UPS_France--HP-IHP_ethical-matrix-1.png" class="visible" alt=""> | |
− | + | <img id="mat-img-2" src="/home/anna/Documents/iGEM2017/new_wiki/hp/T--INSA-UPS_France--HP-IHP_ethical-matrix-2.png" alt=""> | |
− | + | <img id="mat-img-3" src="/home/anna/Documents/iGEM2017/new_wiki/hp/T--INSA-UPS_France--HP-IHP_ethical-matrix-2.png" alt=""> | |
− | + | <img id="mat-img-4" src="/home/anna/Documents/iGEM2017/new_wiki/hp/T--INSA-UPS_France--HP-IHP_ethical-matrix-2.png" alt=""> | |
− | + | <img id="mat-img-5" src="/home/anna/Documents/iGEM2017/new_wiki/hp/T--INSA-UPS_France--HP-IHP_ethical-matrix-2.png" alt=""> | |
− | + | <img id="mat-img-6" src="/home/anna/Documents/iGEM2017/new_wiki/hp/T--INSA-UPS_France--HP-IHP_ethical-matrix-2.png" alt=""> | |
− | + | <img id="mat-img-7" src="/home/anna/Documents/iGEM2017/new_wiki/hp/T--INSA-UPS_France--HP-IHP_ethical-matrix-2.png" alt=""> | |
− | < | + | <img id="mat-img-8" src="/home/anna/Documents/iGEM2017/new_wiki/hp/T--INSA-UPS_France--HP-IHP_ethical-matrix-2.png" alt=""> |
− | + | </div> | |
+ | <div class="matrix-container"> | ||
− | + | <div class="matrix m-1 visible"> | |
− | + | <table> | |
− | + | <tr> | |
− | + | <td style="border:none; background:none;"></td> | |
− | + | <th>Well-being</th> | |
− | + | <th>Autonomy</th> | |
− | + | <th>Justice/equity</th> | |
+ | </tr> | ||
+ | <tr> | ||
+ | <th>iGEM team</th> | ||
+ | <td>1</td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>NGO</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Users</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Environment</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Government</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>WHO</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Water treatment firm</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Non stakeholders</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <div class="matrix m-2"> | |
− | + | <table> | |
− | + | <tr> | |
− | + | <td style="border:none; background:none;"></td> | |
− | + | <th>Well-being</th> | |
− | + | <th>Autonomy</th> | |
− | + | <th>Justice/equity</th> | |
− | + | </tr> | |
+ | <tr> | ||
+ | <th>iGEM team</th> | ||
+ | <td>2</td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>NGO</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Users</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Environment</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Government</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>WHO</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Water treatment firm</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Non stakeholders</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <div class="matrix m-3"> | |
− | + | <table> | |
− | + | <tr> | |
− | + | <td style="border:none; background:none;"></td> | |
− | + | <th>Well-being</th> | |
− | + | <th>Autonomy</th> | |
− | + | <th>Justice/equity</th> | |
− | + | </tr> | |
− | + | <tr> | |
+ | <th>iGEM team</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>NGO</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Users</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Environment</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Government</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>WHO</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Water treatment firm</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Non stakeholders</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
− | + | <div class="matrix m-4"> | |
− | + | <table> | |
− | + | <tr> | |
− | + | <td style="border:none; background:none;"></td> | |
− | + | <th>Well-being</th> | |
− | + | <th>Autonomy</th> | |
− | + | <th>Justice/equity</th> | |
− | + | </tr> | |
− | + | <tr> | |
− | + | <th>iGEM team</th> | |
− | + | <td></td> | |
− | + | <td></td> | |
− | + | <td></td> | |
− | + | </tr> | |
− | + | <tr> | |
− | + | <th>NGO</th> | |
− | + | <td></td> | |
− | + | <td></td> | |
− | + | <td></td> | |
− | + | </tr> | |
− | + | <tr> | |
− | + | <th>Users</th> | |
− | + | <td></td> | |
− | + | <td></td> | |
− | + | <td></td> | |
− | + | </tr> | |
− | + | <tr> | |
− | + | <th>Environment</th> | |
− | + | <td></td> | |
− | + | <td></td> | |
− | + | <td></td> | |
− | + | </tr> | |
− | + | <tr> | |
− | + | <th>Government</th> | |
− | + | <td></td> | |
− | + | <td></td> | |
− | + | <td></td> | |
− | + | </tr> | |
− | + | <tr> | |
− | + | <th>WHO</th> | |
− | + | <td></td> | |
− | + | <td></td> | |
− | + | <td></td> | |
− | + | </tr> | |
− | + | <tr> | |
− | + | <th>Water treatment firm</th> | |
− | + | <td></td> | |
− | + | <td></td> | |
− | + | <td></td> | |
− | + | </tr> | |
− | + | <tr> | |
− | + | <th>Non stakeholders</th> | |
− | + | <td></td> | |
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | <div class="matrix m-5"> | ||
+ | <table> | ||
+ | <tr> | ||
+ | <td style="border:none; background:none;"></td> | ||
+ | <th>Well-being</th> | ||
+ | <th>Autonomy</th> | ||
+ | <th>Justice/equity</th> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>iGEM team</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>NGO</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Users</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Environment</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Government</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>WHO</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Water treatment firm</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Non stakeholders</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | |||
+ | <div class="matrix m-6"> | ||
+ | <table> | ||
+ | <tr> | ||
+ | <td style="border:none; background:none;"></td> | ||
+ | <th>Well-being</th> | ||
+ | <th>Autonomy</th> | ||
+ | <th>Justice/equity</th> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>iGEM team</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>NGO</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Users</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Environment</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Government</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>WHO</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Water treatment firm</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Non stakeholders</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | |||
+ | <div class="matrix m-7"> | ||
+ | <table> | ||
+ | <tr> | ||
+ | <td style="border:none; background:none;"></td> | ||
+ | <th>Well-being</th> | ||
+ | <th>Autonomy</th> | ||
+ | <th>Justice/equity</th> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>iGEM team</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>NGO</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Users</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Environment</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Government</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>WHO</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Water treatment firm</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Non stakeholders</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | |||
+ | <div class="matrix m-8"> | ||
+ | <table> | ||
+ | <tr> | ||
+ | <td style="border:none; background:none;"></td> | ||
+ | <th>Well-being</th> | ||
+ | <th>Autonomy</th> | ||
+ | <th>Justice/equity</th> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>iGEM team</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>NGO</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Users</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Environment</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Government</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>WHO</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Water treatment firm</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th>Non stakeholders</th> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
</div> | </div> | ||
− | + | </div> | |
+ | |||
+ | |||
<style> | <style> | ||
Line 410: | Line 867: | ||
</div> | </div> | ||
</main> | </main> | ||
+ | |||
+ | |||
+ | |||
<!-- C O N T E N T --> | <!-- C O N T E N T --> | ||
+ | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 418: | Line 879: | ||
var target_str=$(this).data("target"); | var target_str=$(this).data("target"); | ||
var target=parseInt(target_str); | var target=parseInt(target_str); | ||
− | // | + | // Img & matrix |
− | $('. | + | $('.process-container img').removeClass('visible'); |
− | $("# | + | $("#mat-img-"+target_str).addClass('visible'); |
+ | $('.matrix').removeClass('visible'); | ||
+ | $(".m-"+target_str).addClass('visible'); | ||
// Step & path | // Step & path | ||
$('.step-path > div').removeClass('active-path'); | $('.step-path > div').removeClass('active-path'); | ||
Line 434: | Line 897: | ||
+ | </body> | ||
</html> | </html> | ||
{{INSA-UPS_France/General_script}} | {{INSA-UPS_France/General_script}} | ||
{{INSA-UPS_France/Header_script}} | {{INSA-UPS_France/Header_script}} |
Revision as of 14:44, 8 October 2017
Integrated Human Practices
Well-being
Autonomy
Justice/equity
iGEM team
1
NGO
Users
Environment
Government
WHO
Water treatment firm
Non stakeholders
Well-being
Autonomy
Justice/equity
iGEM team
2
NGO
Users
Environment
Government
WHO
Water treatment firm
Non stakeholders
Well-being
Autonomy
Justice/equity
iGEM team
NGO
Users
Environment
Government
WHO
Water treatment firm
Non stakeholders
Well-being
Autonomy
Justice/equity
iGEM team
NGO
Users
Environment
Government
WHO
Water treatment firm
Non stakeholders
Well-being
Autonomy
Justice/equity
iGEM team
NGO
Users
Environment
Government
WHO
Water treatment firm
Non stakeholders
Well-being
Autonomy
Justice/equity
iGEM team
NGO
Users
Environment
Government
WHO
Water treatment firm
Non stakeholders
Well-being
Autonomy
Justice/equity
iGEM team
NGO
Users
Environment
Government
WHO
Water treatment firm
Non stakeholders
Well-being
Autonomy
Justice/equity
iGEM team
NGO
Users
Environment
Government
WHO
Water treatment firm
Non stakeholders