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

Line 228: Line 228:
 
/* ==== BEGIN: Settings Main Menu Icons ==== */
 
/* ==== BEGIN: Settings Main Menu Icons ==== */
 
#navicons {
 
#navicons {
−
     width: 720px;
+
     width: 840px;
 
     background-color:  linear-gradient(to right, rgb(161, 47, 92), rgb(128, 52, 110),rgb(84, 59, 126));
 
     background-color:  linear-gradient(to right, rgb(161, 47, 92), rgb(128, 52, 110),rgb(84, 59, 126));
 
     z-index: -20;    /*defines color behind icons */  
 
     z-index: -20;    /*defines color behind icons */  
Line 239: Line 239:
 
margin: 0px;
 
margin: 0px;
 
height: 100%;
 
height: 100%;
−
     width: 720px;
+
     width: 100%;
 
     position: relative;  /*makes chip go directly behind home from left corner*/
 
     position: relative;  /*makes chip go directly behind home from left corner*/
  
Line 276: Line 276:
  
 
/* ==== classes for icons ==== */
 
/* ==== classes for icons ==== */
−
#home {
+
#project {
 
     background: url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;  
 
     background: url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;  
−
 
+
    height: 60px;
 
     background-position: center;
 
     background-position: center;
 
}
 
}
  
−
#home a {
+
#project a {
 
     color: #ffffff;
 
     color: #ffffff;
 
}
 
}
  
−
#project {
+
#labwork {
 
     background: url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;  
 
     background: url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;  
−
 
+
    height: 60px;
 
     background-position: center;
 
     background-position: center;
 
}
 
}
  
−
#project a {
+
#labwork a {
 
     color: #ffffff;
 
     color: #ffffff;
 
}
 
}
  
−
#team {
+
#parts {
 
     background:url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;  
 
     background:url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;  
−
 
+
    height: 60px;
 
     background-position: center;
 
     background-position: center;
 
}
 
}
  
−
#team a {
+
#parts a {
 
     color: #ffffff;
 
     color: #ffffff;
 
}
 
}
  
−
#results {
+
#modelling {
 
     background:url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;  
 
     background:url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;  
 
     height: 60px;
 
     height: 60px;
Line 312: Line 312:
 
}
 
}
  
−
#results a {
+
#modelling a {
 
     color: #ffffff;
 
     color: #ffffff;
 
}
 
}
  
−
#policy {
+
#achievements {
 
     background:url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png)no-repeat;  
 
     background:url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png)no-repeat;  
 
     height: 60px;
 
     height: 60px;
Line 322: Line 322:
 
}
 
}
  
−
#policy a {
+
#achievements a {
 +
    color: #ffffff;
 +
}
 +
 
 +
#hp {
 +
    background:url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;
 +
    height: 60px;
 +
    background-position: center;
 +
}
 +
 
 +
#hp a {
 
     color: #ffffff;
 
     color: #ffffff;
 
}
 
}
  
−
#notebook {
+
#aboutus {
 
     background:url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;  
 
     background:url(https://static.igem.org/mediawiki/2018/2/26/T--Pasteur_Paris--icon-neuroneblanc.png) no-repeat;  
 
     height: 60px;
 
     height: 60px;
Line 332: Line 342:
 
}
 
}
  
−
#notebook a {
+
#aboutus a {
 
     color: #ffffff;
 
     color: #ffffff;
 
}
 
}
Line 352: Line 362:
 
   background: #000000;
 
   background: #000000;
 
}
 
}
−
 
−
 
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
  
 
/* == End Chip Design == */
 
/* == End Chip Design == */
Line 368: Line 367:
  
 
/* == Begin Chip Movement == */
 
/* == Begin Chip Movement == */
−
#home:hover ~ #runningchip {
+
#project:hover ~ #runningchip {
−
     left: 2.1%;
+
     left: 15px;
 
}
 
}
  
−
#project:hover ~ #runningchip {
+
#labwork:hover ~ #runningchip {
−
     left: 18.6%;
