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

Line 12: Line 12:
 
<body>
 
<body>
 
         <main class="elevate-navbar">
 
         <main class="elevate-navbar">
−
         <div id="events">
+
         <div class="overview-wrapper">
−
             <div class="header">
+
             <div class="overview">
−
                 <h1>follow</h1>
+
                 <h2>integrated human practices</h2>
−
                 <h2>our journey</h2>
+
                 <p>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.</p>
 
             </div>
 
             </div>
−
            <div class="month">
+
        </div>
−
                <div class="left">
+
        <div class="events-wrapper">
−
                    <h1>january</h1>
+
            <div id="events">
−
                </div>
+
                <div class="header">
−
                <div class="middle">
+
                     <h1>follow</h1>
−
                    <div class="line"></div>
+
                     <h2>our journey</h2>
−
                     <div class="circle small"></div>
+
−
                     <div class="circle"></div>
+
 
                 </div>
 
                 </div>
−
                 <div class="right">
+
                 <div class="month">
−
                     <button>
+
                     <div class="left">
 +
                        <h1>january</h1>
 +
                    </div>
 +
                    <div class="middle">
 +
                        <div class="line"></div>
 +
                        <div class="circle small"></div>
 +
                        <div class="circle"></div>
 +
                    </div>
 +
                    <div class="right">
 +
                        <button id="newteam">
 
                     <div class="indicator society"></div>
 
                     <div class="indicator society"></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>
Line 33: Line 41:
 
                     <p>Forming <b>Vilnius-Lithuania iGEM 2020 team</b> and receiving good practices</p>
 
                     <p>Forming <b>Vilnius-Lithuania iGEM 2020 team</b> and receiving good practices</p>
 
                 </button>
 
                 </button>
 +
                    </div>
 
                 </div>
 
                 </div>
−
            </div>
+
                <div class="month">
−
            <div class="month">
+
                    <div class="left">
−
                <div class="left">
+
                        <h1>february</h1>
−
                    <h1>february</h1>
+
                    </div>
−
                </div>
+
                    <div class="middle">
−
                <div class="middle">
+
                        <div class="line"></div>
−
                    <div class="line"></div>
+
                        <div class="circle"></div>
−
                    <div class="circle"></div>
+
                    </div>
−
                </div>
+
                    <div class="right">
−
                <div class="right">
+
                        <button id="coins">
−
                    <button id="coins">
+
 
                     <div class="indicator society"></div>
 
                     <div class="indicator society"></div>
 
                     <p>Participated in international life sciences conference <b>The COINS 2020</b></p>
 
                     <p>Participated in international life sciences conference <b>The COINS 2020</b></p>
 
                 </button>
 
                 </button>
 +
                    </div>
 
                 </div>
 
                 </div>
−
            </div>
+
                <div class="month">
−
            <div class="month">
+
                    <div class="left">
−
                <div class="left">
+
                        <h1>march</h1>
−
                    <h1>march</h1>
+
                    </div>
−
                </div>
+
                    <div class="middle">
−
                <div class="middle">
+
                        <div class="line"></div>
−
                    <div class="line"></div>
+
                        <div class="circle"></div>
−
                    <div class="circle"></div>
+
                    </div>
−
                </div>
+
                    <div class="right">
−
                <div class="right">
+
                        <button id="pi1">
−
                    <button>
+
 
                     <div class="indicator academia"></div>
 
                     <div class="indicator academia"></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>
+
                        <button id="fishfarms">
 
                     <div class="indicator companies"></div>
 
                     <div class="indicator companies"></div>
 
                     <p>Talks with various <b>fish farms</b> to learn about the current situation of fish diseases</p>
 
                     <p>Talks with various <b>fish farms</b> to learn about the current situation of fish diseases</p>
 
                 </button>
 
                 </button>
−
                    <button>
