Difference between revisions of "Team:Vilnius-Lithuania/Human Practices"

Line 12: Line 12:
 
<body>
 
<body>
 
         <div class="integrated">
 
         <div class="integrated">
−
<input id="headingTitleText" type="hidden" value="Integrated Human Practices" />
+
        <input id="headingTitleText" type="hidden" value="Integrated Human Practices" />
 
         <div class="overview-wrapper">
 
         <div class="overview-wrapper">
 
             <div class="overview">
 
             <div class="overview">
Line 36: Line 36:
 
                     </div>
 
                     </div>
 
                     <div class="right">
 
                     <div class="right">
−
                         <button id="newteam">
+
                         <button id="newteam" class="society">
−
                     <div class="indicator society"></div>
+
                     <div class="indicator"></div>
 
                     <svg id="click-info-desktop" class="visible" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 136.6 135.4" xmlns:v="https://vecta.io/nano"><g fill="none" stroke="#121212" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M127.596 119.46l7.5 7.3-7.5 7.2"/><path d="M135.096 126.86h-81.2v-59"/></g><text><tspan font-family="Lato-Regular" font-size="24" x="11.844" y="20.598">Click to </tspan><tspan x="0.044" y="49.398" font-family="Lato-Regular" font-size="24">read more</tspan></text></svg>
 
                     <svg id="click-info-desktop" class="visible" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 136.6 135.4" xmlns:v="https://vecta.io/nano"><g fill="none" stroke="#121212" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M127.596 119.46l7.5 7.3-7.5 7.2"/><path d="M135.096 126.86h-81.2v-59"/></g><text><tspan font-family="Lato-Regular" font-size="24" x="11.844" y="20.598">Click to </tspan><tspan x="0.044" y="49.398" font-family="Lato-Regular" font-size="24">read more</tspan></text></svg>
 
                     <svg id="click-info-mobile" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 107.76 154.16" xmlns:v="https://vecta.io/nano"><g fill="none" stroke="#121212" stroke-linecap="round" stroke-linejoin="round"><path d="M40.47 137.93l13.3 13.23 13.4-13.23" stroke-width="6"/><path d="M53.88 151.15v-90.1" stroke-width="5"/></g><text transform="translate(15.27 20.6)" font-size="24" font-family="lato-regular,sans-serif">Click to</text><text transform="translate(0 49.6)" font-size="24" font-family="lato-regular,sans-serif">read more</text></svg>
 
                     <svg id="click-info-mobile" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 107.76 154.16" xmlns:v="https://vecta.io/nano"><g fill="none" stroke="#121212" stroke-linecap="round" stroke-linejoin="round"><path d="M40.47 137.93l13.3 13.23 13.4-13.23" stroke-width="6"/><path d="M53.88 151.15v-90.1" stroke-width="5"/></g><text transform="translate(15.27 20.6)" font-size="24" font-family="lato-regular,sans-serif">Click to</text><text transform="translate(0 49.6)" font-size="24" font-family="lato-regular,sans-serif">read more</text></svg>
Line 53: Line 53:
 
                     </div>
 
                     </div>
 
                     <div class="right">
 
                     <div class="right">
−
                         <button id="coins">
+
                         <button id="coins" class="society primary-event">
−
                     <div class="indicator society"></div>
+
                     <div class="indicator"></div>
−
                     <p>Participated in international life sciences conference <b>The COINS 2020</b></p>
+
                     <p>Participated in the International Life Sciences Conference <b>The COINS 2020</b></p>
 
                 </button>
 
                 </button>
 
                     </div>
 
                     </div>
Line 68: Line 68:
 
                     </div>
 
                     </div>
 
                     <div class="right">
 
                     <div class="right">
−
                         <button id="pi1">
+
                         <button id="pi1" class="academia">
−
                     <div class="indicator academia"></div>
+
                     <div class="indicator"></div>
 
                     <p>Presenting the idea to our PI <b>prof. Rolandas Meškys</b></p>
 
                     <p>Presenting the idea to our PI <b>prof. Rolandas Meškys</b></p>
 
                 </button>
 
                 </button>
−
                         <button id="fishfarms">
+
                         <button id="fishfarms" class="companies">
−
                     <div class="indicator companies"></div>
+
                     <div class="indicator"></div>
−
                     <p>Talks with various <b>fish farms</b> to learn about the current situation of fish diseases</p>
+
                     <p>Phone calls with various <b>fish farms</b> to learn about the current situation of fish diseases</p>
−
                </button>
+
                         </button>
−
                         <button id="fishnet1">
+
−
                    <div class="indicator companies"></div>
+
−
                    <p>First call conference with fish aquaculture farm <b>'FishNet'</b></p>
+
−
                </button>
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 91: Line 87:
 
                     </div>
 
                     </div>
 
                     <div class="right">
 
                     <div class="right">
