Add sinewaves to home page

5 files changed, 170 insertions, 36 deletions

diff --git a/assets/css/home.css b/assets/css/home.css
index 9b0d5f3..bf9ee02 100644
--- a/assets/css/home.css
+++ b/assets/css/home.css
@@ -312,23 +312,26 @@ body > footer {
     transform: rotate(-4deg);
     margin: 0 -5vw 0 -2vw;
     left: 0; }
-
-  .media #gfx h3 {
-    transform: rotate(4deg) translateX(1vw);
-    font-size: 5rem; }
-
-  .media #gfx:hover {
-    background: rgba(191, 138, 112, 0.9);
-    transform: rotate(0);
-    margin: 0; }
-    .media #gfx:hover p, .media #gfx:hover h4 {
-      display: none; }
-
-  .media #gfx:hover h3 {
-    transform: rotate(0) translateX(0) translateY(-4rem); }
-
-  .media #gfx:hover + #txt {
-    margin-left: -3vw; }
+    .media #gfx h3 {
+      transform: rotate(4deg) translateX(1vw);
+      font-size: 5rem; }
+    .media #gfx svg {
+      position: absolute;
+      top: 0;
+      left: 0;
+      opacity: 0.1; }
+    .media #gfx:hover {
+      background: rgba(191, 138, 112, 0.9);
+      transform: rotate(0);
+      margin: 0; }
+      .media #gfx:hover p, .media #gfx:hover h4 {
+        display: none; }
+      .media #gfx:hover h3 {
+        transform: rotate(0) translateX(0) translateY(-4rem); }
+      .media #gfx:hover svg {
+        opacity: 0.9; }
+      .media #gfx:hover + #txt {
+        margin-left: -3vw; }
 
   .media #txt {
     background: rgba(166, 191, 112, 0.7);
@@ -447,5 +450,13 @@ body > footer {
 
   body > main {
     background: url(../img/logo-ps.svg) center calc(92% - 50vh)/contain no-repeat fixed; } }
+.sinewave.w0 {
+  fill: rgba(240, 40, 142, 0.5); }
+.sinewave.w1 {
+  fill: rgba(140, 140, 42, 0.5); }
+.sinewave.w2 {
+  fill: rgba(240, 142, 1, 0.5); }
+.sinewave.w3 {
+  fill: rgba(0, 110, 12, 0.5); }
 
 /*# sourceMappingURL=home.css.map */
diff --git a/assets/css/home.css.map b/assets/css/home.css.map
index 485a38c..d53b27a 100644
--- a/assets/css/home.css.map
+++ b/assets/css/home.css.map
@@ -1,6 +1,6 @@
 {
 "version": 3,
-"mappings": "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",
+"mappings": "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",
 "sources": ["../scss/home.scss"],
 "names": [],
 "file": "home.css"
diff --git a/assets/scss/home.scss b/assets/scss/home.scss
index 7a1a0e3..d20d5a3 100644
--- a/assets/scss/home.scss
+++ b/assets/scss/home.scss
@@ -425,25 +425,40 @@ body > footer {
 	transform: rotate(-4deg);
 	margin: 0 -5vw 0 -2vw;
 	left: 0;
-    }
-    .media #gfx h3 {
-	transform: rotate(4deg) translateX(1vw);
-	font-size: 5rem;
-    }
-    .media #gfx:hover {
-	background: rgba(191, 138, 112, 0.9);
-	transform: rotate(0);
-	margin: 0;
 
-	p, h4 {
-	    display: none;
+	h3 {
+	    transform: rotate(4deg) translateX(1vw);
+	    font-size: 5rem;
+	}
+
+	svg {
+	    position: absolute;
+	    top: 0;
+	    left: 0;
+	    opacity: 0.1;
+	}
+
+	&:hover {
+	    background: rgba(191, 138, 112, 0.9);
+	    transform: rotate(0);
+	    margin: 0;
+
+	    p, h4 {
+		display: none;
+	    }
+
+	    h3 {
+		transform: rotate(0) translateX(0) translateY(-4rem);
+	    }
+
+	    svg {
+		opacity: 0.9;
+	    }
+
+	    + #txt {
+		margin-left: -3vw;
+	    }
 	}
-    }
-    .media #gfx:hover h3 {
-	transform: rotate(0) translateX(0) translateY(-4rem);
-    }
-    .media #gfx:hover + #txt {
-	margin-left: -3vw;
     }
 
     .media #txt {
@@ -579,3 +594,18 @@ body > footer {
     }
     
 }