+
                        <button id="fishnet1">
 
                     <div class="indicator companies"></div>
 
                     <div class="indicator companies"></div>
 
                     <p>First call conference with fish aquaculture farm <b>'FishNet'</b></p>
 
                     <p>First call conference with fish aquaculture farm <b>'FishNet'</b></p>
 
                 </button>
 
                 </button>
 +
                    </div>
 
                 </div>
 
                 </div>
−
            </div>
+
                <div class="month">
−
            <div class="month">
+
                    <div class="left">
−
                <div class="left">
+
                        <h1>april</h1>
−
                    <h1>april</h1>
+
                    </div>
−
                </div>
+
                    <div class="middle">
−
                <div class="middle">
+
                        <div class="line"></div>
−
                    <div class="line"></div>
+
                        <div class="circle"></div>
−
                    <div class="circle"></div>
+
                    </div>
−
                </div>
+
                    <div class="right">
−
                <div class="right">
+
                        <button id="almira1">
−
                    <button>
+
 
                     <div class="indicator academia"></div>
 
                     <div class="indicator academia"></div>
 
                     <p>Meeting about gold nanoparticles production with <b>prof. Almira Ramanavičienė</b></p>
 
                     <p>Meeting about gold nanoparticles production with <b>prof. Almira Ramanavičienė</b></p>
 
                 </button>
 
                 </button>
−
                    <button>
+
                        <button id="nvrmi">
 
                     <div class="indicator companies"></div>
 
                     <div class="indicator companies"></div>
 
                     <p>Consultation with the <b>National Food and Veterinary Inspection</b></p>
 
                     <p>Consultation with the <b>National Food and Veterinary Inspection</b></p>
 
                 </button>
 
                 </button>
−
                    <button>
+
                        <button id="fishnet2">
 
                     <div class="indicator companies"></div>
 
                     <div class="indicator companies"></div>
 
                     <p>Further correspondence with <b>'FishNet'</b></p>
 
                     <p>Further correspondence with <b>'FishNet'</b></p>
 
                 </button>
 
                 </button>
−
                    <button>
+
                        <button id="smms">
 
                     <div class="indicator society"></div>
 
                     <div class="indicator society"></div>
 
                     <p>Participated in online learning programme <b>'SMMS'</b> for high school students</p>
 
                     <p>Participated in online learning programme <b>'SMMS'</b> for high school students</p>
 
                 </button>
 
                 </button>
 +
                    </div>
 
                 </div>
 
                 </div>
−
            </div>
+
                <div class="month">
−
            <div class="month">
+
                    <div class="left">
−
                <div class="left">
+
                        <h1>may</h1>
−
                    <h1>may</h1>
+
                    </div>
−
                </div>
+
                    <div class="middle">
−
                <div class="middle">
+
                        <div class="line"></div>
−
                    <div class="line"></div>
+
                        <div class="circle"></div>
−
                    <div class="circle"></div>
+
                    </div>
−
                </div>
+
                    <div class="right">
−
                <div class="right">
+
                        <button id="pi2">
−
                    <button>
+
 
                     <div class="indicator academia"></div>
 
                     <div class="indicator academia"></div>
 
                     <p>Consultations with <b>prof. Rolandas Meškys</b></p>
 
                     <p>Consultations with <b>prof. Rolandas Meškys</b></p>
 
                 </button>
 
                 </button>
−
                    <button>
+
                        <button id="fishnet3">
 
                     <div class="indicator companies"></div>
 
                     <div class="indicator companies"></div>
 
                     <p>Trip to <b>'FishNet'</b> farm</p>
 
                     <p>Trip to <b>'FishNet'</b> farm</p>
 
                 </button>
 
                 </button>
 +
                    </div>
 
                 </div>
 
                 </div>
−
            </div>
+
                <div class="month">
−
            <div class="month">
+
                    <div class="left">
−
                <div class="left">
+
                        <h1>june</h1>
−
                    <h1>june</h1>
+
                    </div>
−
                </div>
+
                    <div class="middle">
−
                <div class="middle">
+
                        <div class="line"></div>
−
                    <div class="line"></div>
+
                        <div class="circle"></div>