−
                         <button id="almira1">
+
                        <button id="nvrmi" class="companies">
−
                     <div class="indicator academia"></div>
+
                            <div class="indicator"></div>
−
                     <p>Meeting about gold nanoparticles production with <b>prof. Almira Ramanavičienė</b></p>
+
                            <p>Consultation with the <b>National Food and Veterinary Inspection (NFVRI)</b> specialist Darius Nienius</p>
 +
                        </button>
 +
                         <button id="almira1" class="academia primary-event">
 +
                     <div class="indicator"></div>
 +
                     <p>Meeting about gold nanoparticles synthesis with <b>prof. Almira Ramanavičienė</b></p>
 
                 </button>
 
                 </button>
−
                         <button id="nvrmi">
+
 
−
                    <div class="indicator companies"></div>
+
                         <button id="fishnet1" class="companies primary-event">
−
                    <p>Consultation with the <b>National Food and Veterinary Inspection</b></p>
+
                     <div class="indicator"></div>
−
                </button>
+
                     <p>Virtual meeting with rainbow trouts aquaculture farm <b>'FishNet'</b></p>
−
                        <button id="fishnet2">
+
−
                     <div class="indicator companies"></div>
+
−
                     <p>Further correspondence with <b>'FishNet'</b></p>
+
−
                </button>
+
−
                        <button id="smms">
+
−
                    <div class="indicator society"></div>
+
−
                    <p>Participated in online learning programme <b>'SMMS'</b> for high school students</p>
+
 
                 </button>
 
                 </button>
 
                     </div>
 
                     </div>
Line 118: Line 111:
 
                     </div>
 
                     </div>
 
                     <div class="right">
 
                     <div class="right">
−
                         <button id="pi2">
+
                         <button id="pi2" class="academia">
−
                     <div class="indicator academia"></div>
+
                     <div class="indicator"></div>
 
                     <p>Consultations with <b>prof. Rolandas Meškys</b></p>
 
                     <p>Consultations with <b>prof. Rolandas Meškys</b></p>
 
                 </button>
 
                 </button>
−
                         <button id="fishnet3">
+
                         <button id="fishnet2" class="companies">
−
                     <div class="indicator companies"></div>
+
                     <div class="indicator"></div>
 
                     <p>Trip to <b>'FishNet'</b> farm</p>
 
                     <p>Trip to <b>'FishNet'</b> farm</p>
 
                 </button>
 
                 </button>
Line 137: Line 130:
 
                     </div>
 
                     </div>
 
                     <div class="right">
 
                     <div class="right">
−
                         <button id="giedre">
+
                         <button id="giedre" class="academia">
−
                     <div class="indicator academia"></div>
+
                     <div class="indicator"></div>
−
                     <p>Meeting about helicase construction with <b>dr. Giedrė Tamulaitienė</b></p>
+
                     <p>Virtual consultation about helicase construction with <b>dr. Giedrė Tamulaitienė</b></p>
 
                 </button>
 
                 </button>
−
                         <button id="vilnius">
+
                         <button id="vilnius" class="society">
−
                     <div class="indicator society"></div>
+
                     <div class="indicator"></div>
 
                     <p>Meeting with <b>Vilnius city administration</b> for 'The 6th SynBio sense' project</p>
 
                     <p>Meeting with <b>Vilnius city administration</b> for 'The 6th SynBio sense' project</p>
 
                 </button>
 
                 </button>
Line 156: Line 149:
 
                     </div>
 
                     </div>
 
                     <div class="right">
 
                     <div class="right">
−
                         <button id="almira2">
+
                         <button id="almira2" class="academia">
−
                     <div class="indicator academia"></div>
+
                     <div class="indicator"></div>
 
                     <p>Production of gold nanoparticles with <b>prof. Almira Ramanavičienė</b></p>
 
                     <p>Production of gold nanoparticles with <b>prof. Almira Ramanavičienė</b></p>
 
                 </button>
 
                 </button>
−
                         <button id="kotryna">
+
                         <button id="kotryna" class="academia">
−
                     <div class="indicator academia"></div>
+
                     <div class="indicator"></div>
 
                     <p>Meeting about software development with <b>dr. Kotryna Kvederavičiūtė</b></p>
 
                     <p>Meeting about software development with <b>dr. Kotryna Kvederavičiūtė</b></p>
 
                 </button>
 
                 </button>
−
                         <button id="micromolds1">
+
                         <button id="micromolds1" class="companies primary-event">
−
                     <div class="indicator companies"></div>
+
                     <div class="indicator"></div>
−
                     <p>Designing 3D model of detection test case with <b>'Micromolds'</b></p>