+
+.sinewave{
+    &.w0 {
+        fill: rgba(240, 40, 142, 0.5);
+    }
+    &.w1 {
+        fill: rgba(140, 140, 42, 0.5);
+    }
+    &.w2 {
+        fill: rgba(240, 142, 1, 0.5);
+    }
+    &.w3 {
+        fill: rgba(0, 110, 12, 0.5);
+    }
+}
diff --git a/ps/gfx/sine.js b/ps/gfx/sine.js
new file mode 100644
index 0000000..b1d14a4
--- /dev/null
+++ b/ps/gfx/sine.js
@@ -0,0 +1,92 @@
+(function(d3) {
+
+    const increase = ((Math.PI * 2) / 360);
+    const margin   = { top:10, right:10, bottom:10, left:10 }
+    const view     = d3.select('#gfx')
+    const bbox     = view.node().getBoundingClientRect()
+    const width    = Math.max(bbox.width, bbox.height)
+    const height   = Math.max(bbox.width, bbox.height)
+
+    var w = width - margin.right - margin.left
+    var h = height - margin.top - margin.bottom
+
+    const samples = Math.PI * 3
+    var   data    = generateSineData(samples)
+    
+    console.log(data)
+
+    var xScale = d3.scaleLinear().domain([0, samples-1]).range([0, w])
+    var yScale = d3.scaleLinear().domain([-1, 1]).range([h, 0])
+
+    const initialX = xScale(12);
+    const initialY = yScale(15);
+
+    // define the area
+    var sine = d3.area()
+	.curve(d3.curveMonotoneX)
+	.x(function(d, i) { return xScale(i); })
+	.y0(height)
+	.y1(function(d) { return yScale(d.y || d); });
+
+    const svg   = view.append('svg')
+	  .attr('width', width + margin.left + margin.right)
+	  .attr('height', height + margin.top + margin.bottom)
+	  .style('background-color', 'black')
+	  .append('g')
+	  .attr('transform',function(){
+              var x1 = bbox.x + bbox.width / 2
+              var y1 = bbox.y + bbox.height / 2
+	      console.log(`rotate(90, ${x1}, ${y1}) translate(${margin.left}, ${margin.top})`)
+	      return `translate(${margin.left - x1}, ${margin.top -y1}) rotate(90, ${x1}, ${y1})`
+          })
+    
+//    svg.append("defs").append("clipPath").attr("id", "clip")
+//	.append("rect").attr("width", width).attr("height", height)
+//    	.append("rect").attr("width", h).attr("height", w)    
+
+    const graphContainer = svg.append("g")
+//           .attr('transform', `translate(-${initialX}, -${initialY})`);
+
+    const state = {
+	initialX,
+	initialY,
+	graphContainer,
+	time: 0
+    };
+
+    function generateSineData(samples) {
+	return d3.range(0, 100).map(function(i) { return Math.sin(i) })
+    }
+
+    var drawSineWave = function(state) {
+	const freqs = [ 84, 34, 71, 125 ]
+
+	svg
+	    .attr('width', function() { return bbox.width  })
+	    .attr('height', function() {return bbox.height })
+
+	d3.selectAll('.sinewave').remove()
+
+	freqs.forEach(function(f, i) {
+	    var data = d3.range(0, 54)
+		.map(x => x * 10 / f)
+		.map((x) => { return { x: x, y: - Math.sin(x + i - state.time)} })
+
+	    state.graphContainer.append('path')
+		.datum(data)
+		.attr('class', 'sinewave w' + i)
+		.attr('d', sine)
+	})
+    }
+    
+    var drawGraph = function(state) {
+	state.time += increase;
+	drawSineWave(state);
+	requestAnimationFrame(drawGraph.bind(this, state));
+    }
+
+    d3.select('#view').attr('transform', 'rotate(90deg)')
+
+    drawGraph(state);
+
+})(d3)
diff --git a/ps/index.fr.html b/ps/index.fr.html
index 2d4e119..d154c66 100644
--- a/ps/index.fr.html
+++ b/ps/index.fr.html
@@ -6,6 +6,7 @@
     <link rel="stylesheet" href="../assets/css/home.css">
     <!link rel="stylesheet" href="ui/css/mobile.css">
     <script type="text/javascript" src="../assets/js/jquery.min.js"></script>
+    <script type="text/javascript" src="../assets/js/d3.v4.min.js"></script>
     <script type="text/javascript" src="../assets/js/ps-app.js"></script>
     <!-- discuss: <ps\at/lesoiseaux.io> -->
   </head>
@@ -108,7 +109,7 @@
 	    extractivist hubris and thirst for exhaustion. We're alive
 	    and want to meet you in person to amplify our actions.</p>
 
-	  </section>
+	  </section><script src="gfx/sine.js"></script>
 	  <section id="txt" class="fixed">
 
 	    <h3><a href="./txt/">TXT</a></h3>