diff --git a/0manifesto.html b/0manifesto.html new file mode 100644 index 0000000..4ab6412 --- /dev/null +++ b/0manifesto.html @@ -0,0 +1,34 @@ + + + + + + + cocoatlas + + + + + + + + + + + + + +
+
+
+
+
April 27th 2021
+
+
After weeks of discomfort and uncertainty about the ins and outs of this project, and what was asked of us as designers, from the Netherlands Food Partnership or the United Nations, and the feeling of a disconnect with reality, I would like to propose a catalog of non-solutions. Through the demonstration of the complexity of the cocoa and chocolate industry, I would also like to question the foundations of the subject on which we were asked to work. The underlying issues; our position as designers, the management of systemic problems by a demand for local solutions (solutions that are demanded by institutions such as the UN with a systemic scope), and what questions this relationship of requesting local and individual solutions in a global system raises. + This catalog will not show any solutions on my part, I want to question and criticize a solutionist system to which design is entirely part. +
+
+
+ + + \ No newline at end of file diff --git a/1beantobar.html b/1beantobar.html new file mode 100644 index 0000000..7c23851 --- /dev/null +++ b/1beantobar.html @@ -0,0 +1,66 @@ + + + + + + + cocoatlas + + + + + + + + + + + + + +
+ + +

Harkin-Engel Protocol

+
+ +
+ + +

Packaging

+
+ +
+ + +

Local Dish

+
+ +
+ + +

Manioc

+
+ + + +
+

Chocolate Atlas

+ The Chocolate Atlas takes the viewer on a non-liner route through the world of cocoa. Using + the lens of cocoa to magnify the detached consumption of goods on a global base. A melt-inyour-mouth sweet for some and, amongst others, a child-slavery-based business for others. The + reality of food is not singular, which is why the Atlas is organized in an organic spread that can + be accessed at multiple points. Cocoa and its trade route is one of the most fragmented crops of + the world, equaling in increased accountability detachment from the fruit to the bar. +

Project Developed + at Design Academy of Eindhoven +
Curated and edited + by Lison, Julia, Camille, Raphaelle, Gianmarco

+
enter
+
+ + + + \ No newline at end of file diff --git a/2harkinengel.html b/2harkinengel.html new file mode 100644 index 0000000..d7fa3fa --- /dev/null +++ b/2harkinengel.html @@ -0,0 +1,25 @@ + + + + + + + cocoatlas + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Img0Camille.jpg b/Img0Camille.jpg new file mode 100644 index 0000000..227db34 Binary files /dev/null and b/Img0Camille.jpg differ diff --git a/ImgCamille.png b/ImgCamille.png new file mode 100644 index 0000000..0f52bae Binary files /dev/null and b/ImgCamille.png differ diff --git a/fonts/HelveticaLTStd-Obl.otf b/fonts/HelveticaLTStd-Obl.otf new file mode 100644 index 0000000..bdf8226 Binary files /dev/null and b/fonts/HelveticaLTStd-Obl.otf differ diff --git a/fonts/MAZIUSREVIEW20.09-Extraitalic.otf b/fonts/MAZIUSREVIEW20.09-Extraitalic.otf deleted file mode 100644 index eb839ab..0000000 Binary files a/fonts/MAZIUSREVIEW20.09-Extraitalic.otf and /dev/null differ diff --git a/fonts/MigraItalic-ExtralightItalic.otf b/fonts/MigraItalic-ExtralightItalic.otf deleted file mode 100644 index 4625c16..0000000 Binary files a/fonts/MigraItalic-ExtralightItalic.otf and /dev/null differ diff --git a/fonts/happy-times-NG_italic_master.otf b/fonts/happy-times-NG_italic_master.otf new file mode 100644 index 0000000..20a16db Binary files /dev/null and b/fonts/happy-times-NG_italic_master.otf differ diff --git a/fonts/happy-times-NG_regular_master.otf b/fonts/happy-times-NG_regular_master.otf new file mode 100644 index 0000000..436b341 Binary files /dev/null and b/fonts/happy-times-NG_regular_master.otf differ diff --git a/index.html b/index.html index ecbd165..9a2cb58 100644 --- a/index.html +++ b/index.html @@ -16,11 +16,11 @@ - +
- +

