Difference between revisions of "Team:Pasteur Paris/TrainingThomas"

 
(34 intermediate revisions by the same user not shown)
Line 93: Line 93:
 
         }
 
         }
 
         .ShortText {
 
         .ShortText {
−
            display: none;
 
 
         }
 
         }
 
         /* Begin Petits Textes*/
 
         /* Begin Petits Textes*/
Line 99: Line 98:
 
                 fill: black;
 
                 fill: black;
 
                 opacity: .6;
 
                 opacity: .6;
 +
                display: none;
 
             }
 
             }
 
             #TEXT1:hover{
 
             #TEXT1:hover{
−
                fill: black;
 
 
                 opacity: 1;
 
                 opacity: 1;
−
                cursor: pointer;
 
 
             }
 
             }
 
             #TEXT2{
 
             #TEXT2{
 
                 fill: black;
 
                 fill: black;
 
                 opacity: .6;
 
                 opacity: .6;
 +
                display: none;
 
             }
 
             }
 
             #TEXT2:hover{
 
             #TEXT2:hover{
−
                fill: blue;
 
 
                 opacity: 1;
 
                 opacity: 1;
−
                cursor: pointer;
 
 
             }
 
             }
 
             #TEXT3{
 
             #TEXT3{
 
                 fill: black;
 
                 fill: black;
 
                 opacity: .6;
 
                 opacity: .6;
 +
                display: none;
 
             }
 
             }
 
             #TEXT3:hover{
 
             #TEXT3:hover{
−
                fill: blue;
 
 
                 opacity: 1;
 
                 opacity: 1;
−
                cursor: pointer;
 
 
             }
 
             }
 
             #TEXT4{
 
             #TEXT4{
 
                 fill: black;
 
                 fill: black;
 
                 opacity: .6;
 
                 opacity: .6;
 +
                display: none;
 
             }
 
             }
 
             #TEXT4:hover{
 
             #TEXT4:hover{
−
                fill: blue;
 
 
                 opacity: 1;
 
                 opacity: 1;
−
                cursor: pointer;
 
 
             }
 
             }
 
             #TEXT5{
 
             #TEXT5{
 
                 fill: black;
 
                 fill: black;
 
                 opacity: .6;
 
                 opacity: .6;
 +
                display: none;
 
             }
 
             }
 
             #TEXT5:hover{
 
             #TEXT5:hover{
−
                fill: blue;
 
 
                 opacity: 1;
 
                 opacity: 1;
−
                cursor: pointer;
 
 
             }
 
             }
 
             #TEXT6{
 
             #TEXT6{
 
                 fill: black;
 
                 fill: black;
 
                 opacity: .6;
 
                 opacity: .6;
 +
                display: none;
 
             }
 
             }
 
             #TEXT6:hover{
 
             #TEXT6:hover{
−
                fill: blue;
 
 
                 opacity: 1;
 
                 opacity: 1;
−
                cursor: pointer;
 
 
             }
 
             }
 
             #TEXT7{
 
             #TEXT7{
 
                 fill: black;
 
                 fill: black;
 
                 opacity: .6;
 
                 opacity: .6;
 +
                display: none;
 
             }
 
             }
 
             #TEXT7:hover{
 
             #TEXT7:hover{
−
                fill: blue;
 
 
                 opacity: 1;
 
                 opacity: 1;
−
                cursor: pointer;
 
 
             }
 
             }
 
         /* End Petits Textes*/
 
         /* End Petits Textes*/
Line 182: Line 174:
 
                 }
 
                 }
 
             });
 
             });
 +
        });
 +
    </script>
 +
    <script type="text/javascript">
 +
        $(document).ready(function() {
 +
            $('#SVGcontainer1').css("right", "100%");
 +
            $('#SVGcontainer2').css("left", "0%");
 +
            $('#Path1').delay(4500).fadeIn(500);
 +
            $('#Path2').delay(5000).fadeIn(500);
 +
            $('#Path3').delay(5500).fadeIn(500);
 +
            $('#Path4').delay(6000).fadeIn(500);
 +
            $('#TEXT1').delay(6500).fadeIn(500);
 +
            $('#TEXT2').delay(6600).fadeIn(500);
 +
            $('#TEXT3').delay(6700).fadeIn(500);
 +
            $('#TEXT4').delay(6800).fadeIn(500);
 +
            $('#TEXT5').delay(6900).fadeIn(500);
 +
            $('#TEXT6').delay(7000).fadeIn(500);
 +
            $('#TEXT7').delay(7100).fadeIn(500);
 +
            $('#Awards').delay(7500).fadeIn(1000);
 +
            $('#US').delay(7500).fadeIn(1000);
 +
            $('#Sponsors').delay(7500).fadeIn(1000);
 +
 
         });
 
         });
 
     </script>
 
     </script>