+
     left: 135px;
 
}
 
}
  
−
#team:hover ~ #runningchip {
+
#parts:hover ~ #runningchip {
−
     left: 35.5%;
+
     left: 255px;
 
}
 
}
  
−
#results:hover ~ #runningchip {
+
#modelling:hover ~ #runningchip {
−
     left: 52%;
+
     left: 375px;
 
}
 
}
  
−
#policy:hover ~ #runningchip {
+
#achievements:hover ~ #runningchip {
−
     left: 68.9%;
+
     left: 495px;
 
}
 
}
  
−
#notebook:hover ~ #runningchip {
+
#hp:hover ~ #runningchip {
−
     left: 85.5%;
+
     left: 615px;
 +
}
 +
 
 +
#aboutus:hover ~ #runningchip {
 +
    left: 735px;
 
}
 
}
 
/* == End Chip Movment == */
 
/* == End Chip Movment == */
Line 445: Line 448:
 
#navtext ul li:hover > a {
 
#navtext ul li:hover > a {
 
   /* background-color: #6696c7;  /*makes a link stay in a certain color when hovering over it and then looking throught its subitems */
 
   /* background-color: #6696c7;  /*makes a link stay in a certain color when hovering over it and then looking throught its subitems */
−
     color: #ecdc18;
+
     color: #345292; /* couleur du sous titre quand tu passes dessus*/
 
}
 
}
  
 
#project-sub {
 
#project-sub {
 
     display: none;
 
     display: none;
−
     left: 22.1%;
+
    right: 93.5%;
 +
}
 +
 
 +
#labwork-sub {
 +
    display: none;
 +
     left: 7.5%;
 
}
 
}
  
−
#team-sub {
+
#parts-sub {
 
     /*background-color: #ac34fe;*/
 
     /*background-color: #ac34fe;*/
 
     display: none;
 
     display: none;
−
     left: 35.2%;
+
     left: 19.1%;
 
}
 
}
  
−
#results-sub{
+
#modelling-sub{
 
     display: none;
 
     display: none;
−
     left: 49.4%;
+
     left: 35.7%;
 
}
 
}
  
−
#policy-sub{
+
#achievements-sub{
 
     display: none;
 
     display: none;
−
     left: 62.8%;
+
     left: 45.2%;
 
}
 
}
  
−
#notebook-sub{
+
#hp-sub{
 
     display: none;
 
     display: none;
−
     left: 76%;
+
     left: 54.1%;
 +
}
 +
#aboutus-sub{
 +
    display: none;
 +
    left: 72.3%;
 
     width: 120px;
 
     width: 120px;
 
}
 
}
Line 484: Line 496:
 
}   
 
}   
 
/* ==== End Settings Submenu Level 1 ==== */
 
/* ==== End Settings Submenu Level 1 ==== */
−
 
−
 
−
/* ==== Begin Settings Submenu Level 2 ==== */
 
−
#navtext ul ul {
 
−
    position: absolute;
 
−
    width: 130%;
 
−
    display: none;
 
−
    left: 100%;              /* subsubmenu always touches its parent element jb */
 
−
    top: -2px;
 
−
}
 
−
 
−
#navtext ul  ul li {
 
−
    margin: 0px auto;        /*centers text*/
 
−
    list-style: none;
 
−
    /*display: block; */      /*makes items go horizontal and centers them*/
 
−
    /*float: left;*/              /*makes items go horizontal*/
 
−
    position: relative;
 
−
}   
 
−
 
−
#navtext ul  ul li a {
 
−
    height: 24px;
 
−
    padding-left: 10px;
 
−
    padding-right: 10px;
 
−
    text-decoration: none;
 
−
    color: #FFF;
 
−
    /*display: block;*/
 
−
    text-align: center;
 
−
}
 
−
 
−
#navtext ul li:hover ul {
 
−
    display: block;
 
−
}
 
−
 
−
.navsub2 {
 
−
    background-color: #1962AB;
 
−
    opacity: 1;
 
−
}
 
−
 