Harkin-Engel Protocol

@@ -42,12 +42,17 @@

Manioc

- +
+ + +

0. thoughts

+
-
+
+
about us
 +
+ + diff --git a/js/application.js b/js/application.js index 26a853a..b478535 100644 --- a/js/application.js +++ b/js/application.js @@ -7,6 +7,13 @@ $(document).ready(function(){ } }); + $(".thoughtsWindows").draggable({ + start: function(){ + $(".thoughtsWindows").css({"z-index": 0}); + $(this).css({"z-index": 100}); + } + }); + function nombre(value){ return Math.floor(Math.random() * value); } diff --git a/landingPage.html b/landingPage.html new file mode 100644 index 0000000..0d36c09 --- /dev/null +++ b/landingPage.html @@ -0,0 +1,38 @@ + + + + + + + cocoatlas + + + + + + + + + + + + + + +
+

Chocolate Atlas

+ The Chocolate Atlas takes the viewer on a non-liner route through the world of cocoa. Using + the lens of cocoa to magnify the detached consumption of goods on a global base. A melt-inyour-mouth sweet for some and, amongst others, a child-slavery-based business for others. The + reality of food is not singular, which is why the Atlas is organized in an organic spread that can + be accessed at multiple points. Cocoa and its trade route is one of the most fragmented crops of + the world, equaling in increased accountability detachment from the fruit to the bar. +

Project Developed + at Design Academy of Eindhoven +
Curated and edited + by Lison, Julia, Camille, Raphaelle, Gianmarco

+
enter
 +