Line 596: Line 609:
 
                     <g class="ShortText">
 
                     <g class="ShortText">
 
                         <rect x="459.9" y="72.6" class="st6" width="166.9" height="79.8"/>
 
                         <rect x="459.9" y="72.6" class="st6" width="166.9" height="79.8"/>
−
                         <text id="TEXT1" transform="matrix(1 0 0 1 350 90)"><tspan x="0" y="0" class="st0"><a href="https://2018.igem.org/Team:Pasteur_Paris/Growing_Back_Nerves">GROWING BACK NERVES</a></tspan></text>
+
                         <text id="TEXT1" transform="matrix(1 0 0 1 350 90)"><tspan x="0" y="0" class="st0"><a href="https://2018.igem.org/Team:Pasteur_Paris/Growing_Back_Nerves" style="text-decoration: none;">GROWING BACK NERVES</a></tspan></text>
 
                         <rect x="683.1" y="125.2" class="st6" width="166.9" height="87.1"/>
 
                         <rect x="683.1" y="125.2" class="st6" width="166.9" height="87.1"/>
−
                         <text id="TEXT2" transform="matrix(1 0 0 1 683 180)"><tspan x="0" y="0" class="st0"><a href="https://2018.igem.org/Team:Pasteur_Paris/Fighting">FIGHTING INFECTIONS</a></tspan></text>
+
                         <text id="TEXT2" transform="matrix(1 0 0 1 683 180)"><tspan x="0" y="0" class="st0"><a href="https://2018.igem.org/Team:Pasteur_Paris/Fighting" style="text-decoration: none;">FIGHTING INFECTIONS</a></tspan></text>
 
                     </g>
 
                     </g>
 
                      
 
                      
Line 613: Line 626:
 
                     <g class="ShortText">
 
                     <g class="ShortText">
 
                         <rect x="877.2" y="455.4" class="st6" width="154.2" height="76.2"/>
 
                         <rect x="877.2" y="455.4" class="st6" width="154.2" height="76.2"/>
−
                         <text id="TEXT3" transform="matrix(1 0 0 1 890 520)"><tspan x="0" y="0" class="st0"><a href="https://2018.igem.org/Team:Pasteur_Paris/Device">OUR PROSTHESIS</a></tspan></text>
+
                         <text id="TEXT3" transform="matrix(1 0 0 1 890 520)"><tspan x="0" y="0" class="st0"><a href="https://2018.igem.org/Team:Pasteur_Paris/Device" style="text-decoration: none;">OUR PROSTHESIS</a></tspan></text>
 
                         <rect x="961.8" y="550" class="st6" width="143.3" height="74.4"/>
 
                         <rect x="961.8" y="550" class="st6" width="143.3" height="74.4"/>
−
                         <text id="TEXT4" transform="matrix(1 0 0 1 968 610)"><tspan x="0" y="0" class="st0"><a href="https://2018.igem.org/Team:Pasteur_Paris/Scenario">USER SCENARIO</a></tspan></text>
+
                         <text id="TEXT4" transform="matrix(1 0 0 1 968 610)"><tspan x="0" y="0" class="st0"><a href="https://2018.igem.org/Team:Pasteur_Paris/Scenario" style="text-decoration: none;">USER SCENARIO</a></tspan></text>
 
                     </g>
 
                     </g>
  
Line 629: Line 642:
 
                     <g class="ShortText">
 
                     <g class="ShortText">
 
                         <rect x="856.3" y="777.4" class="st6" width="159.7" height="76.2"/>
 
                         <rect x="856.3" y="777.4" class="st6" width="159.7" height="76.2"/>