−
.navsub2before {
 
−
    background-color: #1962AB;
 
−
    border-top-right-radius: 8px;
 
−
    opacity: 0.6;
 
−
}
 
−
 
−
.navsub2after {
 
−
    background-color: #0051A2;
 
−
    border-bottom-right-radius: 8px;
 
−
    border-bottom-left-radius: 8px;
 
−
    opacity: 0.6;
 
−
}
 
−
 
−
.subsubmenu{
 
−
background-image: url("https://static.igem.org/mediawiki/2015/f/ff/Freiburg_submenu_arrow.png");
 
−
background-repeat: no-repeat;
 
−
background-position: 95% 50%;
 
−
background-size: 10px 13px;
 
−
}
 
−
 
−
/* ==== End Settings Submenu Level 2 ==== */
 
  
 
#smallnav{
 
#smallnav{
Line 818: Line 771:
  
 
<header id="Menu">
 
<header id="Menu">
−
<a href="https://2018.igem.org/Team:Pasteur_Paris"><img src="http://a398.idata.over-blog.com/3/29/19/90/rose-bleue.gif"></a>
+
<div id="naviconwrapper">   
−
          <div id="naviconwrapper">  <!-- hier könnte man noch ein Logo in einer Seitenecke platzieren -->
+
 
                 <div id="naviconbar">
 
                 <div id="naviconbar">
−
                <div id="navicons"> <!-- only icons -->
+
                    <a href="https://2018.igem.org/Team:Pasteur_Paris"><img src="https://static.igem.org/mediawiki/2018/3/39/T--Pasteur_Paris--teamlogoigemwhite_99x60.png"></a>
 +
                <div id="navicons">  
 
                     <ul>
 
                     <ul>
−
                         <li id="home" ><a href="https://2015.igem.org/Team:Freiburg/Home">Home</a>
+
                         <li id="project" ><a href="https://2018.igem.org/Team:Pasteur_Paris/Description">Project</a>
 +
                        </li>
 +
                        <li id="labwork"><a href="https://2018.igem.org/Team:Pasteur_Paris/Labwork">Labwork</a>
 
                         </li>
 
                         </li>
−
                         <li id="project"><a href="https://2015.igem.org/Team:Freiburg/Project/Overview">Project</a>
+
                         <li id="parts"><a href="https://2018.igem.org/Team:Pasteur_Paris/Parts">Parts</a>
 
                         </li>
 
                         </li>
−
                         <li id="team"><a href="https://2015.igem.org/Team:Freiburg/Team">Team</a>
+
                         <li id="modelling"><a href="https://2018.igem.org/Team:Pasteur_Paris/Model">Modelling</a>
 
                         </li>
 
                         </li>
−
                         <li id="results"><a href="https://2015.igem.org/Team:Freiburg/Results">Results</a>
+
                         <li id="achievements"><a href="https://2018.igem.org/Team:Pasteur_Paris/Achievements">Achievements</a>
 
                         </li>
 
                         </li>
−
                         <li id="policy" style="font-size:11px"><a href="https://2015.igem.org/Team:Freiburg/Practices">Human Practice</a>
+
                         <li id="hp"><a href="https://2018.igem.org/Team:Pasteur_Paris/Human_Practices">Human Practice</a>
 
                         </li>
 
                         </li>
−
                         <li id="notebook"><a href="https://2015.igem.org/Team:Freiburg/Notebook">Notebook</a>
+
                         <li id="aboutus"><a href="https://2018.igem.org/Team:Pasteur_Paris/Team">About Us</a>
 
                         </li>
 
                         </li>
 
                     <div id="runningchip">
 
                     <div id="runningchip">
 +
                                <div id="top-arrow"></div>
 +
                                <div id="runningchip-back"></div>
 
                     </div>
 
                     </div>
 
                     </ul>
 
                     </ul>
Line 848: Line 805:
 
                 <div id="navtext">
 
                 <div id="navtext">
 
                     <ul id="project-sub">
 
                     <ul id="project-sub">