+
                     <p>Designing a 3D model of a detection test case with <b>'Micromolds'</b></p>
 
                 </button>
 
                 </button>
−
                         <button id="alytus">
+
                         <button id="alytus" class="society">
−
                     <div class="indicator society"></div>
+
                     <div class="indicator"></div>
 
                     <p>Meeting with <b>Alytus city administration</b> for 'The 6th SynBio sense' project</p>
 
                     <p>Meeting with <b>Alytus city administration</b> for 'The 6th SynBio sense' project</p>
 
                 </button>
 
                 </button>
−
                         <button id="saulius">
+
                         <button id="saulius" class="society">
−
                     <div class="indicator society"></div>
+
                     <div class="indicator"></div>
 
                     <p>Meeting with <b>lawyer Saulius Bareika</b> to consult us about GDPR for 'The 6th SynBio sense' project</p>
 
                     <p>Meeting with <b>lawyer Saulius Bareika</b> to consult us about GDPR for 'The 6th SynBio sense' project</p>
 
                 </button>
 
                 </button>
Line 187: Line 180:
 
                     </div>
 
                     </div>
 
                     <div class="right">
 
                     <div class="right">
−
                         <button id="pi3">
+
                         <button id="klaipeda" class="society">
−
                    <div class="indicator academia"></div>
+
                            <div class="indicator"></div>
−
                    <p>Consultation with <b>prof. Rolandas Meškys</b> about exolysins and AI-2</p>
+
                            <p>Meeting with <b>Klaipėda city administration</b> for 'The 6th SynBio sense' project</p>
−
                </button>
+
                        </button>
−
                         <button id="micromolds2">
+
                         <button id="paulius" class="academia">
−
                    <div class="indicator companies"></div>
+
                            <div class="indicator"></div>
−
                    <p>Final detection test case design stages with <b>'Micromolds'</b></p>
+
                            <p>Meeting about helicase research with our advisor <b>dr. Paulius Toliušis</b></p>
−
                </button>
+
                        </button>
−
                         <button id="klaipeda">
+
                         <button id="juta" class="academia">
−
                    <div class="indicator society"></div>
+
                            <div class="indicator"></div>
−
                    <p>Meeting with <b>Klaipėda city administration</b> for 'The 6th SynBio sense' project</p>
+
                            <p>Meeting with <b>Juta Rainytė</b> and <b>dr. Rasa Petraitytė-Burneikienė</b></p>
−
                </button>
+
                        </button>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 210: Line 203:
 
                     </div>
 
                     </div>
 
                     <div class="right">
 
                     <div class="right">
−
                         <button id="paulius">
+
                         <button id="almira3" class="academia">
−
                    <div class="indicator academia"></div>
+
                            <div class="indicator"></div>
−
                    <p>Meeting about helicase research with our advisor <b>Paulius Toliušis</b></p>
+
                            <p>Discussion with <b>prof. A. Ramanavičienė</b> about unsuccessful functionalization reaction</p>
−
                </button>
+
                        </button>
−
                         <button id="micromolds3">
+
                         <button id="micromolds3" class="companies">
−
                     <div class="indicator companies"></div>
+
                     <div class="indicator"></div>
 
                     <p>Received final version of the detection test case from <b>'Micromolds'</b></p>
 
                     <p>Received final version of the detection test case from <b>'Micromolds'</b></p>
 
                 </button>
 
                 </button>
−
                         <button id="taurage">
+
                         <button id="taurage" class="society">
−
                     <div class="indicator society"></div>
+
                     <div class="indicator"></div>
 
                     <p>Meeting with <b>Tauragė city administration</b> for 'The 6th SynBio sense' project</p>
 
                     <p>Meeting with <b>Tauragė city administration</b> for 'The 6th SynBio sense' project</p>
 
                 </button>
 
                 </button>
−
                         <button id="contactfair">
+
                         <button id="contactfair" class="society">
−
                     <div class="indicator society"></div>
+
                     <div class="indicator"></div>
 
                     <p>Participating in the annual Vilnius University <b>Contact Fair</b></p>
 
                     <p>Participating in the annual Vilnius University <b>Contact Fair</b></p>
 +
                </button>
 +
                        <button id="sergej" class="academia">
 +
                    <div class="indicator"></div>
 +
                    <p>Meetings <b>prof. Sergejus Borodinas</b> and <b>Arūnas Speičys</b></p>
 
                 </button>
 
                 </button>
 
                     </div>
 
                     </div>
Line 251: Line 248:
 
     <div class="curtain" id="curt">
 
     <div class="curtain" id="curt">
 
         <div class="info">
 
         <div class="info">
−
             <div id="close" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 55"><defs><style>.a{fill:none;stroke:#6281EF;stroke-linecap:round;stroke-miterlimit:10;stroke-width:7px;}</style></defs><title>close</title><line class="a" x1="5" y1="5" x2="50" y2="50"/><line class="a" x1="50" y1="5" x2="5" y2="50"/></svg></div>