−
                         <text id="TEXT5" transform="matrix(1 0 0 1 856 810)"><tspan x="0" y="0" class="st0"><a href="https://2018.igem.org/Team:Pasteur_Paris/Human_Practices">HUMAN PRACTICES</a></tspan></text>
+
                         <text id="TEXT5" transform="matrix(1 0 0 1 856 810)"><tspan x="0" y="0" class="st0"><a href="https://2018.igem.org/Team:Pasteur_Paris/Human_Practices" style="text-decoration: none;">HUMAN PRACTICES</a></tspan></text>
 
                         <rect x="793" y="868.1" class="st6" width="190.5" height="69"/>
 
                         <rect x="793" y="868.1" class="st6" width="190.5" height="69"/>
−
                         <text id="TEXT6" transform="matrix(1 0 0 1 790 900)"><tspan x="0" y="0" class="st0"><a href="https://2018.igem.org/Team:Pasteur_Paris/Public_Engagement">EDUCATION & ENGAGEMENT</a></tspan></text>
+
                         <text id="TEXT6" transform="matrix(1 0 0 1 790 900)"><tspan x="0" y="0" class="st0"><a href="https://2018.igem.org/Team:Pasteur_Paris/Public_Engagement" style="text-decoration: none;">EDUCATION & ENGAGEMENT</a></tspan></text>
 
                     </g>
 
                     </g>
  
Line 645: Line 658:
 
                     <g class="ShortText">
 
                     <g class="ShortText">
 
                         <rect x="616.7" y="926.5" class="st6" width="147" height="72.6"/>
 
                         <rect x="616.7" y="926.5" class="st6" width="147" height="72.6"/>
−
                         <text id="TEXT7" transform="matrix(1 0 0 1 445 1030)"><tspan x="0" y="0" class="st0"><a href="https://2018.igem.org/Team:Pasteur_Paris/Entrepreneurship">BUSINESS PLAN</a></tspan></text>
+
                         <text id="TEXT7" transform="matrix(1 0 0 1 445 1030)"><tspan x="0" y="0" class="st0"><a href="https://2018.igem.org/Team:Pasteur_Paris/Entrepreneurship" style="text-decoration: none;">BUSINESS PLAN</a></tspan></text>
 
                     </g>
 
                     </g>
 
                 </svg>
 
                 </svg>
Line 654: Line 667:
 
                 </div>
 
                 </div>
 
                 <div class="legendTEXT">
 
                 <div class="legendTEXT">
−
                     <p style="font-size: 100%; padding: 4px">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
                     <p style="font-size: 100%; padding: 4px">Our technology aims at promoting nerves growth towards an interface between the body and a prosthesis, in order to transmit neuronal signals.</p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 661: Line 674:
 
                 </div>
 
                 </div>
 
                 <div class="legendTEXT">
 
                 <div class="legendTEXT">
−
                     <p style="font-size: 100%; padding: 4px">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
                     <p style="font-size: 100%; padding: 4px">Besides transimitting a neuronal signal, we also want to ensure our interface to be sure and avoid potential infections.</p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
             <div class="legendContainer" id="Hidden3">
 
             <div class="legendContainer" id="Hidden3">
−
                 <div class="circleIMG" style="background-image: url(https://static.igem.org/mediawiki/2018/b/be/T--Pasteur_Paris--Banner_Overview.jpg);">
+
                 <div class="circleIMG" style="background-image: url(https://static.igem.org/mediawiki/2018/a/a4/T--Pasteur_Paris--Banner_Device.jpg);">
 
                 </div>
 
                 </div>
 
                 <div class="legendTEXT">
 
                 <div class="legendTEXT">
−
                     <p style="font-size: 100%; padding: 4px">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
                     <p style="font-size: 100%; padding: 4px">Discover our fully-detailed plans for our interface between the body and the prosthesis !</p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 675: Line 688:
 
                 </div>
 
                 </div>
 
                 <div class="legendTEXT">
 
                 <div class="legendTEXT">