−
                         <li class="chip_gap"><a href="https://2015.igem.org/Team:Freiburg/Project/Overview"></a></li>
+
                         <li class="chip_gap"><a href="https://2018.igem.org/Team:Pasteur_Paris/Description"></a></li>
−
                         <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Project/Overview">Introduction</a></li>
+
                         <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Description">Description</a></li>
−
                         <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Project/System">Overview</a></li>
+
                         <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Attributions">Infection</a></li>
−
                         <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Design">Diagnostics today</a></li>
+
                         <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Partners">Conductivity</a></li>
−
                         <li><a class="navsub1 subsubmenu" href="#">The DiaCHIP</a>
+
                         <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Design">Design</a></li>
−
                            <ul>
+
−
                                <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Project/DNA_Engineering">DNA Engineering</a></li>
+
−
                                <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Project/Cellfree_Expression">Cell-Free Expression</a></li>
+
−
                                <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Project/Protein_Purification">Protein Purification</a></li>
+
−
                                <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Project/Surface_Chemistry">Surface Chemistry</a></li>
+
−
                                <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Project/iRIf">Optical Detection</a></li>
+
−
                            </ul>
+
−
                        </li>
+
−
                        <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Project/Future_Directions">Outlook</a></li>
+
 
                     </ul>
 
                     </ul>
−
                     <ul id="team-sub">
+
                     <ul id="labwork-sub">
−
                         <li class="chip_gap"><a href="https://2015.igem.org/Team:Freiburg/Team"></a></li>
+
                         <li class="chip_gap"><a href="https://2018.igem.org/Team:Pasteur_Paris/Labwork"></a></li>
−
                         <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Team">Members</a></li>
+
                         <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Experiments">Experiments</a></li>
−
                         <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Attributions">Acknowledgements</a></li>
+
                        <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Demonstrate">Demonstrate</a></li>
−
                         <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Partners">Partners</a></li>
+
                         <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Notebook">Notebook</a></li>
 +
                         <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/InterLab">InterLab</a></li>
 
                     </ul>
 
                     </ul>
−
                     <ul id="results-sub">
+
                     <ul id="parts-sub">
−
                         <li class="chip_gap"><a href="https://2015.igem.org/Team:Freiburg/Results"></a></li>
+
                         <li class="chip_gap"><a href="https://2018.igem.org/Team:Pasteur_Paris/Parts"></a></li>
−
                         <li><a class="navsub1 subsubmenu" href="#">The DiaCHIP</a>
+
                         <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Parts">Overview</a></li>
−
                            <ul>
+
                        <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Basic_Part">Basic Part</a></li>
−
                                <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Results">Main Results</a></li>
+
                        <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Composite_Part">Composite Part</a></li>
−
                                <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Results/Diagnostics">Diagnostics</a></li>
+
                        <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Part_Collection">Part Collection</a></li>
−
                                <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Results/Own_Device">Our Device</a></li>
+
                    </ul>
−
                                <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Results/Immobilization">DNA Array</a></li>
+
                    <ul id="modelling-sub">
−
                                <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Results/Cellfree">Cell-Free Expression</a></li>
+
                         <li class="chip_gap"><a href="https://2018.igem.org/Team:Pasteur_Paris/Model"></a></li>
−
                                <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Results/Surface">Binding on Surface</a></li>
+
                         <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Model">Model</a></li>
−
                                <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Results/Modeling">Modeling</a></li>
+
−
                            </ul>
+
−
                        </li>
+
−
                        <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Parts">BioBricks</a></li>
+
−
                         <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Collaborations">Collaborations</a></li>
+
−
                        <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/InterLab_Study">Interlab Study</a></li>
+
−
                         <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Achievements">Achievements</a></li>
+
 
                     </ul>  
 
                     </ul>  
−
                     <ul id="policy-sub">
+
                     <ul id="achievements-sub">
−
                         <li class="chip_gap"><a href="https://2015.igem.org/Team:Freiburg/Human_Practice"></a></li>
+
                         <li class="chip_gap"><a href="https://2018.igem.org/Team:Pasteur_Paris/Achievements"></a></li>
