page living income css
This commit is contained in:
studioem
parent
0ebe70244b
commit
72fec4e2aa
4 changed files with 153 additions and 31 deletions
|
|
@ -21,7 +21,7 @@
|
|||
<!-- <div class="imageUne"><img id="images" src="harkinengel.jpg"/></div>
|
||||
<div class="imageDeux"><img id="images" src="signatures.jpg"/></div> -->
|
||||
|
||||
<div class="quotes" id="theharkinengel">
|
||||
<div class="quotes li-3">
|
||||
<div class="entête">
|
||||
<div class="titre">Paying the price of chocolate</div>
|
||||
<div class="linksource"><a href="https://www.confectionerynews.com/Article/2014/07/10/Price-of-Chocolate-Breaking-poverty-cycle-in-cocoa-farming?utm_source=copyright&utm_medium=OnSite&utm_campaign=copyright">LINK SOURCE</a></div>
|
||||
|
|
@ -33,7 +33,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="quotes" id="inapril2018">
|
||||
<div class="quotes li-5" >
|
||||
<div class="entête">
|
||||
<div class="titre">Cocoa Barometer</div>
|
||||
<div class="linksource"><a href="https://www.voicenetwork.eu/wp-content/uploads/2021/03/2020-Cocoa-Barometer-EN.pdf">LINK SOURCE</a></div>
|
||||
|
|
@ -55,7 +55,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="quotes" id="theprotocollaidout">
|
||||
<div class="quotes li-4">
|
||||
<div class="entête">
|
||||
<div class="titre">Taza Chocolate transparency report</div>
|
||||
<div class="linksource"><a href="https://www.tazachocolate.com/pages/2016-transparency-report">LINK SOURCE</a></div>
|
||||
|
|
@ -64,7 +64,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="quotes" id="theprotocollaidout">
|
||||
<div class="quotes" style="left: 10vw; top: 64vw;">
|
||||
<div class="entête">
|
||||
<div class="titre">Taza Chocolate transparency report</div>
|
||||
<div class="linksource"><a href="https://www.tazachocolate.com/pages/2016-transparency-report">LINK SOURCE</a></div>
|
||||
|
|
@ -73,7 +73,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="quotes" id="in2009">
|
||||
<div class="quotes li-7">
|
||||
<div class="entête">
|
||||
<div class="titre">Cocoa Barometer</div>
|
||||
<div class="linksource"><a href="https://www.voicenetwork.eu/wp-content/uploads/2021/03/2020-Cocoa-Barometer-EN.pdf">LINK SOURCE</a></div>
|
||||
|
|
@ -90,7 +90,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="quotes" id="in2009">
|
||||
<div class="quotes li-2">
|
||||
<div class="entête">
|
||||
<div class="titre">Cocoa Barometer</div>
|
||||
<div class="linksource"><a href="https://www.voicenetwork.eu/wp-content/uploads/2021/03/2020-Cocoa-Barometer-EN.pdf">LINK SOURCE</a></div>
|
||||
|
|
@ -114,7 +114,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="moreResources">
|
||||
<div class="moreResources li-1">
|
||||
<div class="livingincome">
|
||||
<div class="entête">
|
||||
<div class="titre">more resources</div>
|
||||
|
|
@ -126,23 +126,17 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="personnalText">
|
||||
<div class="personnalTextLivingIncome" contenteditable="true">
|
||||
<div class="personnalText personnalTextLivingIncome li-9" contenteditable="true">
|
||||
The farm gate price, the living income of farmers, the cocoa price market, the cocoa price volatility; these are the different notions that are addressed when we look at the creation of a living income for farmers.
|
||||
How can a living income or a farm price, which to be fair should be fixed and defined, coexist with a market that makes prices fluctuate?
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="personnalText">
|
||||
<div class="personnalTextLivingIncome2" contenteditable="true">
|
||||
<div class="personnalText personnalTextLivingIncome2 li-10" contenteditable="true">
|
||||
Ghana and Côte d'Ivoire have introduced a living income (if I understand correctly it is a farm price). The living income differential is calculated on yield forecasts, so it is not adjustable or proportional. It is a fixed income per bag of cocoa, so the farm infrastructure must be able to produce enough bags to ensure a good income for all farm workers.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="personnalText">
|
||||
<div class="personnalTextLivingIncome3" contenteditable="true">
|
||||
The cocoa price market is the stock price of cocoa, which sets the farm-gate price but in relation to the volatility of the cocoa price. the living income differential set up in Ghana and the Ivory Coast ensures a minimum income for farmers to protect them from market fluctuations.
|
||||
</div>
|
||||
<div class="personnalText personnalTextLivingIncome3 li-6" contenteditable="true">
|
||||
The cocoa price market is the stock price of cocoa, which sets the farm-gate price but in relation to the volatility of the cocoa price. the living income differential set up in Ghana and the Ivory Coast ensures a minimum income for farmers to protect them from market fluctuations.
|
||||
</div>
|
||||
|
||||
<div class="wholeBoxEditable">
|
||||
|
|
|
|||
89
styles.css
89
styles.css
|
|
@ -271,28 +271,28 @@ body {
|
|||
}
|
||||
|
||||
.object:nth-child(1) {
|
||||
left: 10%;
|
||||
top: 87%;
|
||||
left: 5%;
|
||||
top: 34%;
|
||||
}
|
||||
|
||||
.object:nth-child(2) {
|
||||
left: 71%;
|
||||
top: 20%;
|
||||
left: 57%;
|
||||
top: 62%;
|
||||
}
|
||||
|
||||
.object:nth-child(3) {
|
||||
left: 88%;
|
||||
top: 32%;
|
||||
left: 60%;
|
||||
top: 72%;
|
||||
}
|
||||
|
||||
.object:nth-child(4) {
|
||||
left: 87%;
|
||||
top: 45%;
|
||||
left: 28%;
|
||||
top: 71%;
|
||||
}
|
||||
|
||||
.object:nth-child(5) {
|
||||
left: 73%;
|
||||
top: 60%;
|
||||
left: 1%;
|
||||
top: 38%;
|
||||
}
|
||||
|
||||
.netherlands {
|
||||
|
|
@ -855,6 +855,30 @@ body {
|
|||
width: 40vw;
|
||||
}
|
||||
|
||||
.personnalTextLivingIncome {
|
||||
-webkit-column-count: 1;
|
||||
column-count: 1;
|
||||
-webkit-column-gap: 20px;
|
||||
column-gap: 20px;
|
||||
width: 40vw;
|
||||
}
|
||||
|
||||
.personnalTextLivingIncome2 {
|
||||
-webkit-column-count: 1;
|
||||
column-count: 1;
|
||||
-webkit-column-gap: 20px;
|
||||
column-gap: 20px;
|
||||
width: 40vw;
|
||||
}
|
||||
|
||||
.personnalTextLivingIncome3 {
|
||||
-webkit-column-count: 1;
|
||||
column-count: 1;
|
||||
-webkit-column-gap: 20px;
|
||||
column-gap: 20px;
|
||||
width: 40vw;
|
||||
}
|
||||
|
||||
.wholeBoxEditable {
|
||||
position: fixed;
|
||||
display: block;
|
||||
|
|
@ -1152,4 +1176,49 @@ body {
|
|||
left: 64%;
|
||||
top: 71.5%;
|
||||
}
|
||||
|
||||
.li-1 {
|
||||
top: 3vw;
|
||||
left: 2vw;
|
||||
}
|
||||
|
||||
.li-2 {
|
||||
top: 5vw;
|
||||
left: 50vw;
|
||||
}
|
||||
|
||||
.li-3 {
|
||||
left: 44vw;
|
||||
top: 21vw;
|
||||
}
|
||||
|
||||
.li-4 {
|
||||
left: 2vw;
|
||||
top: 28vw;
|
||||
}
|
||||
|
||||
.li-5 {
|
||||
left: 15vw;
|
||||
top: 38vw;
|
||||
}
|
||||
|
||||
.li-6 {
|
||||
left: 7vw;
|
||||
top: 55vw;
|
||||
}
|
||||
|
||||
.li-7 {
|
||||
left: 54vw;
|
||||
top: 57vw;
|
||||
}
|
||||
|
||||
.li-9 {
|
||||
left: 7vw;
|
||||
top: 12vw;
|
||||
}
|
||||
|
||||
.li-10 {
|
||||
left: 57vw;
|
||||
top: 43vw;
|
||||
}
|
||||
/*# sourceMappingURL=styles.css.map */
|
||||
File diff suppressed because one or more lines are too long
63
styles.scss
63
styles.scss
|
|
@ -769,7 +769,6 @@ body{
|
|||
text-align: left;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.texte{
|
||||
|
|
@ -846,7 +845,6 @@ body{
|
|||
line-height: .2;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.personnalTextHarkinEngel{
|
||||
column-count: 3;
|
||||
|
|
@ -861,6 +859,22 @@ body{
|
|||
}
|
||||
}
|
||||
|
||||
.personnalTextLivingIncome{
|
||||
column-count: 1;
|
||||
column-gap: 20px;
|
||||
width: 40vw;
|
||||
}
|
||||
.personnalTextLivingIncome2{
|
||||
column-count: 1;
|
||||
column-gap: 20px;
|
||||
width: 40vw;
|
||||
}
|
||||
.personnalTextLivingIncome3{
|
||||
column-count: 1;
|
||||
column-gap: 20px;
|
||||
width: 40vw;
|
||||
}
|
||||
|
||||
.wholeBoxEditable{
|
||||
position: fixed;
|
||||
display: block;
|
||||
|
|
@ -1175,6 +1189,51 @@ body{
|
|||
|
||||
}
|
||||
|
||||
.li-1 {
|
||||
top: 3vw;
|
||||
left: 2vw;
|
||||
}
|
||||
|
||||
.li-2 {
|
||||
top: 5vw;
|
||||
left: 50vw;
|
||||
}
|
||||
|
||||
.li-3 {
|
||||
left: 44vw;
|
||||
top: 21vw;
|
||||
}
|
||||
|
||||
.li-4 {
|
||||
left: 2vw;
|
||||
top: 28vw;
|
||||
}
|
||||
|
||||
.li-5 {
|
||||
left: 15vw;
|
||||
top: 38vw;
|
||||
}
|
||||
|
||||
.li-6 {
|
||||
left: 7vw;
|
||||
top: 55vw;
|
||||
}
|
||||
|
||||
.li-7{
|
||||
left: 54vw;
|
||||
top: 57vw;
|
||||
}
|
||||
|
||||
.li-9 {
|
||||
left: 7vw;
|
||||
top: 12vw;
|
||||
|
||||
}
|
||||
|
||||
.li-10 {
|
||||
left: 57vw;
|
||||
top: 43vw;
|
||||
}
|
||||
// stuffs
|
||||
|
||||
@media screen and (min-width: 1000px) {
|
||||
|
|
|
|||
Loading…
Reference in a new issue