Skip to content

Commit

Permalink
Merge branch 'master' of https://github.com/hakkens/precious-plastic-…
Browse files Browse the repository at this point in the history 
…next into firefox-fix
  • Loading branch information
@BenGamma
BenGamma committed Aug 31, 2018
2 parents 24d8856 + e50e189 commit 327f414
Show file tree
Hide file tree
Showing 9 changed files with 106 additions and 37 deletions.
67 changes: 50 additions & 17 deletions css/next-v4.webflow.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -246,7 +246,7 @@
opacity: 1;
}

.project-position-wrapper.sheet-des {
.project-position-wrapper. {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
Expand Down Expand Up @@ -291,11 +291,8 @@
}

.project-position-wrapper.extrusion-eng {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
opacity: 0;
display: block;
opacity: 1;
}

.project-position-wrapper.sheet-des-2 {
Expand All @@ -313,7 +310,7 @@
}

.project-position-wrapper.coordinator {
opacity: 0;
opacity: 1;
}

.project-position-wrapper.pet-des {
Expand Down Expand Up @@ -403,14 +400,11 @@
}
.project-position-wrapper.shredder-eng-1 {
display: block;
opacity: 0;
opacity: 1;
}

.project-position-wrapper.sheet-eng {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
display: block;
opacity: 1;
}

Expand Down Expand Up @@ -620,6 +614,17 @@
background-repeat: no-repeat;
}

.project-position-pic.shredder-eng-pic-1 {
display: block;
margin-right: auto;
margin-left: auto;
background-image: url('../images/albert.png');
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
margin-right: 5px;
}

.project-position-pic.shredder-eng-pic-2 {
display: block;
margin-right: auto;
Expand Down Expand Up @@ -658,6 +663,7 @@
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
margin-left: 5px;
}

.project-position-pic.pet-des {
Expand Down Expand Up @@ -876,7 +882,7 @@
display: block;
margin-right: auto;
margin-left: auto;
background-image: url('../images/friedrich.png');
background-image: url('../images/peter.png');
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
Expand Down Expand Up @@ -930,18 +936,27 @@
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
margin-left: 5px;
}

.project-position-pic.sheet-des {
display: block;
margin-right: auto;
margin-left: auto;
background-image: url('../images/thomas.jpg');
background-position: 50% 50%;
background-size: cover;
background-repeat: repeat;
}

.project-position-pic.coordinator-pic {
display: block;
margin-right: auto;
margin-left: auto;
background-image: url('../images/jessica.jpg');
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}

.project-position-pic.styr-designer {
Expand Down Expand Up @@ -1006,9 +1021,7 @@
}

.project-position-pic.sheet-designer-2 {
display: block;
margin-right: auto;
margin-left: auto;

}