−
                         <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Human_Practice/Science_Fair">Science Fair</a></li>
+
                         <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/MedalCriterias">Medals Criterias</a></li>
−
                         <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Human_Practice/Theater_Project">Theater Project</a></li>
+
                         <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Awards">Awards</a></li>
−
                         <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Human_Practice/Public_Opinion">Public Opinion</a></li>
+
                         <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Collaborations">Collaboration</a></li>
−
                         <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Human_Practice/College">College Talk</a></li>
+
                         <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Improve">Improve</a></li>
−
                        <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Human_Practice/Ethics">Ethics</a></li>
+
 
                     </ul>
 
                     </ul>
−
                     <ul id="notebook-sub">
+
                     <ul id="hp-sub">
−
                         <li class="chip_gap"><a href="https://2015.igem.org/Team:Freiburg/Notebook"></a></li>
+
                         <li class="chip_gap"><a href="https://2018.igem.org/Team:Pasteur_Paris/Human_Practices"></a></li>
−
                         <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Labjournals">Labjournals</a>
+
                         <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Human_Practices">Silver</a></li>
−
                        </li>
+
                         <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Human_Practices">Gold & integrated HP</a></li>
−
                         <li><a class="navsub1 subsubmenu" href="#">Techniques</a>
+
                        <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Public_Engagement">Education & Engagement</a></li>
−
                            <ul>
+
                         <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Safety">Safety</a></li>
−
                                <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Project/Classic_vs_Gibson">Gibson</a></li>
+
                    </ul>
−
                                <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Project/Coli_Strains">E.coli Strains</a></li>
+
                    <ul id="aboutus-sub">
−
                            </ul>
+
                        <li class="chip_gap"><a href="https://2018.igem.org/Team:Pasteur_Paris/Team"></a></li>
−
                        </li>
+
                         <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Team">Team Members</a></li>
−
                         <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Protocols">Protocols</a></li>
+
                         <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Attributions">Attributions</a></li>
−
                        <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Materials">Materials</a></li>
+
                         <li><a class="navsub1" href="https://2018.igem.org/Team:Pasteur_Paris/Sponsors">Sponsors</a></li>
−
                         <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Safety">Safety</a></li>
+
−
                         <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Wikimigration">Wiki-Tricks</a></li>
+
−
                         <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Glossary">Glossary</a></li>
+
−
                            </ul>
+
−
                        </li>
+
 
                     </ul>
 
                     </ul>
 
                 </div>
 
                 </div>
−
             </div>  
+
             </div>  
 
<!-- End of navigation submenu -->
 
<!-- End of navigation submenu -->
 
         </div>
 
         </div>
Line 1,163: Line 1,099:
 
<script type="text/javascript">
 