+
             <div id="close" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 55"><defs><style>.a{fill:none;stroke:#6281ef;stroke-linecap:round;stroke-miterlimit:10;stroke-width:7px;}</style></defs><title>close</title><line class="a" x1="5" y1="5" x2="50" y2="50"/><line class="a" x1="50" y1="5" x2="5" y2="50"/></svg></div>
 
             <div class="info-wrapper">
 
             <div class="info-wrapper">
 
                 <h2 class="title"></h2>
 
                 <h2 class="title"></h2>
 
                 <div class="scroll-area">
 
                 <div class="scroll-area">
−
                     <div class="full-info-wrap">
+
 
−
                        <div class="description-wrapper">
+
                     <div>
−
                            <div class="grid-part">
+
                        <div class="fadeout top"></div>
−
                                <h3>Description</h3>
+
                        <div>
−
                                <p class="info-description"></p>
+
                            <div class="full-info-wrap">
−
                            </div>
+
                                <div class="description-wrapper">
−
                            <div class="grid-part">
+
                                    <div class="grid-part">
−
                                <h3>Contribution</h3>
+
                                        <h3>Description</h3>
−
                                <p class="info-contribution"></p>
+
                                        <p class="info-description info-text"></p>
−
                            </div>
+
                                    </div>
−
                            <div class="grid-part">
+
                                    <div class="grid-part">
−
                                <h3>Adjustment</h3>
+
                                        <h3>Contribution</h3>
−
                                <p class="info-adjustment"></p>
+
                                        <p class="info-contribution info-text"></p>
−
                            </div>
+
                                    </div>
−
                            <div class="grid-part">
+
                                    <div class="grid-part">
−
                                <h3>Our next steps</h3>
+
                                        <h3>Adjustment</h3>
−
                                <p class="info-nextsteps"></p>
+
                                        <p class="info-adjustment info-text"></p>
 +
                                    </div>
 +
                                    <div class="grid-part">
 +
                                        <h3>Our next steps</h3>
 +
                                        <p class="info-nextsteps info-text"></p>
 +
                                    </div>
 +
                                </div>
 +
 
 
                             </div>
 
                             </div>
 +
                            <svg class="invisible" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.3 178.19"><defs><style>.e{font-size:18px;fill:#6281ef;font-family:'montserrat-light', Montserrat, sans-serif;font-weight:300;}.b{letter-spacing:-0.01em;}.c,.d{fill:none;stroke:#6281ef;stroke-linecap:round;stroke-width:3px;}.c{stroke-linejoin:round;}.d{stroke-miterlimit:10;}</style></defs><title>scroll</title><text class="e" transform="translate(4.7 66.75) rotate(90)">sc<tspan class="b" x="18.59" y="0">r</tspan><tspan x="25.43" y="0">oll</tspan></text><path class="c" d="M3.56,169.42l7.28,7.27,8-7.95"/><line class="d" x1="10.84" y1="176.69" x2="10.84" y2="118.65"/><path class="c" d="M3.22,8.78,10.5,1.5l8,8"/><line class="d" x1="10.5" y1="1.5" x2="10.5" y2="59.54"/></svg>
 
                         </div>
 
                         </div>
 +
                        <div class="fadeout bottom"></div>
 
                         <div class="info-media"></div>
 
                         <div class="info-media"></div>
 
                     </div>
 
                     </div>
−
                    <svg class="invisible" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.3 178.19"><defs><style>.e{font-size:18px;fill:#222;font-family:Montserrat-Light, Montserrat;font-weight:300;}.b{letter-spacing:-0.01em;}.c,.d{fill:none;stroke:#222;stroke-linecap:round;stroke-width:3px;}.c{stroke-linejoin:round;}.d{stroke-miterlimit:10;}</style></defs><title>scroll</title><text class="e" transform="translate(4.7 66.75) rotate(90)">sc<tspan class="b" x="18.59" y="0">r</tspan><tspan x="25.43" y="0">oll</tspan></text><path class="c" d="M3.56,169.42l7.28,7.27,8-7.95"/><line class="d" x1="10.84" y1="176.69" x2="10.84" y2="118.65"/><path class="c" d="M3.22,8.78,10.5,1.5l8,8"/><line class="d" x1="10.5" y1="1.5" x2="10.5" y2="59.54"/></svg>
+
 
 +
 
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>

Revision as of 19:53, 25 October 2020
Integrated

integrated human practices

Lorem ipsum dolor sit amet, consectetur adipiscing 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.

follow

our journey

january

february

march

april

may

june

july

august

september

all
academia
companies
society
close

Description

Contribution

Adjustment

Our next steps