From c2cb20f53b015388c8a84c824111fe844ce318ad Mon Sep 17 00:00:00 2001 From: Your Name Date: Tue, 2 Jan 2018 13:38:27 +0100 Subject: Add sinewaves to home page --- assets/css/home.css | 45 +++++++++++++++--------- assets/css/home.css.map | 2 +- assets/scss/home.scss | 64 +++++++++++++++++++++++++--------- ps/gfx/sine.js | 92 +++++++++++++++++++++++++++++++++++++++++++++++++ ps/index.fr.html | 3 +- 5 files changed, 170 insertions(+), 36 deletions(-) create mode 100644 ps/gfx/sine.js 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": ";AAGA,yBAA0B;EACtB,OAAO,EAAE,eAAe;;AAE5B,yBAA0B;EACtB,OAAO,EAAE,eAAe;;AAG5B,SAAU;EACN,MAAM,EAAE,+BAA+B;;AAE3C,SAAU;EACN,MAAM,EAAE,SAAS;;AAGrB,sBAAuB;EACnB,WAAW,EAAE,2BAA2B;;AAG5C,IAAK;EACD,UAAU,EAAE,wBAAwB;EACpC,KAAK,EAAE,OAAO;EACd,WAAW,EAAE,6BAA6B;EAE1C,aAAS;IACZ,eAAe,EAAE,SAAS;;AAK3B,aAAc;EAEV,gBAAgB,EAAE,OAAqB;EACvC,QAAQ,EAAE,KAAK;EACf,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,IAAI;EACZ,IAAI,EAAE,GAAG;EACT,OAAO,EAAE,IAAI;EACb,OAAO,EAAE,GAAG;EACZ,SAAS,EAAE,MAAM;EACjB,KAAK,EAAE,yBAAyB;EAChC,QAAQ,EAAE,IAAI;EACd,SAAS,EAAE,8CAA8C;EAEzD;2DAC8B;IACjC,KAAK,EAAE,OAAsB;IAC7B,eAAe,EAAE,IAAI;EAGlB,gBAAG;IACN,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,CAAC;IACT,WAAW,EAAE,2BAA2B;IACxC,2BAA2B;IAC3B,SAAS,EAAE,GAAG;IACd,SAAS,EAAE,+CAA+C;IAE1D,oBAAI;MACA,OAAO,EAAE,IAAI;MACb,cAAc,EAAE,OAAO;EAIxB,qBAAQ;IACX,OAAO,EAAE,IAAI;IACb,SAAS,EAAE,KAAK;IAChB,MAAM,EAAE,MAAM;IACd,cAAc,EAAE,IAAI;EAGjB,oBAAO;IACV,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,SAAS,EAAE,OAAO;IAClB,gBAAgB,EAAE,OAAqB;IACvC,OAAO,EAAE,IAAI;IACb,MAAM,EAAE,mBAAmB;IAC3B,KAAK,EAAE,IAAI;IAGX,wBAAI;MACA,UAAU,EAAE,MAAM;MAClB,MAAM,EAAE,mBAAmB;IAG/B,0BAAM;MACF,MAAM,EAAE,mBAAmB;MAC3B,OAAO,EAAE,CAAC;MACV,OAAO,EAAE,IAAI;MACb,UAAU,EAAE,MAAM;MAClB,SAAS,EAAE,iBAAiB;MAE5B,6BAAG;QACN,OAAO,EAAE,MAAM;MAGZ,6BAAG;QACN,OAAO,EAAE,YAAY;QACrB,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,IAAI;MAEb,6BAAG;QACN,OAAO,EAAE,YAAY;QACrB,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,SAAS;QACjB,aAAa,EAAE,SAAS;QACxB,YAAY,EAAE,WAAW;QACzB,uBAAuB,EAAE,MAAM;QAC/B,UAAU,EAAE,MAAM;QAElB,+BAAE;UACE,QAAQ,EAAE,QAAQ;UAClB,OAAO,EAAE,KAAK;UACd,KAAK,EAAE,IAAI;UACX,MAAM,EAAE,IAAI;UACZ,WAAW,EAAE,IAAI;UACjB,MAAM,EAAE,CAAC;UACT,OAAO,EAAE,CAAC;UACV,UAAU,EAAE,mBAAgB;UAC5B,uBAAuB,EAAE,MAAM;QAGnC,mCAAQ;UACJ,YAAY,EAAE,OAAsB;UAEpC,qCAAE;YACL,WAAW,EAAE,IAAI;YACjB,UAAU,EAAE,kBAAe;IAM7B,0BAAQ;MACJ;;UAEI;MAGP,iDAAmB;QACf,OAAO,EAAE,YAAY;QACrB,KAAK,EAAE,WAAW;QAClB,WAAW,EAAE,CAAC;QAEd,wDAAS;UACZ,OAAO,EAAE,UAAU;UACnB,OAAO,EAAE,KAAK;UACd,KAAK,EAAE,OAAO;UACd,aAAa,EAAE,OAAO;MAIvB,4CAAc;QACV,OAAO,EAAE,YAAY;QACrB,SAAS,EAAE,cAAc;QACzB,cAAc,EAAE,OAAO;MAIxB,gCAAM;QACT,OAAO,EAAE,KAAK;EAMZ,mBAAQ;IACX,GAAG,EAAE,GAAG;IAER,sBAAG;MACC,SAAS,EAAE,MAAM;MACjB,SAAS,EAAE,uCAAuC;IAGtD,0BAAO;MACH,SAAS,EAAE,6CAA6C;IAG5D,uBAAI;MACA,OAAO,EAAE,YAAY;IAGzB,uDAAgB;MACZ,OAAO,EAAE,KAAK;MACd,KAAK,EAAE,IAAI;MACX,MAAM,EAAE,MAAM;MACd,cAAc,EAAE,IAAI;;AAMzB,WAAY;EACR,UAAU,EAAE,gEAAkE;EAC9E,QAAQ,EAAE,KAAK;EACf,GAAG,EAAE,CAAC;EACN,KAAK,EAAE,CAAC;EACR,MAAM,EAAE,GAAG;EACX,IAAI,EAAE,CAAC;EACP,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,IAAI;;AAGpB,aAAc;EACV,OAAO,EAAE,GAAG;EACZ,QAAQ,EAAE,KAAK;EACf,MAAM,EAAE,CAAC;EACT,IAAI,EAAE,CAAC;EACP,KAAK,EAAE,CAAC;EACR,OAAO,EAAE,IAAI;EACb,gBAAgB,EAAE,OAAqB;EACvC,OAAO,EAAE,IAAI;EACb,SAAS,EAAE,IAAI;EAEf,gBAAG;IACN,OAAO,EAAE,YAAY;EAGlB,iBAAI;IACP,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,mBAAmB;EAGxB,mBAAM;IACT,OAAO,EAAE,IAAI;IACb,SAAS,EAAE,KAAK;IAChB,MAAM,EAAE,mBAAmB;IAC3B,OAAO,EAAE,CAAC;IAEV,sBAAG;MACC,OAAO,EAAE,YAAY;MACrB,MAAM,EAAE,CAAC;MACT,OAAO,EAAE,CAAC;MACV,UAAU,EAAE,IAAI;IAGpB,sBAAG;MACC,OAAO,EAAE,YAAY;MACrB,MAAM,EAAE,SAAS;MACjB,KAAK,EAAE,IAAI;MACX,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,SAAS;MACjB,aAAa,EAAE,SAAS;MACxB,YAAY,EAAE,WAAW;MACzB,uBAAuB,EAAE,MAAM;MAC/B,UAAU,EAAE,MAAM;MAElB,wBAAE;QACL,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;QACZ,WAAW,EAAE,IAAI;QACjB,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,mBAAgB;QAC5B,uBAAuB,EAAE,MAAM;MAG5B,4BAAQ;QACX,YAAY,EAAE,OAAsB;QAEpC,8BAAE;UACE,WAAW,EAAE,IAAI;UACjB,UAAU,EAAE,kBAAe;EAM7B,mBAAQ;IAEX;;QAEI;IACJ,0CAAuB;MACnB,OAAO,EAAE,YAAY;MACrB,KAAK,EAAE,WAAW;MAClB,WAAW,EAAE,CAAC;MAEd,iDAAS;QACZ,OAAO,EAAE,UAAU;QACnB,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,OAAO;QACd,aAAa,EAAE,MAAM;IAGtB,qCAAkB;MACd,OAAO,EAAE,YAAY;MACrB,SAAS,EAAE,cAAc;MACzB,cAAc,EAAE,QAAQ;IAG5B,uBAAI;MACA,OAAO,EAAE,KAAK;;AAMnB,4CAA6C;EAEzC,eAAgB;IACnB,QAAQ,EAAE,KAAK;;EAIhB;;;;;;;;;;MAUI;EAEA,gCAAiC;IACpC,gBAAgB,EAAE,OAAqB;IACvC,UAAU,EAAE,wCAAwC;;EAEjD,uCAAwC;IAC3C,gBAAgB,EAAE,KAAK;;EAEpB,sCAAuC;IAC1C,gBAAgB,EAAE,kBAAkB;;EAEjC,4CAA6C;IAChD,gBAAgB,EAAE,wBAAwB;;EAEvC,sCAAuC;IAC1C,gBAAgB,EAAE,OAAsB;IACxC,UAAU,EAAE,kCAAkC;;EAE3C,uCAAwC;IAC3C,gBAAgB,EAAE,GAAG;;EAElB,mBAAoB;IACvB,UAAU,EAAE,IAAI;;EAKb,4BAA6B;IAChC,QAAQ,EAAE,KAAK;IACf,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,KAAK;;EAGX,kCAAmC;IACtC,OAAO,EAAE,KAAK;;EAGX,cAAe;IAClB,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,KAAK;IACd,uBAAuB;;EAGnB,YAAa;IAChB,KAAK,EAAE,IAAI;IACX,OAAO,EAAE,GAAG;;EAET,oBAAqB;IACxB,OAAO,EAAE,IAAI;;EAGV,MAAO;IACV,IAAI,EAAE,CAAC;IAEP,cAAQ;MACJ,KAAK,EAAE,IAAI;MACX,QAAQ,EAAE,QAAQ;MAClB,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,IAAI;MACX,GAAG,EAAE,IAAI;MACT,IAAI,EAAE,CAAC;MACP,WAAW,EAAE,GAAG;MAChB,YAAY,EAAE,IAAI;MAClB,OAAO,EAAE,GAAG;MACZ,QAAQ,EAAE,MAAM;MAEhB,iBAAG;QACN,SAAS,EAAE,IAAI;QACf,KAAK,EAAE,kBAAe;MAGnB,mCAAM;QACT,OAAO,EAAE,IAAI;MAGV,oBAAQ;QACX,UAAU,EAAE,0CAA0C;QACtD,SAAS,EAAE,YAAY;QACvB,KAAK,EAAE,IAAI;QACX,OAAO,EAAE,GAAG;QAEZ,uBAAG;UACC,KAAK,EAAE,KAAgB;QAG3B,+CAAM;UACF,OAAO,EAAE,KAAK;UACd,OAAO,EAAE,IAAI;UACb,KAAK,EAAE,KAAK;;EAMd,WAAY;IACf,UAAU,EAAE,wBAAuB;IACnC,SAAS,EAAE,aAAa;IACxB,MAAM,EAAE,aAAa;IACrB,IAAI,EAAE,CAAC;;EAEJ,cAAe;IAClB,SAAS,EAAE,4BAA4B;IACvC,SAAS,EAAE,IAAI;;EAEZ,iBAAkB;IACrB,UAAU,EAAE,wBAAwB;IACpC,SAAS,EAAE,SAAS;IACpB,MAAM,EAAE,CAAC;IAET,yCAAM;MACF,OAAO,EAAE,IAAI;;EAGd,oBAAqB;IACxB,SAAS,EAAE,yCAAyC;;EAEjD,wBAAyB;IAC5B,WAAW,EAAE,IAAI;;EAGd,WAAY;IACf,UAAU,EAAE,wBAAwB;IACpC,SAAS,EAAE,YAAY;IACvB,MAAM,EAAE,UAAU;IAClB,KAAK,EAAE,WAAW;;EAEf,cAAe;IAClB,SAAS,EAAE,kDAAkD;;EAE1D,iBAAkB;IACrB,UAAU,EAAE,wBAAwB;IACpC,SAAS,EAAE,SAAS;IACpB,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,IAAI;;EAEV,oBAAqB;IACxB,SAAS,EAAE,2CAA2C;;EAEnD,mBAAoB;IACvB,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,KAAK;IACd,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,eAAe,EAAE,IAAI;IACrB,KAAK,EAAE,OAAO;;EAEX,2BAA4B;IAC/B,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,IAAI;IACT,WAAW,EAAE,oBAAoB;IACjC,UAAU,EAAE,MAAM;IAClB,SAAS,EAAE,MAAM;IACjB,OAAO,EAAE,SAAS;;EAGf,WAAY;IACf,IAAI,EAAE,CAAC;IACP,UAAU,EAAE,wBAAwB;IACpC,SAAS,EAAE,aAAa;IACxB,MAAM,EAAE,UAAU;IAClB,KAAK,EAAE,IAAI;IAEX,6BAAM;MACF,OAAO,EAAE,IAAI;;EAGd,iBAAkB;IACrB,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,GAAG;IACR,IAAI,EAAE,GAAG;IACT,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,IAAI;IAChB,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;IACZ,SAAS,EAAE,qBAAqB;IAChC,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,GAAG;;EAET,uBAAwB;IAC3B,OAAO,EAAE,CAAC;;EAEP,iBAAkB;IACrB,UAAU,EAAE,wBAAwB;IACpC,MAAM,EAAE,CAAC;IACT,SAAS,EAAE,SAAS;IACpB,KAAK,EAAE,IAAI;;EAER,cAAe;IAClB,SAAS,EAAE,6BAA6B;;EAErC,oBAAqB;IACxB,SAAS,EAAE,yCAAyC;IACpD,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,IAAI;IAEf,sBAAE;MACE,OAAO,EAAE,KAAK;MACd,MAAM,EAAE,IAAI;MACZ,KAAK,EAAE,IAAI;;EAIZ,MAAO;IACV,KAAK,EAAE,CAAC;IACR,KAAK,EAAE,IAAI;;EAER,mBAAoB;IACvB,KAAK,EAAE,OAAqB;IAC5B,SAAS,EAAE,GAAG;IACd,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;;EAEP,kBAAmB;IACtB,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,KAAK;IAChB,MAAM,EAAE,CAAC;;EAEN,qBAAsB;IACzB,KAAK,EAAE,OAAqB;IAC5B,eAAe,EAAE,IAAI;;EAGlB,qBAAsB;IAC1B,kDAAkD;IACjD,SAAS,EAAE,6BAA6B;;EAErC,kBAAmB;IACvB,yCAAyC;IACxC,SAAS,EAAE,sBAAsB;;EAE9B,mBAAoB;IACxB,sDAAsD;IACrD,SAAS,EAAE,oCAAoC;AAKhD,4CAA6C;EAEzC,kBAAmB;IACtB,SAAS,EAAE,MAAM;IACjB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,GAAG;;EAGP,WAAY;IACf,UAAU,EAAE,uEAAyE", +"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 @@ + @@ -108,7 +109,7 @@ extractivist hubris and thirst for exhaustion. We're alive and want to meet you in person to amplify our actions.

- +

TXT

-- cgit v1.2.3