<script type="text/javascript">
 
         $(document).ready(function(){
 
         $(document).ready(function(){
−
// make submenus appear //
+
// make submenus appear //
−
             $("#home").hover(function(){
+
             $("#project").hover(function(){
−
                $("#team-sub") .hide();
+
 
                 $("#project-sub") .hide();
 
                 $("#project-sub") .hide();
−
                 $("#results-sub") .hide();
+
                 $("#parts-sub") .hide();
−
                 $("#policy-sub") .hide();
+
                 $("#labwork-sub") .hide();
−
                 $("#notebook-sub") .hide();
+
                 $("#modelling-sub") .hide();
−
            });
+
                 $("#achievements-sub") .hide();
−
            $("#project").hover(function(){
+
                 $("#hp-sub") .hide();
−
                $("#project-sub") .show();
+
                 $("#aboutus-sub") .hide();
−
                $("#team-sub") .hide();
+
−
                 $("#results-sub") .hide();
+
−
                 $("#policy-sub") .hide();
+
−
                 $("#notebook-sub") .hide();
+
 
             },
 
             },
 
                                     function(){
 
                                     function(){
 
                 $("#project-sub") .hide();
 
                 $("#project-sub") .hide();
 +
            });
 +
            $("#labwork").hover(function(){
 +
                $("#labwork-sub") .show();
 +
                $("#project-sub") .hide();
 +
                $("#parts-sub") .hide();
 +
                $("#modelling-sub") .hide();
 +
                $("#achievements-sub") .hide();
 +
                $("#hp-sub") .hide();
 +
                $("#aboutus-sub") .hide();
 +
            },
 +
                                    function(){
 +
                $("#labwork-sub") .hide();
 
             });
 
             });
 
              
 
              
−
             $("#team").hover(function(){
+
             $("#parts").hover(function(){
−
                 $("#team-sub") .show();
+
                 $("#parts-sub") .show();
 
                 $("#project-sub") .hide();
 
                 $("#project-sub") .hide();
−
                 $("#results-sub") .hide();
+
                 $("#labwork-sub") .hide();
−
                 $("#policy-sub") .hide();
+
                 $("#modelling-sub") .hide();
−
                 $("#notebook-sub") .hide();
+
                 $("#achievements-sub") .hide();
 +
                $("#hp-sub") .hide();
 +
                $("#aboutus-sub") .hide();
 
             },
 
             },
 
                                     function(){
 
                                     function(){
−
                 $("#team-sub") .hide();
+
                 $("#parts-sub") .hide();
 
             });
 
             });
 
              
 
              
−
             $("#results").hover(function(){
+
             $("#modelling").hover(function(){
−
                 $("#results-sub") .show();
+
                 $("#modelling-sub") .show();
 
                 $("#project-sub") .hide();
 
                 $("#project-sub") .hide();
−
                 $("#team-sub") .hide();
+
                 $("#parts-sub") .hide();
−
                 $("#policy-sub") .hide();
+
                 $("#labwork-sub") .hide();
−
                 $("#notebook-sub") .hide();
+
                 $("#achievements-sub") .hide();
 +
                $("#hp-sub") .hide();
 +
                $("#aboutus-sub") .hide();
 
             });
 
             });
 
              
 
              
−
             $("#policy").hover(function(){
+
             $("#achievements").hover(function(){
−
                 $("#policy-sub") .show();
+
                 $("#achievements-sub") .show();
 
                 $("#project-sub") .hide();
 
                 $("#project-sub") .hide();
−
                 $("#team-sub") .hide();
+
                 $("#parts-sub") .hide();
−
                 $("#results-sub") .hide();
+
                 $("#labwork-sub") .hide();
−
                 $("#notebook-sub") .hide();
+
                 $("#modelling-sub") .hide();
 +
                $("#hp-sub") .hide();
 +
                $("#aboutus-sub") .hide();
 
             },
 
             },
 
                                     function(){
 
                                     function(){
−
                 $("#policy-sub") .hide();
+
                 $("#achievements-sub") .hide();
 
             });
 
             });
 
              
 
              
−
             $("#notebook").hover(function(){
+
             $("#hp").hover(function(){
−
                 $("#notebook-sub") .show();
+
                 $("#hp-sub") .show();
 
                 $("#project-sub") .hide();
 
                 $("#project-sub") .hide();
−
                 $("#team-sub") .hide();
+
                 $("#parts-sub") .hide();
−
                 $("#results-sub") .hide();
+
                 $("#labwork-sub") .hide();
−
                 $("#policy-sub") .hide();
+
                 $("#modelling-sub") .hide();
 +
                $("#achievements-sub") .hide();
 +
                $("#aboutus-sub") .hide();
 
             },
 
             },
 
                                     function(){
 
                                     function(){
−
                 $("#notebook-sub") .hide();
+
                 $("#hp-sub") .hide();
 
             });
 
             });
−
// make chip stay over main menu point when its submenu appears and makes the submenu stay visible//
+
 
 +
            $("#aboutus").hover(function(){
 +
                $("#aboutus-sub") .show();
 +
                $("#project-sub") .hide();
 +
                $("#parts-sub") .hide();
 +
                $("#labwork-sub") .hide();
 +
                $("#modelling-sub") .hide();
 +
                $("#achievements-sub") .hide();
 +
                $("#hp-sub") .hide();
 +
            },
 +
                                    function(){
 +
                $("#aboutus-sub") .hide();
 +
            });
 +
// make chip stay over main menu point when its submenu appears and makes the submenu stay visible//
 
             $("#project-sub") .hover(function(){
 
             $("#project-sub") .hover(function(){
−
                 $("#runningchip") .css('left','18.6%');
+
                 $("#runningchip") .css('right','93.5%');
 
                 $("#project-sub") .show();
 
                 $("#project-sub") .show();
 +
            },
 +
                                    function(){
 +
                $("#runningchip") .css('right','');
 +
                $("#project-sub") .hide();
 +
            });
 +
            $("#labwork-sub") .hover(function(){
 +
                $("#runningchip") .css('left','13.1%');
 +
                $("#labwork-sub") .show();
 
             },
 
             },
 
                                     function(){
 
                                     function(){
 
                 $("#runningchip") .css('left','');
 
                 $("#runningchip") .css('left','');
−
                 $("#project-sub") .hide();
+
                 $("#labwork-sub") .hide();
 
             });
 
             });
−
             $("#team-sub") .hover(function(){
+
             $("#parts-sub") .hover(function(){
−
                 $("#runningchip") .css('left','35.5%');
+
                 $("#runningchip") .css('left','24.7%');
−
                 $("#team-sub") .show();
+
                 $("#parts-sub") .show();
 
             },
 
             },
 
                                     function(){
 
                                     function(){
 
                 $("#runningchip") .css('left','');
 
                 $("#runningchip") .css('left','');
−
                 $("#team-sub") .hide();
+
                 $("#parts-sub") .hide();
 
             });
 
             });
−
             $("#results-sub") .hover(function(){
+
             $("#modelling-sub") .hover(function(){
−
                 $("#runningchip") .css('left','52%');
+
                 $("#runningchip") .css('left','36.5%');
−
                 $("#results-sub") .show();
+
                 $("#modelling-sub") .show();
 
             },
 
             },
 
                                     function(){
 
                                     function(){
 
                 $("#runningchip") .css('left','');
 
                 $("#runningchip") .css('left','');
−
                 $("#results-sub") .hide();
+
                 $("#modelling-sub") .hide();
 
             });
 
             });
−
             $("#policy-sub") .hover(function(){
+
             $("#achievements-sub") .hover(function(){
−
                 $("#runningchip") .css('left','68.9%');
+
                 $("#runningchip") .css('left','48.1%');
−
                 $("#policy-sub") .show();
+
                 $("#achievements-sub") .show();
 
             },
 
             },
 
                                     function(){
 
                                     function(){
 
                 $("#runningchip") .css('left','');
 
                 $("#runningchip") .css('left','');
−
                 $("#policy-sub") .hide();
+
                 $("#achievements-sub") .hide();
 
             });
 
             });
−
             $("#notebook-sub") .hover(function(){
+
             $("#hp-sub") .hover(function(){
−
                 $("#runningchip") .css('left','85.5%');
+
                 $("#runningchip") .css('left','59.8%');
−
                 $("#notebook-sub") .show();
+
                 $("#hp-sub") .show();
 +
            },
 +
                                    function(){
 +
                $("#runningchip") .css('left','');
 +
                $("#hp-sub") .hide();
 +
            });
 +
 
 +
            $("#aboutus-sub") .hover(function(){
 +
                $("#runningchip") .css('left','71.4%');
 +
                $("#aboutus-sub") .show();
 
             },
 
             },
 
                                     function(){
 
                                     function(){
 
                 $("#runningchip") .css('left','');
 
                 $("#runningchip") .css('left','');
−
                 $("#notebook-sub") .hide();
+
                 $("#aboutus-sub") .hide();
 
             });
 
             });
 
         });
 
         });