−
                    <div class="circle"></div>
+
                    </div>
−
                </div>
+
                    <div class="right">
−
                <div class="right">
+
                        <button id="giedre">
−
                    <button>
+
 
                     <div class="indicator academia"></div>
 
                     <div class="indicator academia"></div>
 
                     <p>Meeting about helicase construction with <b>dr. Giedrė Tamulaitienė</b></p>
 
                     <p>Meeting about helicase construction with <b>dr. Giedrė Tamulaitienė</b></p>
 
                 </button>
 
                 </button>
−
                    <button>
+
                        <button id="vilnius">
 
                     <div class="indicator society"></div>
 
                     <div class="indicator society"></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>
 +
                    </div>
 
                 </div>
 
                 </div>
−
            </div>
+
                <div class="month">
−
            <div class="month">
+
                    <div class="left">
−
                <div class="left">
+
                        <h1>july</h1>
−
                    <h1>july</h1>
+
                    </div>
−
                </div>
+
                    <div class="middle">
−
                <div class="middle">
+
                        <div class="line"></div>
−
                    <div class="line"></div>
+
                        <div class="circle"></div>
−
                    <div class="circle"></div>
+
                    </div>
−
                </div>
+
                    <div class="right">
−
                <div class="right">
+
                        <button id="almira2">
−
                    <button>
+
 
                     <div class="indicator academia"></div>
 
                     <div class="indicator academia"></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>
+
                        <button id="kotryna">
 
                     <div class="indicator academia"></div>
 
                     <div class="indicator academia"></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>
+
                        <button id="micromolds1">
 
                     <div class="indicator companies"></div>
 
                     <div class="indicator companies"></div>
 
                     <p>Designing 3D model of detection test case with <b>'Micromolds'</b></p>
 
                     <p>Designing 3D model of detection test case with <b>'Micromolds'</b></p>
 
                 </button>
 
                 </button>
−
                    <button>
+
                        <button id="alytus">
 
                     <div class="indicator society"></div>
 
                     <div class="indicator society"></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>
+
                        <button id="saulius">
 
                     <div class="indicator society"></div>
 
                     <div class="indicator society"></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>
 +
                    </div>
 
                 </div>
 
                 </div>
−
            </div>
+
                <div class="month">
−
            <div class="month">
+
                    <div class="left">
−
                <div class="left">
+
                        <h1>august</h1>
−
                    <h1>august</h1>
+
                    </div>
−
                </div>
+
                    <div class="middle">
−
                <div class="middle">
+
                        <div class="line"></div>
−
                    <div class="line"></div>
+
                        <div class="circle"></div>
−
                    <div class="circle"></div>
+
                    </div>
−
                </div>
+
                    <div class="right">
−
                <div class="right">
+
                        <button id="pi3">
−
                    <button>
+
 
                     <div class="indicator academia"></div>
 
                     <div class="indicator academia"></div>
 
                     <p>Consultation with <b>prof. Rolandas Meškys</b> about exolysins and AI-2</p>
 
                     <p>Consultation with <b>prof. Rolandas Meškys</b> about exolysins and AI-2</p>
 
                 </button>
 
                 </button>
−
                    <button>
+
                        <button id="micromolds2">
 
                     <div class="indicator companies"></div>
 
                     <div class="indicator companies"></div>
 
                     <p>Final detection test case design stages with <b>'Micromolds'</b></p>
 
                     <p>Final detection test case design stages with <b>'Micromolds'</b></p>
 
                 </button>
 
                 </button>
−
                    <button>
+
                        <button id="klaipeda">
 
                     <div class="indicator society"></div>
 
                     <div class="indicator society"></div>
 
                     <p>Meeting with <b>Klaipėda city administration</b> for 'The 6th SynBio sense' project</p>
 
                     <p>Meeting with <b>Klaipėda city administration</b> for 'The 6th SynBio sense' project</p>
 
                 </button>
 
                 </button>
 +
                    </div>
 
                 </div>
 
                 </div>