−
                     <p style="font-size: 100%; padding: 4px">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
                     <p style="font-size: 100%; padding: 4px">Developping an innovation is good, but thinking of all the aspects of the user's life with our product is better.</p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 682: Line 695:
 
                 </div>
 
                 </div>
 
                 <div class="legendTEXT">
 
                 <div class="legendTEXT">
−
                     <p style="font-size: 100%; padding: 4px">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
                     <p style="font-size: 100%; padding: 4px">To fully understand all the issues raised by our solution, we had to prospect and integrate human practices to our project.</p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 689: Line 702:
 
                 </div>
 
                 </div>
 
                 <div class="legendTEXT">
 
                 <div class="legendTEXT">
−
                     <p style="font-size: 100%; padding: 4px">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
                     <p style="font-size: 100%; padding: 4px"></p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
             <div class="legendContainer" id="Hidden7">
 
             <div class="legendContainer" id="Hidden7">
−
                 <div class="circleIMG" style="background-image: url(https://static.igem.org/mediawiki/2018/b/be/T--Pasteur_Paris--Banner_Overview.jpg);">
+
                 <div class="circleIMG" style="background-image: url(https://static.igem.org/mediawiki/2018/4/48/T--Pasteur_Paris--Banner_Entrepreneurship.jpg); background-position-x: 68%;">
 +
                </div>
 +
                <div class="legendTEXT">
 +
                    <p style="font-size: 100%; padding: 4px">We explored the prosthesis market to be sure our innovation meets the demand ; you can see here our full business plan.</p>
 +
                </div>
 +
            </div>
 +
            <div class="legendContainer" id="HiddenAwards">
 +
                <div class="circleIMG" style="background-image: url(https://static.igem.org/mediawiki/2018/a/a9/T--Pasteur_Paris--Banner_Awards.jpg); background-position-x: 46; ">
 +
                </div>
 +
                <div class="legendTEXT">
 +
                    <p style="font-size: 100%; padding: 4px"></p>
 +
                </div>
 +
            </div>
 +
            <div class="legendContainer" id="HiddenUS">
 +
                <div class="circleIMG" style="background-image: url(https://static.igem.org/mediawiki/2018/1/19/T--Pasteur_Paris--Banner_Team.jpg); background-position-x: 50%;">
 +
                </div>
 +
                <div class="legendTEXT">
 +
                    <p style="font-size: 100%; padding: 4px">Meet all our team members !</p>
 +
                </div>
 +
            </div>
 +
            <div class="legendContainer" id="HiddenSponsors">
 +
                <div class="circleIMG" style="background-image: url(https://static.igem.org/mediawiki/2018/d/d7/T--Pasteur_Paris--Banner_Sponsors.jpg);">
 
                 </div>
 
                 </div>
 
                 <div class="legendTEXT">
 
                 <div class="legendTEXT">
−
                     <p style="font-size: 100%; padding: 4px">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
                     <p style="font-size: 100%; padding: 4px">We want to thank all our sponsors who supported us during our adventure. Discover all of them here !</p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
             <div style="bottom: 0px; left: 2%; position: fixed;">
 
             <div style="bottom: 0px; left: 2%; position: fixed;">
−
                 <h3><a href="https://2018.igem.org/Team:Pasteur_Paris/Awards" style="text-decoration: none; color: black;">Awards</a></h3>
+
                 <h3><a id="Awards" href="https://2018.igem.org/Team:Pasteur_Paris/Awards" style="text-decoration: none; color: black; display: none;">Awards</a></h3>
 
             </div>
 
             </div>
 
             <div style="bottom: 0px; transform: translate(-50%); left: 50%; position: fixed;">
 
             <div style="bottom: 0px; transform: translate(-50%); left: 50%; position: fixed;">
−
                 <h3><a href="https://2018.igem.org/Team:Pasteur_Paris/Team" style="text-decoration: none; color: black;">Who are we ?</a></h3>
+
                 <h3><a id="US" href="https://2018.igem.org/Team:Pasteur_Paris/Team" style="text-decoration: none; color: black; display: none;">Who are we ?</a></h3>
 
             </div>
 
             </div>
 
             <div style="bottom: 0px; right: 2%; position: fixed;">
 
             <div style="bottom: 0px; right: 2%; position: fixed;">