Revision as of 14:44, 31 July 2018


Training

FLOWERS, MY LIFE

I love flowers

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mollis sollicitudin semper. Sed tempor vel leo at porta. Sed eleifend lacinia bibendum. Vestibulum tempor quam eget facilisis vehicula. Quisque in dolor justo. Morbi in erat sed nisi mattis molestie vitae vel leo. Mauris pellentesque aliquam nunc vitae finibus.

Figure 1 : Beautiful roses

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mollis sollicitudin semper. Sed tempor vel leo at porta. Sed eleifend lacinia bibendum. Vestibulum tempor quam eget facilisis vehicula. Quisque in dolor justo. Morbi in erat sed nisi mattis molestie vitae vel leo. Mauris pellentesque aliquam nunc vitae finibus.

Figure 2 : Flowers and shoes

THERE ARE NOT ONLY FLOWERS IN LIFE

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mollis sollicitudin semper. Sed tempor vel leo at porta. Sed eleifend lacinia bibendum. Vestibulum tempor quam eget facilisis vehicula. Quisque in dolor justo. Morbi in erat sed nisi mattis molestie vitae vel leo. Mauris pellentesque aliquam nunc vitae finibus.

Nulla ornare purus ac pharetra semper. Maecenas lacinia urna ac libero scelerisque pellentesque non non ipsum. Curabitur rhoncus quis nibh vestibulum gravida. Nulla consequat viverra tempus. Mauris faucibus, urna nec scelerisque malesuada, mi arcu mollis ipsum, quis euismod felis mauris et ligula. Suspendisse egestas aliquam arcu porta aliquet. Proin leo ligula, ultrices ac lacus ac, finibus lacinia turpis. Nunc at tortor sit amet risus molestie placerat. In accumsan vitae massa a molestie. Vestibulum fermentum hendrerit nulla, et maximus eros condimentum eget. Fusce volutpat lacinia velit, quis laoreet diam facilisis ut. Proin magna est, ornare in tincidunt in, feugiat et dolor. Vestibulum finibus sodales odio, nec posuere massa iaculis sit amet. Fusce non tempor diam.