+ + + + \ No newline at end of file diff --git a/pageDraggeable b/pageDraggeable new file mode 160000 index 0000000..3bdfedb --- /dev/null +++ b/pageDraggeable @@ -0,0 +1 @@ +Subproject commit 3bdfedb1d2aafb12b86e05f16de1fce151456883 diff --git a/styles.css b/styles.css index ef07950..7888ed1 100644 --- a/styles.css +++ b/styles.css @@ -1,3 +1,4 @@ +@charset "UTF-8"; * { -webkit-box-sizing: border-box; box-sizing: border-box; @@ -17,8 +18,13 @@ } @font-face { - font-family: 'Migra'; - src: url("fonts/MigraItalic-ExtralightItalic.otf") format("opentype"); + font-family: 'HelveticaOblique'; + src: url("fonts/HelveticaLTStd-Obl.otf") format("opentype"); +} + +@font-face { + font-family: 'HappyTimes'; + src: url("fonts/happy-times-NG_regular_master.otf") format("opentype"); } html { @@ -26,7 +32,7 @@ html { overflow: hidden; } -body { +.home { margin: 0; padding: 0; background: black; @@ -39,9 +45,38 @@ body { overflow: hidden; } +body { + margin: 0; + padding: 0; + background: black; +} + +.menu { + font-family: Helvetica; + font-size: 9pt; + font-weight: normal; +} + +.menu .buttonAboutus { + background: black; + color: white; + display: inline-block; + border-width: 1px; + border-style: solid; + border-radius: 3vw; + border-color: white; + padding: 0.5vw 1vw 0.5vw 1vw; + cursor: pointer; +} + +.menu .buttonAboutus:hover { + background: white; + color: black; +} + .object { position: absolute; - width: 10%; + width: 10vw; cursor: move; color: white; text-align: center; @@ -120,27 +155,65 @@ body { } .object:nth-child(1) { - left: 70%; - top: 45%; -} - -.object:nth-child(2) { - left: 1%; - top: 64%; -} - -.object:nth-child(3) { - left: 68%; + left: 69%; top: 34%; } +.object:nth-child(2) { + left: 22%; + top: 24%; +} + +.object:nth-child(3) { + left: 38%; + top: 54%; +} + .object:nth-child(4) { - left: 21%; - top: 73%; + left: 30%; + top: 25%; } .object:nth-child(5) { - left: 1%; - top: 8%; + left: 56%; + top: 66%; +} + +.april { + width: 30%; + position: absolute; + top: 20vw; + right: 20vw; + overflow: hidden; +} + +.thoughtsWindows { + font-family: Helvetica; + font-size: 11pt; + font-weight: normal; +} + +.thoughtsWindows .entête { + text-transform: uppercase; + font-size: 10pt; + background: black; + border-width: 1px; + border-style: solid; + color: white; + padding: 3px; +} + +.thoughtsWindows .entête .titre { + text-align: left; +} + +.thoughtsWindows .entête .date { + text-align: right; +} + +.thoughtsWindows .texte { + font-family: HelveticaOblique; + background: white; + padding: 20px; } /*# sourceMappingURL=styles.css.map */ \ No newline at end of file diff --git a/styles.css.map b/styles.css.map index 6e20160..d5ae18b 100644 --- a/styles.css.map +++ b/styles.css.map @@ -1,6 +1,6 @@ { "version": 3, - "mappings": "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", + "mappings": "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", "sources": [ "styles.scss" ], diff --git a/styles.scss b/styles.scss index 498761c..c379dac 100644 --- a/styles.scss +++ b/styles.scss @@ -18,16 +18,26 @@ } @font-face { - font-family: 'Migra'; - src: url('fonts/MigraItalic-ExtralightItalic.otf') format('opentype'); + font-family: 'HelveticaOblique'; + src: url('fonts/HelveticaLTStd-Obl.otf') format('opentype'); } +@font-face { + font-family: 'HappyTimes'; + src: url('fonts/happy-times-NG_regular_master.otf') format('opentype'); +} + +// @font-face { +// font-family: 'Migra'; +// src: url('fonts/MigraItalic-ExtralightItalic.otf') format('opentype'); +// } + html{ height: 100%; overflow: hidden; } -body { +.home{ margin: 0; padding: 0; background: black; @@ -40,9 +50,38 @@ body { overflow: hidden; } +body{ + margin: 0; + padding: 0; + background: black; +} + +.menu { + font-family: Helvetica; + font-size: 9pt; + font-weight: normal; + + .buttonAboutus{ + background: rgb(0, 0, 0); + color: rgb(255, 255, 255); + display: inline-block; + border-width: 1px; + border-style: solid; + border-radius:3vw; + border-color: white; + padding: 0.5vw 1vw 0.5vw 1vw; + cursor: pointer; + + &:hover { + background: rgb(255, 255, 255); + color: rgb(0, 0, 0); + } + } +} + .object { position: absolute; - width: 10%; + width: 10vw; cursor: move; color: white; text-align: center; @@ -125,11 +164,52 @@ body { @for $i from 1 through 5 { .object:nth-child(#{$i}){ - left: random(90) + %; - top: random(90) + %; + left: random(90) + % ; + top: random(90) + % ; } } +.april{ + width: 30%; + position: absolute; + top: 20vw; + right: 20vw; + overflow: hidden; +} + +.thoughtsWindows{ + font-family: Helvetica; + font-size: 11pt; + font-weight: normal; + // cursor: move; + + .entête{ + text-transform: uppercase; + font-size: 10pt; + background: black; + border-width: 1px; + border-style: solid; + color: white; + padding: 3px; + + + .titre{ + text-align: left; + } + .date{ + text-align: right; + } + } + + .texte{ + font-family: HelveticaOblique; + background: white; + padding: 20px; + } + +} + + @media screen and (min-width: 1000px) { @@ -139,4 +219,3 @@ body { } -