explanation project

master
UDI-ME-TA 8 years ago
parent 211890df88
commit 00b9f6a49f

@ -4,14 +4,18 @@
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
<title>The fine line - Explanation of the project</title> <title>The fine line - Presentation of the fine line</title>
</head> </head>
<body> <body>
<div id="canvasp5"></div>
<div id="wrap"> <div id="wrap" style="line-height: 2;">
<p>This is a conceptual project based on a reflection around the sentence “The <b>FINE LINE</b> between <b>NOTHING MATTERS</b> and <b>EVERYTHING MATTERS</b>”. It took me a while to figure out how to translate this sentence into something. At the beginning, everything had to make perfect sense and had to have a reason to be. Among mind maps, research, crazy complicated ideas, and loads of thought, it became obvious that the concept was being explored from an “EVERYTHING MATTERS” perspective. Half of the sentence, “<b>NOTHING MATTERS</b>”, was being left behind. But, how to make a project based on meaninglessness? Suddenly, it clicked: <b>ANYWAY, WE ARE GOING TO DIE.</b> This sentence vanished all meaning this project could have, placing myself to the other side of the line. And then a process began: my mind tried to <b>MAKE SENSE</b> of everything saying words like: “If everyone thought this way, society would be aimless”. Then, on propose, I jumped to the other side: “Yes whatever, even though, we are going to die”. Quickly my mind tried to fix it again with other excuses in order to find meaning. And rushing, again on purpose, I shifted the side. It happened several times. I could feel the <b>TENSION</b>, the <b>POLARITIES</b>, the <b>OPPOSITION</b>: I was feeling the line between everything matters and nothing matters. </p>
<p style="margin-bottom:30px;">The idea of this project is to represent this line digitally and sonorously, and let the audience play with it. <b>SEEKING BALANCE AND BREAKING IT</b>. <b>ARMONIOUS</b> sounds and the <b>DISRUPTION</b> of those. Experiencing how close from each other <b>OPPOSITES</b> can be. </p>
</div> <ul><a href="../fine-line/index.html" style="font-size:30px">EXPLORE THE LINE</a></ul>
</div>
</body> </body>
</html> </html>

@ -15,6 +15,7 @@
<div id="canvasp5"></div> <div id="canvasp5"></div>
<div id="wrap"> <div id="wrap">
<div id="fine-line"> <div id="fine-line">
@ -24,10 +25,10 @@
<div class="links"> <div class="links">
<li> <li>
<ul><a href="essay.html">Existencialism and Spirituality</a></ul> <!--<ul><a href="essay.html">Existencialism and Spirituality</a></ul>-->
<ul><a href="explanation.html">Explanation of the project</a></ul> <ul><a href="explanation.html">Presentation of the line</a></ul>
<ul><a href="score.html">Score to find the line</a></ul> <!--<ul><a href="score.html">Score to find the line</a></ul>-->
<ul><a href="../fine-line/index.html">The fine line</a></ul> <ul><a href="../fine-line/index.html" style="font-size:30px">THE FINE LINE</a></ul>
</li> </li>

@ -17,7 +17,7 @@ function getRandomArbitrary(min, max) {
function setup() { function setup() {
var myCanvas = createCanvas(innerWidth,200); var myCanvas = createCanvas(innerWidth,100);
myCanvas.parent("canvasp5"); myCanvas.parent("canvasp5");

@ -5,6 +5,7 @@
body{ body{
font-family: 'FjallaOne', sans-serif; font-family: 'FjallaOne', sans-serif;
margin: 0;
} }
@ -42,7 +43,7 @@ a{
padding-top: 300px; padding-top: 300px;
width:200px; width:200px;
margin:auto; margin:auto;
text-align: left; /*text-align: left;*/
} }
@ -60,6 +61,12 @@ position:absolute;
} }
.explanation p{
margin-bottom: 300px;
}
/* Smartphones (portrait) ----------- */ /* Smartphones (portrait) ----------- */

Loading…
Cancel
Save