Figure 3 : This is not a flower

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mollis sollicitudin semper. Sed tempor vel leo at porta. Sed eleifend lacinia bibendum. Vestibulum tempor quam eget facilisis vehicula. Quisque in dolor justo. Morbi in erat sed nisi mattis molestie vitae vel leo. Mauris pellentesque aliquam nunc vitae finibus.

Figure 4 : Okay, this is a flower

REASONABLE ARGUMENTS FOR LOVING FLOWERS

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mollis sollicitudin semper. Sed tempor vel leo at porta. Sed eleifend lacinia bibendum. Vestibulum tempor quam eget facilisis vehicula. Quisque in dolor justo. Morbi in erat sed nisi mattis molestie vitae vel leo. Mauris pellentesque aliquam nunc vitae finibus.

Figure 5 : I already showed these, but I really like these shoes

Figure 6 : Flowers sells and benefits, period 2000-2018

Figure 7 : Shoes sells and benefits, period 2000-2018

Figure 8 : This one is just a random chart

I

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mollis sollicitudin semper. Sed tempor vel leo at porta. Sed eleifend lacinia bibendum. Vestibulum tempor quam eget facilisis vehicula. Quisque in dolor justo.

Love

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mollis sollicitudin semper. Sed tempor vel leo at porta. Sed eleifend lacinia bibendum. Vestibulum tempor quam eget facilisis vehicula. Quisque in dolor justo.

Flowers

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mollis sollicitudin semper. Sed tempor vel leo at porta. Sed eleifend lacinia bibendum. Vestibulum tempor quam eget facilisis vehicula. Quisque in dolor justo.

Figure 9 : I'm lovin' it

Références

1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mollis sollicitudin semper. Sed tempor vel leo at porta.

2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mollis sollicitudin semper. Sed tempor vel leo at porta.

3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mollis sollicitudin semper. Sed tempor vel leo at porta.

4. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mollis sollicitudin semper. Sed tempor vel leo at porta.

5. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mollis sollicitudin semper. Sed tempor vel leo at porta.