−
                 <h3><a href="https://2018.igem.org/Team:Pasteur_Paris/Sponsors" style="text-decoration: none; color: black;">Sponsors</a></h3>
+
                 <h3><a id="Sponsors" href="https://2018.igem.org/Team:Pasteur_Paris/Sponsors" style="text-decoration: none; color: black; display: none;">Sponsors</a></h3>
 
             </div>
 
             </div>
 +
            <div style="right: 0%; top: 50vh; position: absolute; color: transparent;"><p>did not go to Boston :'( but I coded this page :D</p></div>
 
         </div>
 
         </div>
 
     </body>
 
     </body>
Line 733: Line 768:
 
             border-radius: 5px;
 
             border-radius: 5px;
 
             box-shadow: 0px 0px 10px -4px black;
 
             box-shadow: 0px 0px 10px -4px black;
 +
            text-justify: none;
 
         }
 
         }
 
     </style>
 
     </style>
Line 740: Line 776:
 
                 var larg = (document.body.clientWidth);
 
                 var larg = (document.body.clientWidth);
 
                 if (larg>960){
 
                 if (larg>960){
−
                    $('#Hidden1').fadeIn(500);
+
                $('#Hidden1').fadeIn(500);
 
                 }
 
                 }
 
                 else{
 
                 else{
Line 819: Line 855:
 
             });
 
             });
 
             $('#TEXT7').mouseout(function() {  
 
             $('#TEXT7').mouseout(function() {  
−
                 $('#Hidden7').fadeOut(500);
+
                 $('#Hidden7').fadeOut(300);
 +
            });
 +
            $('#Awards').mouseover(function() {
 +
                var larg = (document.body.clientWidth);
 +
                if (larg>960){
 +
                    $('#HiddenAwards').fadeIn(300);
 +
                }
 +
                else{
 +
 
 +
                }
 +
            });
 +
            $('#Awards').mouseout(function() {
 +
                $('#HiddenAwards').fadeOut(300);
 +
            });
 +
            $('#US').mouseover(function() {
 +
                var larg = (document.body.clientWidth);
 +
                if (larg>960){
 +
                    $('#HiddenUS').fadeIn(300);
 +
                }
 +
                else{
 +
 
 +
                }
 +
            });
 +
            $('#US').mouseout(function() {
 +
                $('#HiddenUS').fadeOut(300);
 +
            });
 +
            $('#Sponsors').mouseover(function() {
 +
                var larg = (document.body.clientWidth);
 +
                if (larg>960){
 +
                    $('#HiddenSponsors').fadeIn(300);
 +
                }
 +
                else{
 +
                    return false;
 +
                }
 +
            });
 +
            $('#Sponsors').mouseout(function() {
 +
                $('#HiddenSponsors').fadeOut(300);
 
             });
 
             });
 
         });
 
         });
 
     </script>
 
     </script>
−
    <script type="text/javascript">
+
 
−
        $(document).ready(function() {
+
−
            $('#SVGcontainer1').css("right", "100%");
+
−
            $('#SVGcontainer2').css("left", "0%");
+
−
            $('#Path1')..delay(3500)fadeIn(500);
+
−
        });
+
−
    </script>
+
 
      
 
      
 
</html>
 
</html>

Latest revision as of 15:37, 11 October 2018

""

GROWING BACK NERVES FIGHTING INFECTIONS OUR PROSTHESIS USER SCENARIO HUMAN PRACTICES EDUCATION & ENGAGEMENT BUSINESS PLAN

Our technology aims at promoting nerves growth towards an interface between the body and a prosthesis, in order to transmit neuronal signals.

Besides transimitting a neuronal signal, we also want to ensure our interface to be sure and avoid potential infections.

Discover our fully-detailed plans for our interface between the body and the prosthesis !

Developping an innovation is good, but thinking of all the aspects of the user's life with our product is better.

To fully understand all the issues raised by our solution, we had to prospect and integrate human practices to our project.

We explored the prosthesis market to be sure our innovation meets the demand ; you can see here our full business plan.

Meet all our team members !

We want to thank all our sponsors who supported us during our adventure. Discover all of them here !

did not go to Boston :'( but I coded this page :D