.project-position-pic.clean-des {
Expand Down Expand Up @@ -1228,10 +1241,19 @@
.team-member-pic.ben {
background-image: url('../images/pp.jpg');
}
.team-member-pic.albert {
background-image: url('../images/albert.png');
}

.team-member-pic.selj {
background-image: url('../images/activist-1-sel.jpg');
}
.team-member-pic.galina {
background-image: url('../images/galina.png');
}
.team-member-pic.peter {
background-image: url('../images/peter.png');
}

.team-member-pic.joseph-klatt {
background-image: url('../images/business.jpg');
Expand Down Expand Up @@ -1330,6 +1352,15 @@
.team-member-pic.charlotte {
background-image: url('../images/charlotte.png');
}
.team-member-pic.jessica {
background-image: url('../images/jessica.jpg');
}
.team-member-pic.kai {
background-image: url('../images/kai.jpg');
}
.team-member-pic.thomas {
background-image: url('../images/thomas.jpg');
}



Expand Down Expand Up @@ -1952,7 +1983,9 @@
padding: 9px;
}
.project-position-wrapper.sheet-des {
display: none;
display: block;
opacity: 1;
margin-left: 5px;
}
.p-project-next {
font-size: 14px;
Expand Down
Binary file added images/albert.png
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/galina.png
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/istvan.jpg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/jessica.jpg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/kai.jpg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/peter.png
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/thomas.jpg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
76 changes: 56 additions & 20 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -111,10 +111,10 @@ <h5 class="h4-project-duration">Duration: 3 months minimum</h5>
<div class="project-top-positions-wrapper">
<h2 class="h1-project">Sheet-press machine</h2>
<div class="project-positions-wrapper">
<a href="#" class="link-position-next w-inline-block">
<a href="https://davehakkens.nl/community/members/thomasthefirst/" class="link-position-next w-inline-block">
<div class="project-position-wrapper sheet-des">
<div class="project-position-pic sheet-des"></div>
<h6 class="project-position-text">Designer</h6>
<h6 class="project-position-text">Thomas</h6>
</div>
</a>
<a href="https://davehakkens.nl/community/members/jasonknight/" class="link-position-next w-inline-block">
Expand All @@ -128,7 +128,7 @@ <h6 class="project-position-text">Jason</h6>
<h4 class="h4-project-priority">Priority</h4>
<p class="p-project-next">This is the most requested machine from our community, as it opens up a big range of new possibilities to work with plastic waste. We aim to develop a sheet press to produce high quality sheets for larger scale applications (CNC, laser). Efficient, reliable and CE certified. <a href="https://davehakkens.nl/community/forums/topic/heat-press-machine/" class="inline-links">Here</a> &amp; <a href="https://davehakkens.nl/community/forums/topic/diy-sheet-press/" target="_blank" class="inline-links">here</a> you can find some relevant inspiration to get you going. We are looking for:<br></p>
<h5 class="project-position-next strike-through">1 Engineer</h5>
<h5 class="project-position-next">1 Engineer</h5>
<h5 class="project-position-next strike-through">1 Engineer</h5>
</div>
<div class="project-bottom-wrapper w-clearfix"><a href="https://preciousplastic.typeform.com/to/Srie6U" target="_blank" data-w-id="a4a9477d-8d56-2865-2bba-d6398a59364a" class="apply-v4 w-button">APPLY</a>
<div class="project-duration-wrapper">
Expand All @@ -141,10 +141,10 @@ <h5 class="h4-project-duration">Duration: 6 months minimum</h5>
<div class="project-top-positions-wrapper">
<h2 class="h1-project">Semi-industrial Extrusion</h2>
<div class="project-positions-wrapper">
<a href="#" class="link-position-next w-inline-block">
<a href="https://davehakkens.nl/community/members/peter-bas/" target="_blank" class="link-position-next w-inline-block">
<div class="project-position-wrapper extrusion-eng">
<div class="project-position-pic extr-eng"></div>
<h6 class="project-position-text green">Friedrich</h6>
<h6 class="project-position-text green">Peter</h6>
</div>
</a>
<a href="#" class="link-position-next w-inline-block">
Expand All @@ -170,13 +170,13 @@ <h5 class="h4-project-duration">Duration: 6 months minimum</h5>
<div class="project-top-positions-wrapper">
<h2 class="h1-project">Semi-industrial Shredder</h2>
<div class="project-positions-wrapper">
<a href="#" class="link-position-next w-inline-block">
<a href="https://davehakkens.nl/community/members/morrentrading/" target="_blank" class="link-position-next w-inline-block">
<div class="project-position-wrapper shredder-eng-1">
<div class="project-position-pic shredder-eng-pic-1"></div>
<h6 class="project-position-text">Designer</h6>
<h6 class="project-position-text">Albert</h6>
</div>
</a>
<a href="https://davehakkens.nl/community/forums/" class="link-position-next w-inline-block">
<a href="https://davehakkens.nl/community/forums/" target="_blank" class="link-position-next w-inline-block">
<div class="project-position-wrapper shredder-eng-2">
<div class="project-position-pic shredder-eng-pic-2"></div>
<h6 class="project-position-text green">Friedrich</h6>
Expand All @@ -187,7 +187,7 @@ <h6 class="project-position-text green">Friedrich</h6>
<h4 class="h4-project-priority">Priority</h4>
<p class="p-project-next">We want to create a semi-industrial shredder to expand our inventory of open source machines. This would enable entrepreneurs, institutions and municipalities to recycle plastic in larger quantities. Efficient, reliable and CE certificated. We are looking for:<br></p>
<h5 class="project-position-next strike-through">1 Engineer</h5>
<h5 class="project-position-next">1 Engineer</h5>
<h5 class="project-position-next strike-through">1 Engineer</h5>
</div>
<div class="project-bottom-wrapper w-clearfix"><a href="https://preciousplastic.typeform.com/to/Srie6U" target="_blank" data-w-id="a4a9477d-8d56-2865-2bba-d6398a593688" class="apply-v4 w-button hidden">APPLY</a>
<div class="project-duration-wrapper">
Expand Down Expand Up @@ -603,7 +603,7 @@ <h5 class="h4-project-duration">Duration: 3 months minimum</h5>
<div class="project-top-positions-wrapper">
<h2 class="h1-project">UI Design</h2>
<div class="project-positions-wrapper">
<a href="#" class="link-position-next w-inline-block">
<a href="https://davehakkens.nl/community/members/nparies/" class="link-position-next w-inline-block">
<div class="project-position-wrapper ui-des">
<div class="project-position-pic ui-designer"></div>
<h6 class="project-position-text">Nicolas</h6>
Expand Down Expand Up @@ -779,7 +779,7 @@ <h5 class="h4-project-duration">Duration: 6 months minimum</h5>
<div class="project-top-positions-wrapper">
<h2 class="h1-project">Pop-up Store manager</h2>
<div class="project-positions-wrapper">
<a href="#" class="link-position-next w-inline-block">
<a href="https://davehakkens.nl/community/members/mimeowmai/" class="link-position-next w-inline-block">
<div class="project-position-wrapper store-manager">
<div class="project-position-pic store-pic"></div>
<h6 class="project-position-text">Mai</h6>
Expand Down Expand Up @@ -825,7 +825,7 @@ <h5 class="h4-project-duration">Duration: 3 months minimum</h5>
<div class="project-top-positions-wrapper">
<h2 class="h1-project">Chief team fun</h2>
<div class="project-positions-wrapper">
<a href="#" class="link-position-next w-inline-block">
<a href="https://davehakkens.nl/community/members/djherzog3/" class="link-position-next w-inline-block">
<div class="project-position-wrapper fun-manager">
<div class="project-position-pic fun-pic"></div>
<h6 class="project-position-text">DJ Herzog</h6>
Expand Down Expand Up @@ -871,10 +871,10 @@ <h5 class="h4-project-duration">Duration: 3 months minimum</h5>
<div class="project-top-positions-wrapper">
<h2 class="h1-project">Coordinator</h2>
<div class="project-positions-wrapper">
<a href="#" class="link-position-next w-inline-block">
<a href="https://davehakkens.nl/community/members/jessicawoodrow/ " class="link-position-next w-inline-block">
<div class="project-position-wrapper coordinator">
<div class="project-position-pic coordinator-pic"></div>
<h6 class="project-position-text">Coordinator</h6>
<h6 class="project-position-text">Jessica</h6>
</div>
</a>
</div>
Expand All @@ -883,7 +883,7 @@ <h4 class="h4-project-priority hidden-opacity">Priority: Medium</h4>
<p class="p-project-next">It is not a secret that we are not that organised :) But with so many people, money and tasks we need a person to help us manage workflow, budgets and the many little daily tasks. Preferably Dutch, we would need an organised person to help us on the daily errands of the project. We are looking for:<br></p>
<h5 class="project-position-next">1 Organized sapiens</h5>
</div>
<div class="project-bottom-wrapper w-clearfix"><a href="https://preciousplastic.typeform.com/to/wI4GZq" target="_blank" data-w-id="a4a9477d-8d56-2865-2bba-d6398a59393f" class="apply-v4 w-button">APPLY</a>
<div class="project-bottom-wrapper w-clearfix"><a href="https://preciousplastic.typeform.com/to/wI4GZq" target="_blank" data-w-id="a4a9477d-8d56-2865-2bba-d6398a59393f" class="apply-v4 w-button hidden">APPLY</a>
<div class="project-duration-wrapper">
<h5 class="h4-project-duration">Duration: Full version</h5>
</div>
Expand Down Expand Up @@ -927,7 +927,7 @@ <h5 class="h4-project-duration">Duration: 3 months minimum</h5>
<div class="category-wrapper">
<div class="category-header-wrapper">
<h1 class="h1-cat-header">Current team:</h1><img src="images/dizzy-symbol_1f4ab.png" width="50" class="emoji-machines"></div>
<h1 class="h1-cat-header positions">35 people, 20 tasks left</h1>
<h1 class="h1-cat-header positions">41 people, 6 tasks left</h1>
<p class="p-next">We&#x27;re putting together the most magical, fantastical, jazzical team to tackle plastic pollution. Together. As one army. This are the people that joined so far. More soon :)<br></p>
</div>
<div class="team-members">
Expand Down Expand Up @@ -1069,7 +1069,7 @@ <h6 class="team-member">Robotics</h6><img src="images/United-States.png" class="
<h6 class="team-member">Saskia</h6>
<h6 class="team-member">UX designer</h6><img src="images/New-Zealand.png" class="flag"></div>
</a>
<a href="#" target="_blank" class="link-dh w-inline-block">
<a href="https://davehakkens.nl/community/members/nparies/" target="_blank" class="link-dh w-inline-block">
<div class="team-member-wrapper">
<div class="team-member-pic nicolas"></div>
<h6 class="team-member">Nicolas</h6>
Expand All @@ -1081,7 +1081,7 @@ <h6 class="team-member">UI designer</h6><img src="images/France.png" class="flag
<h6 class="team-member">Alica</h6>
<h6 class="team-member">Helper</h6><img src="images/Kenya.png" class="flag"></div>
</a>
<a href="https://davehakkens.nl/community/members/istvan/" target="_blank" class="link-dh w-inline-block">
<a href="https://davehakkens.nl/community/members/istvanborzas/" target="_blank" class="link-dh w-inline-block">
<div class="team-member-wrapper">
<div class="team-member-pic istvan"></div>
<h6 class="team-member">Istvan</h6>
Expand All @@ -1093,7 +1093,7 @@ <h6 class="team-member">Helper</h6><img src="images/Romania.png" class="flag"></
<h6 class="team-member">Manduku</h6>
<h6 class="team-member">Helper</h6><img src="images/Kenya.png" class="flag"></div>
</a>
<a href="#" target="_blank" class="link-dh w-inline-block">
<a href="https://davehakkens.nl/community/members/djherzog3/" target="_blank" class="link-dh w-inline-block">
<div class="team-member-wrapper">
<div class="team-member-pic herzog"></div>
<h6 class="team-member">DJ Herzog</h6>
Expand Down Expand Up @@ -1123,7 +1123,7 @@ <h6 class="team-member">Engineer</h6><img src="images/India.png" class="flag"></
<h6 class="team-member">Paul</h6>
<h6 class="team-member">Engineer</h6><img src="images/United-States.png" class="flag"></div>
</a>
<a href="#" target="_blank" class="link-dh w-inline-block">
<a href="https://davehakkens.nl/community/members/mimeowmai/" target="_blank" class="link-dh w-inline-block">
<div class="team-member-wrapper">
<div class="team-member-pic mai"></div>
<h6 class="team-member">Mai</h6>
Expand All @@ -1141,6 +1141,42 @@ <h6 class="team-member">(Vegan) Chef</h6><img src="images/Ukraine.png" class="fl
<h6 class="team-member">Charlotte</h6>
<h6 class="team-member">Graphic Designer</h6><img src="images/United-Kingdom.png" class="flag"></div>
</a>
<a href="https://davehakkens.nl/community/members/jessicawoodrow/" target="_blank" class="link-dh w-inline-block">
<div class="team-member-wrapper">
<div class="team-member-pic jessica"></div>
<h6 class="team-member">Jessica</h6>
<h6 class="team-member">Coordinator</h6><img src="images/United-Kingdom.png" class="flag"></div>
</a>
<a href="https://davehakkens.nl/community/members/kaiyi/" target="_blank" class="link-dh w-inline-block">
<div class="team-member-wrapper">
<div class="team-member-pic kai"></div>
<h6 class="team-member">Kai</h6>
<h6 class="team-member">Machine Ninja</h6><img src="images/Taiwan.png" class="flag"></div>
</a>
<a href="https://davehakkens.nl/community/members/thomasthefirst/" target="_blank" class="link-dh w-inline-block">
<div class="team-member-wrapper">
<div class="team-member-pic thomas"></div>
<h6 class="team-member">Thomas</h6>
<h6 class="team-member">Sheetpress Guru</h6><img src="images/Netherlands.png" class="flag"></div>
</a>
<a href="https://davehakkens.nl/community/members/morrentrading/" target="_blank" class="link-dh w-inline-block">
<div class="team-member-wrapper">
<div class="team-member-pic albert"></div>
<h6 class="team-member">Albert</h6>
<h6 class="team-member">Engineer</h6><img src="images/Netherlands.png" class="flag"></div>
</a>
<a href="https://davehakkens.nl/community/members/galinalarina/" target="_blank" class="link-dh w-inline-block">
<div class="team-member-wrapper">
<div class="team-member-pic galina"></div>
<h6 class="team-member">Galina</h6>
<h6 class="team-member">Designer</h6><img src="images/Russia.png" class="flag"></div>
</a>
<a href="https://davehakkens.nl/community/members/peter-bas/" target="_blank" class="link-dh w-inline-block">
<div class="team-member-wrapper">
<div class="team-member-pic peter"></div>
<h6 class="team-member">Peter</h6>
<h6 class="team-member">Engineer</h6><img src="images/Netherlands.png" class="flag"></div>
</a>
<div class="team-member-wrapper you-next">
<div class="team-member-pic"></div>
<h6 class="team-member">You next ?</h6>
Expand Down

0 comments on commit 327f414

Please sign in to comment.