−
            </div>
+
                <div class="month">
−
            <div class="month">
+
                    <div class="left">
−
                <div class="left">
+
                        <h1>september</h1>
−
                    <h1>september</h1>
+
                    </div>
−
                </div>
+
                    <div class="middle">
−
                <div class="middle">
+
                        <div class="line"></div>
−
                    <div class="line"></div>
+
                        <div class="circle"></div>
−
                    <div class="circle"></div>
+
                    </div>
−
                </div>
+
                    <div class="right">
−
                <div class="right">
+
                        <button id="paulius">
−
                    <button>
+
 
                     <div class="indicator academia"></div>
 
                     <div class="indicator academia"></div>
 
                     <p>Meeting about helicase research with our advisor <b>Paulius Toliušis</b></p>
 
                     <p>Meeting about helicase research with our advisor <b>Paulius Toliušis</b></p>
 
                 </button>
 
                 </button>
−
                    <button>
+
                        <button id="micromolds3">
 
                     <div class="indicator companies"></div>
 
                     <div class="indicator companies"></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>
+
                        <button id="taurage">
 
                     <div class="indicator society"></div>
 
                     <div class="indicator society"></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>
+
                        <button id="contactfair">
 
                     <div class="indicator society"></div>
 
                     <div class="indicator society"></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>
 +
                    </div>
 
                 </div>
 
                 </div>
−
            </div>
+
                <div class="month spacer">
−
            <div class="month spacer">
+
                    <div class="left">
−
                <div class="left">
+
                    </div>
−
                </div>
+
                    <div class="middle">
−
                <div class="middle">
+
                        <div class="line"></div>
−
                    <div class="line"></div>
+
                    </div>
−
                </div>
+
                    <div class="right">
−
                <div class="right">
+
  
 +
                    </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
        </div>
+
            <div id="sections">
−
        <div id="sections">
+
                <div id="sections-wrapper">
−
            <div id="sections-wrapper">
+
                    <div id="all" class="section">all</div>
−
                <div id="all" class="section">all</div>
+
                    <div id="academia" class="section">academia</div>
−
                <div id="academia" class="section">academia</div>
+
                    <div id="companies" class="section">companies</div>
−
                <div id="companies" class="section">companies</div>
+
                    <div id="society" class="section">society</div>
−
                <div id="society" class="section">society</div>
+
                </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 244: Line 253:
 
             <div class="info-wrapper">
 
             <div class="info-wrapper">
 
                 <h2 class="title"></h2>
 
                 <h2 class="title"></h2>
−
                 <div class="full-info-wrap">
+
                 <div class="scroll-area">
−
                    <div class="description-wrapper">
+
                    <div class="full-info-wrap">
−
                        <h3>Description</h3>
+
                        <div class="description-wrapper">
−
                        <p class="info-description"></p>
+
                            <div class="grid-part">
−
                        <h3>Contribution</h3>
+
                                <h3>Description</h3>
−
                        <p class="info-contribution"></p>
+
                                <p class="info-description"></p>
−
                        <h3>Adjustment</h3>
+
                            </div>
−
                        <p class="info-adjustment"></p>
+
                            <div class="grid-part">
−
                        <h3>Our next steps</h3>
+
                                <h3>Contribution</h3>
−
                        <p class="info-nextsteps"></p>
+
                                <p class="info-contribution"></p>
 +
                            </div>
 +
                            <div class="grid-part">
 +
                                <h3>Adjustment</h3>
 +
                                <p class="info-adjustment"></p>
 +
                            </div>
 +
                            <div class="grid-part">
 +
                                <h3>Our next steps</h3>
 +
                                <p class="info-nextsteps"></p>
 +
                            </div>
 +
                        </div>
 +
                        <div class="info-media"></div>
 
                     </div>
 
                     </div>
−
                     <img src="assets/scroll.png">
+
                     <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 class="info-media"></div>
 
 
             </div>
 
             </div>
 
         </div>
 
         </div>

Revision as of 12:47, 21 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