From 039578bc1a2af67d276394622a9cd1b064fd51e3 Mon Sep 17 00:00:00 2001 From: nglk Date: Fri, 9 Oct 2020 14:59:38 +0200 Subject: [PATCH 1/3] added d3 map in hello.html and clisks are working --- hello.py | 17 ++--- static/css/style.css | 17 ++++- static/js/d3_map.js | 109 +++++++++++++++++++++++++++++ static/js/test.json | 21 ++++++ templates/base.html | 1 + hello.html => templates/hello.html | 64 ++++++++--------- testing/index.html | 72 ++++++++++++++++++- testing/test.json | 6 +- 8 files changed, 256 insertions(+), 51 deletions(-) create mode 100644 static/js/d3_map.js create mode 100644 static/js/test.json rename hello.html => templates/hello.html (70%) diff --git a/hello.py b/hello.py index 0ecb2c8..192dad0 100644 --- a/hello.py +++ b/hello.py @@ -1,5 +1,6 @@ from flask import Flask -from flask import render_template +from flask import render_template, jsonify + app = Flask(__name__) @@ -22,12 +23,8 @@ def hello_world(): @app.route('/hello/') -@app.route('/perspectiveB/') -def perspectiveB(): - return render_template('perspectiveB.html') -@app.route('/perspectiveA/') -def perspectiveA(): - return render_template('perspectiveA.html') -@app.route('/perspectiveC/') -def perspectiveC(): - return render_template('perspectiveC.html') + +@app.route("/get-data") +def get_data(): + return jsonify({"a": 1, "b": 2}) + diff --git a/static/css/style.css b/static/css/style.css index f618c26..d7e83b3 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -47,8 +47,9 @@ stroke-dasharray:6px; /* text area */ .thesis { overflow-y: scroll; -max-height:500px; +max-height:300px; scroll-behavior: smooth; +font-size: 1.2em; } /* background audio */ @@ -106,8 +107,20 @@ draggable { /* pop up */ -#show1 { +#showdadaloglu,#showmuharrem { display: none; left: 20%; width: 23% !important; } + + +/*d3 map*/ +.link { + stroke: #ccc; +} + +.node text { + pointer-events: none; + font: 1em sans-serif; +} + diff --git a/static/js/d3_map.js b/static/js/d3_map.js new file mode 100644 index 0000000..4935380 --- /dev/null +++ b/static/js/d3_map.js @@ -0,0 +1,109 @@ +var width = 960, + height = 500 + +var svg = d3.select("body").append("svg") + .attr("width", width) + .attr("height", height); + +var force = d3.layout.force() + .gravity(0.05) + .distance(100) + .charge(-100) + .size([width, height]); + +d3.json("/static/js/test.json", function(error, json) { + if (error) throw error; + + force + .nodes(json.nodes) + .links(json.links) + .start(); + + var link = svg.selectAll(".link") + .data(json.links) + .enter().append("line") + .attr("class", "link"); + + var node = svg.selectAll(".node") + .data(json.nodes) + .enter().append("g") + .attr("class", "node") + .attr("id", function(d){return d.id}) + // .on("click", function(d){ + // scrolldiv(d); + // play(d); + // popup(d); + // }) + .call(force.drag); + + node.append("image") + .attr("xlink:href", "/static/images/circle.png") + .attr("x", -8) + .attr("y", -8) + .attr("width", 16) + .attr("height", 16); + + node.append("text") + .attr("dx", 12) + .attr("dy", ".35em") + .text(function(d) { return d.name }); + + force.on("tick", function() { + link.attr("x1", function(d) { return d.source.x; }) + .attr("y1", function(d) { return d.source.y; }) + .attr("x2", function(d) { return d.target.x; }) + .attr("y2", function(d) { return d.target.y; }); + + node.attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; }); + + }); + +// scripts for mouse events +// popup + // function popup() { + $("#dadaloglu").click(function(){ + $("#showdadaloglu").fadeIn() + console.log("around") + var dada = document.getElementById("textdadaloglu"); + dada.scrollIntoView(); + var audio1 = document.getElementById("audio-1"); + audio1.currentTime = 12; + audio1.play(); + }); + + + $("#muharrem").click(function(){$("#showmuharrem").fadeIn() + console.log("around") + var muh = document.getElementById("textmuharrem"); + muh.scrollIntoView(); + var audio2 = document.getElementById("audio-1"); + audio2.currentTime = 50; + audio2.play(); + }); + // }; + + $(document).click(function (e) { + if (!$(e.target).parents().andSelf().is('#dadaloglu')) { + $("#showdadaloglu").fadeOut(); + $("#audiodadaloglu").trigger('pause'); + + }; + if (!$(e.target).parents().andSelf().is('#muharrem')) { + $("#showmuharrem").fadeOut(); + $("audiomuharrem").trigger('pause'); + }; + }); + +// scroll +// $("#dadaloglu").click(function(){ +// var elem = document.getElementById("ele"); +// elem.scrollIntoView(); +// }); + + + + + + + +}); diff --git a/static/js/test.json b/static/js/test.json new file mode 100644 index 0000000..fa0e740 --- /dev/null +++ b/static/js/test.json @@ -0,0 +1,21 @@ +{ + "nodes": [ + { + "name": "Dadaloglu", + "group": 1, + "id":"dadaloglu" + }, + { + "name": "Muharrem Ertas", + "group": 1, + "id":"muharrem" + } + ], + "links": [ + { + "source": 1, + "target": 0, + "value": 1 + } + ] +} diff --git a/templates/base.html b/templates/base.html index 5b6af9f..5fba469 100644 --- a/templates/base.html +++ b/templates/base.html @@ -5,6 +5,7 @@ {% block title %}VVVW{% endblock %} + {% endblock %} diff --git a/hello.html b/templates/hello.html similarity index 70% rename from hello.html rename to templates/hello.html index 22a5501..de29b4f 100644 --- a/hello.html +++ b/templates/hello.html @@ -7,29 +7,13 @@
Map area -
-
- - - hello - -
-
- - - - hello boys - -
- - -
+
+
@@ -37,10 +21,14 @@

image

-
@@ -60,13 +48,13 @@ myself - A female artist from Turkey - and of us - the un/under/misrepresented multitude. I believe this endeavour will unravel not only the history of Turkey but will shed a light on the processes of modernism under the influence of major global actors(?). - Digging through my memory, I find myself in the Turquoise Impala of my grandfather, driving up the Kayseri mountain, hearing his voice chanting a poem out of the blue. Or suddenly I’m facing one of the spontaneous tests of + Digging through my memory, I find myself in the Turquoise Impala of my grandfather, driving up the Kayseri mountain, hearing his voice chanting a poem out of the blue. Or suddenly I’m facing one of the spontaneous tests of my other grand father in Istanbul, asking me to name the tune of the Ottoman-Turkish music we are listening to. My personal memories are as scattered as the collective memory of our chaotic semi island, Anatolia. Yet if one wants to take a walk towards the roots of this land and it’s settlers, the tunes and poems will reveal them selves as the bread crumbs guiding the way. - How does the cultural knowledge travel and transform in time? What forms does it take, why and how do they sustain their presence in our lives? Not only as an artist but as an individual in search of a better present and in + How does the cultural knowledge travel and transform in time? What forms does it take, why and how do they sustain their presence in our lives? Not only as an artist but as an individual in search of a better present and in anticipation and aspiration of a revolution, I try to answer these questions by investigating cultural production methods and develop an alternative reading of the common history. Knowledge in its most delicate form was first contained in the minds of people who would live in small communities. The elders, the more experienced, would be the ones to teach/pass on the knowledge that they would carry along @@ -80,24 +68,28 @@
+ + + // function scrolldiv() { + // var elem = document.getElementById("ele"); + // elem.scrollIntoView(); + // } + + // function play() { + // var audio = document.getElementById("audio-1"); + // audio.currentTime = 12; + // audio.play(); + // } + + {% endblock %} diff --git a/testing/index.html b/testing/index.html index e60d373..a0dfc91 100644 --- a/testing/index.html +++ b/testing/index.html @@ -11,9 +11,47 @@ font: 10px sans-serif; } +.thesis { + overflow-y: scroll; + max-height:100px; + scroll-behavior: smooth; + width:20%; + font-size: .5em; + } + + - + +
+ People since the beginning have been gathering around certain sources of knowledge creating a specific reading/understanding of the world around them. Accumulated from different sources, what is inherited shapes the minds of + individuals, + communities and societies. Often times the cultural productions that happen in reverberance to these processes guide the researchers as they become an archive - a memory space for collective affects of former and contemporary societies. + Aware of my lack of knowledge on all the processes of inheriting from my own history; geographically, ethnically and politically, I attempt to understand the effects of the accumulated sets of knowledge on the actions and behaviour of + myself - A female artist from Turkey - and of us - the un/under/misrepresented multitude. I believe this endeavour will unravel not only the history of Turkey but will shed a light on the processes of modernism under the influence of + major global actors(?). + Digging through my memory, I find myself in the Turquoise Impala of my grandfather, driving up the Kayseri mountain, hearing his voice chanting a poem out of the blue. Or suddenly I’m facing one of the spontaneous tests of + my other grand + father in Istanbul, asking me to name the tune of the Ottoman-Turkish music we are listening to. My personal memories are as scattered as the collective memory of our chaotic semi island, Anatolia. Yet if one wants to take a walk + towards + the roots of this land and it’s settlers, the tunes and poems will reveal them selves as the bread crumbs guiding the way. + + How does the cultural knowledge travel and transform in time? What forms does it take, why and how do they sustain their presence in our lives? Not only as an artist but as an individual in search of a better present and in + anticipation + and aspiration of a revolution, I try to answer these questions by investigating cultural production methods and develop an alternative reading of the common history. + Knowledge in its most delicate form was first contained in the minds of people who would live in small communities. The elders, the more experienced, would be the ones to teach/pass on the knowledge that they would carry along + their + lives. The inherited knowledge can be the secrets of crafts, food processing- like cheese or meat-, healing methods/recipes, rituals, requiems or stories on braveries, travels, battles and looses. All of these resources relate to + specific + figures in the societies and they +
+ diff --git a/testing/test.json b/testing/test.json index 8c381b4..fa0e740 100644 --- a/testing/test.json +++ b/testing/test.json @@ -2,11 +2,13 @@ "nodes": [ { "name": "Dadaloglu", - "group": 1 + "group": 1, + "id":"dadaloglu" }, { "name": "Muharrem Ertas", - "group": 1 + "group": 1, + "id":"muharrem" } ], "links": [ From 8c19c96b9f60a1e12e78d745a2e66afa7029e9bb Mon Sep 17 00:00:00 2001 From: nglk Date: Fri, 9 Oct 2020 16:04:15 +0200 Subject: [PATCH 2/3] included thesis text and added nore elements in json --- hello.py | 3 +- static/css/style.css | 13 +- static/js/d3_map.js | 8 +- static/js/example.json | 1 + static/js/test.json | 30 +++++ templates/hello.html | 73 ++++------- templates/thesis.html | 281 +++++++++++++++++++++++++++++++++++++++++ test.json | 13 -- 8 files changed, 352 insertions(+), 70 deletions(-) create mode 100644 static/js/example.json create mode 100644 templates/thesis.html delete mode 100644 test.json diff --git a/hello.py b/hello.py index 192dad0..525f9c1 100644 --- a/hello.py +++ b/hello.py @@ -19,7 +19,7 @@ def dated_url_for(endpoint, **values): @app.route('/') def hello_world(): - return render_template('hello.html') + return render_template('hello.html') @app.route('/hello/') @@ -27,4 +27,3 @@ def hello_world(): @app.route("/get-data") def get_data(): return jsonify({"a": 1, "b": 2}) - diff --git a/static/css/style.css b/static/css/style.css index d7e83b3..1795844 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -9,18 +9,19 @@ margin-top: 200px; height:80%; } -.image_area { +.media_area { margin-top: 10px; padding-right: 20px; - /* height:300px; */ + height:100%; } -.image_area img { +.media_area img { width: 200px; height: 150px; } -svg{ width:100%; height:100%; } + +svg{ width:100%; height:200%; } path{ fill: transparent; stroke: #000; @@ -49,7 +50,9 @@ stroke-dasharray:6px; overflow-y: scroll; max-height:300px; scroll-behavior: smooth; -font-size: 1.2em; +/*font-size: 1.2em;*/ +border: 1px black solid; +padding: 1em; } /* background audio */ diff --git a/static/js/d3_map.js b/static/js/d3_map.js index 4935380..7af9261 100644 --- a/static/js/d3_map.js +++ b/static/js/d3_map.js @@ -1,13 +1,13 @@ var width = 960, height = 500 -var svg = d3.select("body").append("svg") +var svg = d3.select(".map_area").append("svg") .attr("width", width) .attr("height", height); var force = d3.layout.force() .gravity(0.05) - .distance(100) + .distance(200) .charge(-100) .size([width, height]); @@ -68,7 +68,7 @@ d3.json("/static/js/test.json", function(error, json) { dada.scrollIntoView(); var audio1 = document.getElementById("audio-1"); audio1.currentTime = 12; - audio1.play(); + // audio1.play(); }); @@ -78,7 +78,7 @@ d3.json("/static/js/test.json", function(error, json) { muh.scrollIntoView(); var audio2 = document.getElementById("audio-1"); audio2.currentTime = 50; - audio2.play(); + // audio2.play(); }); // }; diff --git a/static/js/example.json b/static/js/example.json new file mode 100644 index 0000000..8ac8437 --- /dev/null +++ b/static/js/example.json @@ -0,0 +1 @@ +{"nodes":[{"name":"Myriel","group":1},{"name":"Napoleon","group":1},{"name":"Mlle.Baptistine","group":1},{"name":"Mme.Magloire","group":1},{"name":"CountessdeLo","group":1},{"name":"Geborand","group":1},{"name":"Champtercier","group":1},{"name":"Cravatte","group":1},{"name":"Count","group":1},{"name":"OldMan","group":1},{"name":"Labarre","group":2},{"name":"Valjean","group":2},{"name":"Marguerite","group":3},{"name":"Mme.deR","group":2},{"name":"Isabeau","group":2},{"name":"Gervais","group":2},{"name":"Tholomyes","group":3},{"name":"Listolier","group":3},{"name":"Fameuil","group":3},{"name":"Blacheville","group":3},{"name":"Favourite","group":3},{"name":"Dahlia","group":3},{"name":"Zephine","group":3},{"name":"Fantine","group":3},{"name":"Mme.Thenardier","group":4},{"name":"Thenardier","group":4},{"name":"Cosette","group":5},{"name":"Javert","group":4},{"name":"Fauchelevent","group":0},{"name":"Bamatabois","group":2},{"name":"Perpetue","group":3},{"name":"Simplice","group":2},{"name":"Scaufflaire","group":2},{"name":"Woman1","group":2},{"name":"Judge","group":2},{"name":"Champmathieu","group":2},{"name":"Brevet","group":2},{"name":"Chenildieu","group":2},{"name":"Cochepaille","group":2},{"name":"Pontmercy","group":4},{"name":"Boulatruelle","group":6},{"name":"Eponine","group":4},{"name":"Anzelma","group":4},{"name":"Woman2","group":5},{"name":"MotherInnocent","group":0},{"name":"Gribier","group":0},{"name":"Jondrette","group":7},{"name":"Mme.Burgon","group":7},{"name":"Gavroche","group":8},{"name":"Gillenormand","group":5},{"name":"Magnon","group":5},{"name":"Mlle.Gillenormand","group":5},{"name":"Mme.Pontmercy","group":5},{"name":"Mlle.Vaubois","group":5},{"name":"Lt.Gillenormand","group":5},{"name":"Marius","group":8},{"name":"BaronessT","group":5},{"name":"Mabeuf","group":8},{"name":"Enjolras","group":8},{"name":"Combeferre","group":8},{"name":"Prouvaire","group":8},{"name":"Feuilly","group":8},{"name":"Courfeyrac","group":8},{"name":"Bahorel","group":8},{"name":"Bossuet","group":8},{"name":"Joly","group":8},{"name":"Grantaire","group":8},{"name":"MotherPlutarch","group":9},{"name":"Gueulemer","group":4},{"name":"Babet","group":4},{"name":"Claquesous","group":4},{"name":"Montparnasse","group":4},{"name":"Toussaint","group":5},{"name":"Child1","group":10},{"name":"Child2","group":10},{"name":"Brujon","group":4},{"name":"Mme.Hucheloup","group":8}],"links":[{"source":1,"target":0,"value":1},{"source":2,"target":0,"value":8},{"source":3,"target":0,"value":10},{"source":3,"target":2,"value":6},{"source":4,"target":0,"value":1},{"source":5,"target":0,"value":1},{"source":6,"target":0,"value":1},{"source":7,"target":0,"value":1},{"source":8,"target":0,"value":2},{"source":9,"target":0,"value":1},{"source":11,"target":10,"value":1},{"source":11,"target":3,"value":3},{"source":11,"target":2,"value":3},{"source":11,"target":0,"value":5},{"source":12,"target":11,"value":1},{"source":13,"target":11,"value":1},{"source":14,"target":11,"value":1},{"source":15,"target":11,"value":1},{"source":17,"target":16,"value":4},{"source":18,"target":16,"value":4},{"source":18,"target":17,"value":4},{"source":19,"target":16,"value":4},{"source":19,"target":17,"value":4},{"source":19,"target":18,"value":4},{"source":20,"target":16,"value":3},{"source":20,"target":17,"value":3},{"source":20,"target":18,"value":3},{"source":20,"target":19,"value":4},{"source":21,"target":16,"value":3},{"source":21,"target":17,"value":3},{"source":21,"target":18,"value":3},{"source":21,"target":19,"value":3},{"source":21,"target":20,"value":5},{"source":22,"target":16,"value":3},{"source":22,"target":17,"value":3},{"source":22,"target":18,"value":3},{"source":22,"target":19,"value":3},{"source":22,"target":20,"value":4},{"source":22,"target":21,"value":4},{"source":23,"target":16,"value":3},{"source":23,"target":17,"value":3},{"source":23,"target":18,"value":3},{"source":23,"target":19,"value":3},{"source":23,"target":20,"value":4},{"source":23,"target":21,"value":4},{"source":23,"target":22,"value":4},{"source":23,"target":12,"value":2},{"source":23,"target":11,"value":9},{"source":24,"target":23,"value":2},{"source":24,"target":11,"value":7},{"source":25,"target":24,"value":13},{"source":25,"target":23,"value":1},{"source":25,"target":11,"value":12},{"source":26,"target":24,"value":4},{"source":26,"target":11,"value":31},{"source":26,"target":16,"value":1},{"source":26,"target":25,"value":1},{"source":27,"target":11,"value":17},{"source":27,"target":23,"value":5},{"source":27,"target":25,"value":5},{"source":27,"target":24,"value":1},{"source":27,"target":26,"value":1},{"source":28,"target":11,"value":8},{"source":28,"target":27,"value":1},{"source":29,"target":23,"value":1},{"source":29,"target":27,"value":1},{"source":29,"target":11,"value":2},{"source":30,"target":23,"value":1},{"source":31,"target":30,"value":2},{"source":31,"target":11,"value":3},{"source":31,"target":23,"value":2},{"source":31,"target":27,"value":1},{"source":32,"target":11,"value":1},{"source":33,"target":11,"value":2},{"source":33,"target":27,"value":1},{"source":34,"target":11,"value":3},{"source":34,"target":29,"value":2},{"source":35,"target":11,"value":3},{"source":35,"target":34,"value":3},{"source":35,"target":29,"value":2},{"source":36,"target":34,"value":2},{"source":36,"target":35,"value":2},{"source":36,"target":11,"value":2},{"source":36,"target":29,"value":1},{"source":37,"target":34,"value":2},{"source":37,"target":35,"value":2},{"source":37,"target":36,"value":2},{"source":37,"target":11,"value":2},{"source":37,"target":29,"value":1},{"source":38,"target":34,"value":2},{"source":38,"target":35,"value":2},{"source":38,"target":36,"value":2},{"source":38,"target":37,"value":2},{"source":38,"target":11,"value":2},{"source":38,"target":29,"value":1},{"source":39,"target":25,"value":1},{"source":40,"target":25,"value":1},{"source":41,"target":24,"value":2},{"source":41,"target":25,"value":3},{"source":42,"target":41,"value":2},{"source":42,"target":25,"value":2},{"source":42,"target":24,"value":1},{"source":43,"target":11,"value":3},{"source":43,"target":26,"value":1},{"source":43,"target":27,"value":1},{"source":44,"target":28,"value":3},{"source":44,"target":11,"value":1},{"source":45,"target":28,"value":2},{"source":47,"target":46,"value":1},{"source":48,"target":47,"value":2},{"source":48,"target":25,"value":1},{"source":48,"target":27,"value":1},{"source":48,"target":11,"value":1},{"source":49,"target":26,"value":3},{"source":49,"target":11,"value":2},{"source":50,"target":49,"value":1},{"source":50,"target":24,"value":1},{"source":51,"target":49,"value":9},{"source":51,"target":26,"value":2},{"source":51,"target":11,"value":2},{"source":52,"target":51,"value":1},{"source":52,"target":39,"value":1},{"source":53,"target":51,"value":1},{"source":54,"target":51,"value":2},{"source":54,"target":49,"value":1},{"source":54,"target":26,"value":1},{"source":55,"target":51,"value":6},{"source":55,"target":49,"value":12},{"source":55,"target":39,"value":1},{"source":55,"target":54,"value":1},{"source":55,"target":26,"value":21},{"source":55,"target":11,"value":19},{"source":55,"target":16,"value":1},{"source":55,"target":25,"value":2},{"source":55,"target":41,"value":5},{"source":55,"target":48,"value":4},{"source":56,"target":49,"value":1},{"source":56,"target":55,"value":1},{"source":57,"target":55,"value":1},{"source":57,"target":41,"value":1},{"source":57,"target":48,"value":1},{"source":58,"target":55,"value":7},{"source":58,"target":48,"value":7},{"source":58,"target":27,"value":6},{"source":58,"target":57,"value":1},{"source":58,"target":11,"value":4},{"source":59,"target":58,"value":15},{"source":59,"target":55,"value":5},{"source":59,"target":48,"value":6},{"source":59,"target":57,"value":2},{"source":60,"target":48,"value":1},{"source":60,"target":58,"value":4},{"source":60,"target":59,"value":2},{"source":61,"target":48,"value":2},{"source":61,"target":58,"value":6},{"source":61,"target":60,"value":2},{"source":61,"target":59,"value":5},{"source":61,"target":57,"value":1},{"source":61,"target":55,"value":1},{"source":62,"target":55,"value":9},{"source":62,"target":58,"value":17},{"source":62,"target":59,"value":13},{"source":62,"target":48,"value":7},{"source":62,"target":57,"value":2},{"source":62,"target":41,"value":1},{"source":62,"target":61,"value":6},{"source":62,"target":60,"value":3},{"source":63,"target":59,"value":5},{"source":63,"target":48,"value":5},{"source":63,"target":62,"value":6},{"source":63,"target":57,"value":2},{"source":63,"target":58,"value":4},{"source":63,"target":61,"value":3},{"source":63,"target":60,"value":2},{"source":63,"target":55,"value":1},{"source":64,"target":55,"value":5},{"source":64,"target":62,"value":12},{"source":64,"target":48,"value":5},{"source":64,"target":63,"value":4},{"source":64,"target":58,"value":10},{"source":64,"target":61,"value":6},{"source":64,"target":60,"value":2},{"source":64,"target":59,"value":9},{"source":64,"target":57,"value":1},{"source":64,"target":11,"value":1},{"source":65,"target":63,"value":5},{"source":65,"target":64,"value":7},{"source":65,"target":48,"value":3},{"source":65,"target":62,"value":5},{"source":65,"target":58,"value":5},{"source":65,"target":61,"value":5},{"source":65,"target":60,"value":2},{"source":65,"target":59,"value":5},{"source":65,"target":57,"value":1},{"source":65,"target":55,"value":2},{"source":66,"target":64,"value":3},{"source":66,"target":58,"value":3},{"source":66,"target":59,"value":1},{"source":66,"target":62,"value":2},{"source":66,"target":65,"value":2},{"source":66,"target":48,"value":1},{"source":66,"target":63,"value":1},{"source":66,"target":61,"value":1},{"source":66,"target":60,"value":1},{"source":67,"target":57,"value":3},{"source":68,"target":25,"value":5},{"source":68,"target":11,"value":1},{"source":68,"target":24,"value":1},{"source":68,"target":27,"value":1},{"source":68,"target":48,"value":1},{"source":68,"target":41,"value":1},{"source":69,"target":25,"value":6},{"source":69,"target":68,"value":6},{"source":69,"target":11,"value":1},{"source":69,"target":24,"value":1},{"source":69,"target":27,"value":2},{"source":69,"target":48,"value":1},{"source":69,"target":41,"value":1},{"source":70,"target":25,"value":4},{"source":70,"target":69,"value":4},{"source":70,"target":68,"value":4},{"source":70,"target":11,"value":1},{"source":70,"target":24,"value":1},{"source":70,"target":27,"value":1},{"source":70,"target":41,"value":1},{"source":70,"target":58,"value":1},{"source":71,"target":27,"value":1},{"source":71,"target":69,"value":2},{"source":71,"target":68,"value":2},{"source":71,"target":70,"value":2},{"source":71,"target":11,"value":1},{"source":71,"target":48,"value":1},{"source":71,"target":41,"value":1},{"source":71,"target":25,"value":1},{"source":72,"target":26,"value":2},{"source":72,"target":27,"value":1},{"source":72,"target":11,"value":1},{"source":73,"target":48,"value":2},{"source":74,"target":48,"value":2},{"source":74,"target":73,"value":3},{"source":75,"target":69,"value":3},{"source":75,"target":68,"value":3},{"source":75,"target":25,"value":3},{"source":75,"target":48,"value":1},{"source":75,"target":41,"value":1},{"source":75,"target":70,"value":1},{"source":75,"target":71,"value":1},{"source":76,"target":64,"value":1},{"source":76,"target":65,"value":1},{"source":76,"target":66,"value":1},{"source":76,"target":63,"value":1},{"source":76,"target":62,"value":1},{"source":76,"target":48,"value":1},{"source":76,"target":58,"value":1}]} \ No newline at end of file diff --git a/static/js/test.json b/static/js/test.json index fa0e740..d62e3ab 100644 --- a/static/js/test.json +++ b/static/js/test.json @@ -9,6 +9,21 @@ "name": "Muharrem Ertas", "group": 1, "id":"muharrem" + }, + { + "name": "Karacaoğlan", + "group": 2, + "id":"karacaoglan" + }, + { + "name": "Ruhi Sun", + "group": 2, + "id":"ruhi" + }, + { + "name": "Aşık Veysel", + "group": 2, + "id":"asik" } ], "links": [ @@ -16,6 +31,21 @@ "source": 1, "target": 0, "value": 1 + }, + { + "source": 3, + "target": 2, + "value": 1 + }, + { + "source": 3, + "target": 4, + "value": 1 + }, + { + "source": 3, + "target": 0, + "value": 1 } ] } diff --git a/templates/hello.html b/templates/hello.html index de29b4f..1cf2337 100644 --- a/templates/hello.html +++ b/templates/hello.html @@ -5,70 +5,51 @@
-
-
Map area +
+
-
- -
-
+
-
-

image

-
+
+ +
+
+
+ +
Audio for Dadaloglu
-
-
-
-
-

iframe area

- - -
- People since the beginning have been gathering around certain sources of knowledge creating a specific reading/understanding of the world around them. Accumulated from different sources, what is inherited shapes the minds of - individuals, - communities and societies. Often times the cultural productions that happen in reverberance to these processes guide the researchers as they become an archive - a memory space for collective affects of former and contemporary societies. - Aware of my lack of knowledge on all the processes of inheriting from my own history; geographically, ethnically and politically, I attempt to understand the effects of the accumulated sets of knowledge on the actions and behaviour of - myself - A female artist from Turkey - and of us - the un/under/misrepresented multitude. I believe this endeavour will unravel not only the history of Turkey but will shed a light on the processes of modernism under the influence of - major global actors(?). - - Digging through my memory, I find myself in the Turquoise Impala of my grandfather, driving up the Kayseri mountain, hearing his voice chanting a poem out of the blue. Or suddenly I’m facing one of the spontaneous tests of - my other grand - father in Istanbul, asking me to name the tune of the Ottoman-Turkish music we are listening to. My personal memories are as scattered as the collective memory of our chaotic semi island, Anatolia. Yet if one wants to take a walk - towards - the roots of this land and it’s settlers, the tunes and poems will reveal them selves as the bread crumbs guiding the way. - - How does the cultural knowledge travel and transform in time? What forms does it take, why and how do they sustain their presence in our lives? Not only as an artist but as an individual in search of a better present and in - anticipation - and aspiration of a revolution, I try to answer these questions by investigating cultural production methods and develop an alternative reading of the common history. - Knowledge in its most delicate form was first contained in the minds of people who would live in small communities. The elders, the more experienced, would be the ones to teach/pass on the knowledge that they would carry along - their - lives. The inherited knowledge can be the secrets of crafts, food processing- like cheese or meat-, healing methods/recipes, rituals, requiems or stories on braveries, travels, battles and looses. All of these resources relate to - specific - figures in the societies and they -
-
-
-
+
+ +
+