diff --git a/static/css/style.css b/static/css/style.css index e7f9fc9..3bc69d4 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -1,13 +1,31 @@ /* Everything*/ +@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300&family=Source+Sans+Pro:wght@300&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Harmattan&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Asul&display=swap'); * { border: 0px black solid; + +} + +.container-fluid { + overflow: hidden; } +.bg { +/* background-image: url("/static/images/book.jpeg");*/ + background-image: linear-gradient(#CDCEC9, #9494A0, #652A2E); + height: 100%; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + +} /*Main areas*/ .map_area { text-align: center; margin-top: 20px; - height:80%; + margin-bottom: 20px; + margin-right: 10px; } .media_area { margin-top: 10px; @@ -26,14 +44,41 @@ .node text { pointer-events: none; - font: 10px sans-serif; + } -#dadaloglu text { - fill:red; +/* Node styling */ + +#ahmed text { + fill: #703022; + font-size: 20px; + font-family: 'Asul', sans-serif; } +#mevlana text { + fill: #703022; + font-size: 20px; + font-family: 'Asul', sans-serif; +} + +#haci text { + fill: #703022; + font-size: 20px; + font-family: 'Asul', sans-serif; +} + +#dadaloglu text { + fill: #C85E40; + font-size: 20px; + font-family: 'Asul', sans-serif; +} + +#dedekorkut text { + fill: #C85E40; + font-size: 20px; + font-family: 'Asul', sans-serif; +} svg{ width:100%; height:200%; } path{ @@ -62,11 +107,13 @@ stroke-dasharray:6px; /* text area */ .thesis { overflow-y: scroll; -max-height:300px; +max-height:400px; scroll-behavior: smooth; font-size: 1em; border: 1px black solid; -padding: 1em; +padding: 0.5em; +margin-right: 10px; +margin-top: 10px; } h1 { @@ -78,8 +125,20 @@ h2 { } /* background audio */ -audio { - width:100%; + + +.play-stop { + position: absolute; + bottom: 1.2em; + z-index: 1; + margin-left: calc( 50% - 1.8em ); + overflow: hidden; + font-size: 20px; + font-weight: bold; +} + +.play-stop:hover { + color: #AEB10A; } /* circles */ @@ -95,14 +154,7 @@ audio { } @media all and (max-width: 350px) { - #first_circle { - width: 100%; - height: 100%; - } - #second_circle { - width: 100%; - height: 100%; - } + } draggable { position: absolute; diff --git a/static/js/d3_map.js b/static/js/d3_map.js index ac7e264..0b27151 100644 --- a/static/js/d3_map.js +++ b/static/js/d3_map.js @@ -1,5 +1,5 @@ -var width = 960, - height = 700 +var width = 500, + height = 400 var svg = d3.select(".map_area").append("svg") .attr("width", width) @@ -7,8 +7,8 @@ var svg = d3.select(".map_area").append("svg") var force = d3.layout.force() .gravity(0.01) - .distance(400) - .charge(-100) + .distance(100) + .charge(-50) .size([width, height]); d3.json("/static/js/group1.json", function(error, json) { @@ -29,6 +29,7 @@ d3.json("/static/js/group1.json", function(error, json) { .enter().append("g") .attr("class", "node") .attr("id", function(d){return d.id}) + // .style("fill",function (d) { return 'red'; }) // .on("click", function(d){ // scrolldiv(d); @@ -38,7 +39,7 @@ d3.json("/static/js/group1.json", function(error, json) { .call(force.drag); node.append("image") - .attr("xlink:href", "/static/images/circle.png") + .attr("xlink:href", "/static/images/squig2.png") .attr("x", -8) .attr("y", -8) .attr("width", 16) @@ -56,9 +57,40 @@ d3.json("/static/js/group1.json", function(error, json) { .attr("y2", function(d) { return d.target.y; }); node.attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; }); +// node.each(collide(0.5)); //Added }); +// no overlapping + +//var padding = 10, // separation between circles +// radius=8; +//function collide(alpha) { +// var quadtree = d3.geom.quadtree(graph.nodes); +// return function(d) { +// var rb = 2*radius + padding, +// nx1 = d.x - rb, +// nx2 = d.x + rb, +// ny1 = d.y - rb, +// ny2 = d.y + rb; +// quadtree.visit(function(quad, x1, y1, x2, y2) { +// if (quad.point && (quad.point !== d)) { +// var x = d.x - quad.point.x, +// y = d.y - quad.point.y, +// l = Math.sqrt(x * x + y * y); +// if (l < rb) { +// l = (l - rb) / l * alpha; +// d.x -= x *= l; +// d.y -= y *= l; +// quad.point.x += x; +// quad.point.y += y; +// } +// } +// return x1 > nx2 || x2 < nx1 || y1 > ny2 || y2 < ny1; +// }); +// }; +//} + // scripts for mouse events $("#dadaloglu").click(function(){ $("#showdadaloglu").fadeIn() diff --git a/static/js/group1.json b/static/js/group1.json index d3b04f1..045902a 100644 --- a/static/js/group1.json +++ b/static/js/group1.json @@ -7,32 +7,39 @@ }, { "name": "Dedekorkut", - "group": 1 + "group": 1, + "id":"dedekorkut" }, { "name": "Aşık Nesimi", - "group": 1 + "group": 1, + "id":"asikN" }, { "name": "Aşık Ali İzzet", - "group": 1 + "group": 1, + "id":"asikA" }, { "name": "Karacaoğlan", - "group": 1 + "group": 1, + "id":"karacaoglan" }, { "name": "Aşık Mahzuni Şerif", - "group": 1 + "group": 1, + "id":"asikM" }, { "name": "Aşık Veysel", - "group": 1 + "group": 1, + "id":"asikV" } , { "name": "Neşet Ertaş", - "group": 1 + "group": 1, + "id":"neset" } , { @@ -44,41 +51,50 @@ , { "name": "Ali Ekber Çiçek", - "group": 1 + "group": 1, + "id":"aliekber" } , { "name": "Dedeoğlu", - "group": 1 + "group": 1, + "id":"dedeoglu" } , { "name": "Pir Sultan Abdal", - "group": 1 + "group": 1, + "id":"pir" }, { "name": "Yunus Emre", - "group": 1 + "group": 1, + "id":"yunus" }, { "name": "Kul Nesimi", - "group": 1 + "group": 1, + "id":"kulN" }, { "name": "Kaygusuz Abdal", - "group": 1 + "group": 1, + "id":"kaygusuz" }, { "name": "Ahmed Yesevi", - "group": 2 + "group": 2, + "id": "ahmed" }, { "name": "Mevlana Celaleddin Rumi", - "group": 2 + "group": 2, + "id": "mevlana" }, { "name": "Hacı Bektaş-i Veli", - "group": 2 + "group": 2, + "id": "haci", } ], "links": [ diff --git a/templates/base.html b/templates/base.html index 5fba469..e32b8b9 100644 --- a/templates/base.html +++ b/templates/base.html @@ -11,7 +11,7 @@ {% endblock %} -
+
{% block body %} {% endblock %}
diff --git a/templates/hello.html b/templates/hello.html index 1cf2337..08397cb 100644 --- a/templates/hello.html +++ b/templates/hello.html @@ -2,29 +2,28 @@ {% block title %}Hello{% endblock %} {% block body %} - -
+
+
+
-
-
+
{% include 'thesis.html' %}
-
-
+
Audio for Dadaloglu
- -
+
+
+ (Play) +
+
+ +
+
+
+
{% endblock %} diff --git a/testing/index.html b/testing/index.html deleted file mode 100644 index 04f8304..0000000 --- a/testing/index.html +++ /dev/null @@ -1,143 +0,0 @@ - - - - - -
- 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 deleted file mode 100644 index 7ce8807..0000000 --- a/testing/test.json +++ /dev/null @@ -1,88 +0,0 @@ -{ - "nodes": [ - { - "name": "Dadaloğlu", - "group": 1, - "id":"dadaloglu" - }, - { - "name": "Dedekorkut", - "group": 1 - }, - { - "name": "Aşık Nesimi", - "group": 1 - }, - { - "name": "Aşık Ali İzzet", - "group": 1 - }, - { - "name": "Karacaoğlan", - "group": 1 - }, - { - "name": "Aşık Veysel", - "group": 1 - } - , - { - "name": "Neşet Ertaş", - "group": 1 - } - , - { - "name": "Muharrem Ertaş", - "group": 1 - } - , - { - "name": "Ali Ekber Çiçek", - "group": 1 - } - , - { - "name": "Dedeoğlu", - "group": 1 - } - , - { - "name": "Pir Sultan Abdal", - "group": 1 - }, - { - "name": "Yunus Emre", - "group": 1 - }, - { - "name": "Kul Nesimi", - "group": 1 - }, - { - "name": "Kaygusuz Abdal", - "group": 1 - } - ], - "links": [ - { - "source": 8, - "target": 0, - "value": 1 - }, - { - "source": 4, - "target": 11, - "value": 1 - }, - { - "source": 14, - "target": 11, - "value": 1 - }, - { - "source": 2, - "target": 11, - "value": 1 - } - ] -} diff --git a/testing/test2.json b/testing/test2.json deleted file mode 100644 index c302e13..0000000 --- a/testing/test2.json +++ /dev/null @@ -1 +0,0 @@ -{"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}]}