|
|
| Line 1: |
Line 1: |
| − |
| |
| − |
| |
| | | | |
| | {{INSA-UPS_France/Links_new}} | | {{INSA-UPS_France/Links_new}} |
| Line 6: |
Line 4: |
| | {{INSA-UPS_France/Header_new}} | | {{INSA-UPS_France/Header_new}} |
| | <html> | | <html> |
| − |
| |
| − |
| |
| | <style> | | <style> |
| | | | |
| Line 15: |
Line 11: |
| | height:100%; | | height:100%; |
| | } | | } |
| − | /*
| |
| − | footer{
| |
| − | background: #323537;
| |
| − | width:100%;
| |
| − | height:200px;
| |
| − |
| |
| − | }*/
| |
| | | | |
| | .main_content{ | | .main_content{ |
| Line 36: |
Line 25: |
| | } | | } |
| | .section_container{ | | .section_container{ |
| − | width:90%; | + | width:1200px; |
| | min-height:100%; | | min-height:100%; |
| | margin:0px auto; | | margin:0px auto; |
| | position:relative; | | position:relative; |
| | } | | } |
| − | @media screen and (max-width: 900px){ | + | @media screen and (max-width: 1200px){ |
| | .section_container{ | | .section_container{ |
| | width:100%; | | width:100%; |
| Line 48: |
Line 37: |
| | section{ | | section{ |
| | background-color: rgba(255,255,255,0.2); | | background-color: rgba(255,255,255,0.2); |
| − | padding:3% 6%; | + | padding:3% 10%; |
| | text-align: justify; | | text-align: justify; |
| | border-radius:20px; | | border-radius:20px; |
| Line 55: |
Line 44: |
| | } | | } |
| | | | |
| − | .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{
| + | /*for now*/ |
| − | padding:30px;
| + | sup{ |
| − | }
| + | display: none; |
| − | | + | |
| − | .main_title img{
| + | |
| − | position:absolute; | + | |
| − | right:0;
| + | |
| − | width:400px;
| + | |
| − | bottom:-25px;
| + | |
| | } | | } |
| | | | |
| Line 87: |
Line 53: |
| | | | |
| | <!-- C O N T E N T --> | | <!-- C O N T E N T --> |
| | + | |
| | + | |
| | + | <style> |
| | | | |
| − | | + | section{ |
| − | | + | margin-bottom: 40px; |
| − | <main class="site-main">
| + | } |
| − | <div class="main_content">
| + | section img{ |
| − | <div class="middle_container">
| + | /**/ |
| − | | + | |
| − | <div class="section_container">
| + | |
| − | | + | |
| − | <section style="background:none;padding:0px !important;z-index:100; ">
| + | |
| − | <h1 style="font-size:5vw;letter-spacing: 1vw;z-index:120;text-align: center;">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;
| + | margin-top: -85px; |
| | text-align: right; | | text-align: right; |
| | + | } |
| | + | section h2{ |
| | + | font-family: 'Quicksand', sans-serif; |
| | + | font-size:20pt; |
| | } | | } |
| | section p{ | | section p{ |
| Line 117: |
Line 79: |
| | margin-top:20px; | | margin-top:20px; |
| | } | | } |
| − | section ul{
| + | </style> |
| − | 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-right img{
| |
| − | width:100%;
| |
| − | }
| |
| | | | |
| | + | <main class="site-main"> |
| | + | <div class="main_content"> |
| | + | <div class="middle_container"> |
| | | | |
| − | </style>
| + | <div class="section_container"> |
| | | | |
| − |
| + | <section> |
| − | <div class="hp-container"> | + | <h1>Card Game</h1> |
| − | <div class="top-hp"> | + | </section> |
| − | <style>
| + | |
| − | .steps-container{
| + | |
| − | display:table;
| + | |
| − | width:100%;
| + | |
| − | font-size:20pt;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | .steps-container > div{
| + | |
| − | display:table-cell;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | .step{
| + | |
| − | width:50px;
| + | |
| − | }
| + | |
| − | .step > div{
| + | |
| − | width:50px;
| + | |
| − | height:50px;
| + | |
| − | border-radius:50px;
| + | |
| − | border:2px solid black;
| + | |
| − | display:inline-block;
| + | |
| − | line-height: 50px;
| + | |
| − | vertical-align: middle;
| + | |
| − | position:relative;
| + | |
| − | border:solid 4px rgba(255,255,255,0.2);
| + | |
| − | background:rgba(255,255,255,0.2);
| + | |
| − | cursor:pointer;
| + | |
| − | }
| + | |
| − | .step-path{
| + | |
| − | width:30px;
| + | |
| − | }
| + | |
| − | .step-path > div{
| + | |
| − | width:100%;
| + | |
| − | height:10px;
| + | |
| − | background:rgba(255,255,255,0.2);
| + | |
| − | }
| + | |
| − | .step-path > div.active-path{
| + | |
| − | background:#e06666;
| + | |
| − | }
| + | |
| − | .step > div.selected-step{
| + | |
| − | border:solid 4px #e06666;
| + | |
| − | }
| + | |
| − | .step > div.previous-step{
| + | |
| − | border:solid 4px #e06666;
| + | |
| − | background: #e06666;
| + | |
| − | color:white;
| + | |
| − | }
| + | |
| − | </style> | + | |
| | | | |
| − | <div style="text-align: center;display:inline-block;">
| |
| − | <div class="steps-container">
| |
| − | <div class="step"><div class="selected-step" data-target="1">1</div></div>
| |
| − | <div class="step-path"><div id="path-2"></div></div>
| |
| − | <div class="step"><div data-target="2">2</div></div>
| |
| − | <div class="step-path"><div id="path-3"></div></div>
| |
| − | <div class="step"><div data-target="3">3</div></div>
| |
| − | <div class="step-path"><div id="path-4"></div></div>
| |
| − | <div class="step"><div data-target="4">4</div></div>
| |
| − | <div class="step-path"><div id="path-5"></div></div>
| |
| − | <div class="step"><div data-target="5">5</div></div>
| |
| − | <div class="step-path"><div id="path-6"></div></div>
| |
| − | <div class="step"><div data-target="6">6</div></div>
| |
| − | <div class="step-path"><div id="path-7"></div></div>
| |
| − | <div class="step"><div data-target="7">7</div></div>
| |
| − | <div class="step-path"><div id="path-8"></div></div>
| |
| − | <div class="step"><div data-target="8">8</div></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| | | | |
| − | <style>
| |
| − | .hp-container{
| |
| − | height:80vh;
| |
| − | position:relative;
| |
| − | margin-top:50px;
| |
| − | }
| |
| − | .top-hp{
| |
| − | height:10%;
| |
| − | text-align: center;
| |
| − | }
| |
| − | .bot-hp{
| |
| − | height:90%;
| |
| − | position: relative;
| |
| − | display:table;
| |
| − | width:100%;
| |
| − | }
| |
| − | .process-container, .matrix-container{
| |
| − | display:table-cell;
| |
| − | height:100%;
| |
| − | vertical-align: top;
| |
| − | }
| |
| − | .process-container{
| |
| − | width:30%;
| |
| − | vertical-align: middle;
| |
| − | }
| |
| − | .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:65%;
| |
| − | }
| |
| − | .process-container img.visible{
| |
| − | display:inline-block;
| |
| − | }
| |
| | | | |
| − | </style>
| |
| − | <div class="bot-hp">
| |
| − | <div class="process-container">
| |
| − | <img id="mat-img-1" src="https://static.igem.org/mediawiki/2017/3/3a/T--INSA-UPS_France--HP-IHP_ethical-matrix-1.png" class="visible" alt="">
| |
| − | <img id="mat-img-2" src="https://static.igem.org/mediawiki/2017/3/3c/T--INSA-UPS_France--HP-IHP_ethical-matrix-2.png" alt="">
| |
| − | <img id="mat-img-3" src="https://static.igem.org/mediawiki/2017/d/da/T--INSA-UPS_France--HP-IHP_ethical-matrix-3.png" alt="">
| |
| − | <img id="mat-img-4" src="https://static.igem.org/mediawiki/2017/a/a8/T--INSA-UPS_France--HP-IHP_ethical-matrix-4.png" alt="">
| |
| − | <img id="mat-img-5" src="https://static.igem.org/mediawiki/2017/6/6e/T--INSA-UPS_France--HP-IHP_ethical-matrix-5.png" alt="">
| |
| − | <img id="mat-img-6" src="https://static.igem.org/mediawiki/2017/d/d8/T--INSA-UPS_France--HP-IHP_ethical-matrix-6.png" alt="">
| |
| − | <img id="mat-img-7" src="https://static.igem.org/mediawiki/2017/f/f3/T--INSA-UPS_France--HP-IHP_ethical-matrix-7.png" alt="">
| |
| − | <img id="mat-img-8" src="https://static.igem.org/mediawiki/2017/3/37/T--INSA-UPS_France--HP-IHP_ethical-matrix-8.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></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></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> | + | </div> |
| − | | + | |
| − | | + | |
| | <style> | | <style> |
| | | | |
| Line 867: |
Line 188: |
| | </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 879: |
Line 196: |
| | var target_str=$(this).data("target"); | | var target_str=$(this).data("target"); |
| | var target=parseInt(target_str); | | var target=parseInt(target_str); |
| − | // Img & matrix | + | // Descr |
| − | $('.process-container img').removeClass('visible'); | + | $('.step-descr').removeClass('active-step'); |
| − | $("#mat-img-"+target_str).addClass('visible'); | + | $("#step-"+target_str).addClass('active-step'); |
| − | $('.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 897: |
Line 212: |
| | | | |
| | | | |
| − | </body>
| |
| | </html> | | </html> |
| | | | |
| | {{INSA-UPS_France/General_script}} | | {{INSA-UPS_France/General_script}} |
| | {{INSA-UPS_France/Header_script}} | | {{INSA-UPS_France/Header_script}} |
Croc'n Cholera
