alicestrt
/
vvvw
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

changed colors, added class, legend, scroll

master
alicestrt 4 years ago
parent
c48a66303e
commit
90bd8affc9
4 changed files with 80 additions and 145 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 111
      static/css/style.css
  2. 2
      static/js/d3_map.js
  3. 104
      static/js/group1.json
  4. 8
      templates/hello.html

111
static/css/style.css
View File

@ -11,7 +11,7 @@
.container-fluid {
overflow: hidden;
}
/*
.bg {
/* background-image: url("/static/images/book.jpeg");*/
/* background-image: linear-gradient(#CDCEC9, #9494A0, #652A2E); */
@ -61,113 +61,34 @@ cursor: pointer;
/* Node styling */
#ahmed text {
fill: #226270 ;
font-size: 20px;
.group2 {
fill: #92817a ;
font-size: 25px;
font-family: 'Vesper Libre', serif;
}
#mevlana text {
fill: #226270 ;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
#haci text {
fill: #226270 ;
font-size: 20px;
.group1 {
fill: #bedbbb;
font-size: 25px;
font-family: 'Vesper Libre', serif;
}
#dadaloglu text {
fill: #703022;
font-size: 20px;
.group4 {
fill: #8db956;
font-family: 'Vesper Libre', serif;
}
font-size: 25px;
#dedekorkut text {
fill: #703022;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
#asikN text {
fill: #703022;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
#asikA text {
fill: #703022;
font-size: 20px;
.group3 {
fill: #707070;
font-family: 'Vesper Libre', serif;
}
font-size: 25px;
#asikM text {
fill: #703022;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
#karacaoglan text {
fill: #703022;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
#asikV text {
fill: #703022;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
#neset text {
fill: #703022;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
#muharrem text {
fill: #703022;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
#aliekber text {
fill: #703022;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
#dedeoglu text {
fill: #703022;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
#pir text {
fill: #703022;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
#yunus text {
fill: #703022;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
#kulN text {
fill: #703022;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
#kaygusuz text {
fill: #703022;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
svg{ width:100%; height:100%; margin:0 auto;}
@ -209,6 +130,12 @@ font-family: 'Vesper Libre', serif;
scrollbar-color: #cdcec9 #aeb10a;
}
.scrollable {
overflow-y: scroll;
scroll-behavior: smooth;
overflow: hidden;
}
h1 {
font-size: 1.4em !important;

2
static/js/d3_map.js
View File

@ -30,10 +30,12 @@ d3.json("/static/js/group1.json", function(error, json) {
.data(json.nodes)
.enter().append("g")
.attr("class", "node ")
.attr("class", function(d){return "node group" + d.group})
// .node()classList.add(function(d){return d.group});
.attr("id", function(d){return d.id})
// .style("fill",function (d) { return 'red'; })
// .on("click", function(d){
// scrolldiv(d);

104
static/js/group1.json
View File

@ -3,315 +3,315 @@
"name": "Dadaloğlu",
"group": 1,
"id": "dadaloglu",
"time": "1"
"time": 1
},
{
"name": "Dedekorkut",
"group": 1,
"id": "dedekorkut",
"time": "1"
"time": 1
},
{
"name": "Aşık Nesimi",
"group": 1,
"id": "asikN",
"time": "1"
"time": 1
},
{
"name": "Aşık Ali İzzet",
"group": 1,
"id": "asikA",
"time": "1"
"time": 1
},
{
"name": "Aşık Mahzuni Şerif",
"group": 1,
"id": "asikM",
"time": "1"
"time": 1
},
{
"name": "Karacaoğlan",
"group": 1,
"id": "karacaoglan",
"time": "1"
"time": 1
},
{
"name": "Aşık Veysel",
"group": 1,
"id": "asikV",
"time": "1"
"time": 1
},
{
"name": "Neşet Ertaş",
"group": 1,
"id": "neset",
"time": "1"
"time": 1
},
{
"name": "Muharrem Ertaş",
"group": 1,
"id": "muharrem",
"time": "1"
"time": 1
},
{
"name": "Ali Ekber Çiçek",
"group": 1,
"id": "aliekber",
"time": "1"
"time": 1
},
{
"name": "Dedeoğlu",
"group": 1,
"id": "dedeoglu",
"time": "1"
"time": 1
},
{
"name": "Pir Sultan Abdal",
"group": 1,
"id": "pir",
"time": "1"
"time": 1
},
{
"name": "Yunus Emre",
"group": 1,
"id": "yunus",
"time": "1"
"time": 1
},
{
"name": "Kul Nesimi",
"group": 1,
"id": "kulN",
"time": "1"
"time": 1
},
{
"name": "Kaygusuz Abdal",
"group": 1,
"id": "kaygusuz",
"time": "1"
"time": 1
},
{
"name": "Ahmed Yesevi",
"group": 2,
"id": "ahmedY",
"time": "1"
"time": 1
},
{
"name": "Mevlana Celaleddin Rumi",
"group": 2,
"id": "mevlana",
"time": "1"
"time": 1
},
{
"name": "Hacı Bektaş-i Veli",
"group": 2,
"id": "haci",
"time": "1"
"time": 1
},
{
"name": "Nazım Hikmet",
"group": 3,
"id": "nazim",
"time": "1"
"time": 1
},
{
"name": "Ahmed Arif",
"group": 3,
"id": "ahmedA",
"time": "1"
"time": 1
},
{
"name": "Gülten Akın",
"group": 3,
"id": "gulten",
"time": "1"
"time": 1
},
{
"name": "Nilgün Marmara",
"group": 3,
"id": "nilgun",
"time": "1"
"time": 1
},
{
"name": "Atilla İlhan",
"group": 3,
"id": "atilla",
"time": "1"
"time": 1
},
{
"name": "Lale Müldür",
"group": 3,
"id": "lale",
"time": "1"
"time": 1
},
{
"name": "Neyzen Tevfik",
"group": 3,
"id": "neyzen",
"time": "1"
"time": 1
},
{
"name": "Melih Cevdet Anday",
"group": 3,
"id": "melih",
"time": "1"
"time": 1
},
{
"name": "Cahit Sıtkı Tarancı",
"group": 3,
"id": "cahit",
"time": "1"
"time": 1
},
{
"name": "Orhan Veli Kanık",
"group": 3,
"id": "orhan",
"time": "1"
"time": 1
},
{
"name": "Ruhi Su",
"group": 4,
"id": "ruhisu",
"time": "1"
"time": 1
},
{
"name": "Asu Maralman",
"group": 4,
"id": "asu",
"time": "1"
"time": 1
},
{
"name": "Ceylan Ertem",
"group": 4,
"id": "ceylan",
"time": "1"
"time": 1
},
{
"name": "Ahmet Kaya",
"group": 4,
"id": "ahmet",
"time": "1"
"time": 1
},
{
"name": "Fazıl Say",
"group": 4,
"id": "fazil",
"time": "1"
"time": 1
},
{
"name": "Selda Bağcan",
"group": 4,
"id": "selda",
"time": "1"
"time": 1
},
{
"name": "Sezen Aksu",
"group": 4,
"id": "sezen",
"time": "1"
"time": 1
},
{
"name": "Büyük Ev Ablukada",
"group": 4,
"id": "buyuk",
"time": "1"
"time": 1
},
{
"name": "Sümeyra Çakır",
"group": 4,
"id": "sumeyra",
"time": "1"
"time": 1
},
{
"name": "Cem Karaca",
"group": 4,
"id": "cem",
"time": "1"
"time": 1
},
{
"name": "Barış Manço",
"group": 4,
"id": "baris",
"time": "1"
"time": 1
},
{
"name": "Ayfer Vardar",
"group": 4,
"id": "ayfer",
"time": "1"
"time": 1
},
{
"name": "Tülay German",
"group": 4,
"id": "tulay",
"time": "1"
"time": 1
},
{
"name": "Ezhel",
"group": 4,
"id": "ezhel",
"time": "1"
"time": 1
},
{
"name": "Neşe Karaböcek",
"group": 4,
"id": "nese",
"time": "1"
"time": 1
},
{
"name": "Erkin Koray",
"group": 4,
"id": "erkin",
"time": "1"
"time": 1
},
{
"name": "Moğollar",
"group": 4,
"id": "mogollar",
"time": "1"
"time": 1
},
{
"name": "Fikret Kızılok",
"group": 4,
"id": "fikret",
"time": "1"
"time": 1
},
{
"name": "3 Hürel",
"group": 4,
"id": "3hurel",
"time": "1"
"time": 1
},
{
"name": "Levent Yüksel",
"group": 4,
"id": "levent",
"time": "1"
"time": 1
},
{
"name": "Serdar Ateşer",
"group": 4,
"id": "serdar",
"time": "1"
"time": 1
},
{
"name": "Hümeyra",
"group": 4,
"id": "humeyra",
"time": "1"
"time": 1
},
{
"name": "MFÖ",
"group": 4,
"id": "mfo",
"time": "1"
"time": 1
},
{
"name": "İlhan Mimaroğlu",
"group": 4,
"id": "ilhan",
"time": "1"
"time": 1
}
],
"links": [{

8
templates/hello.html
View File

@ -8,8 +8,14 @@
<div class="map_area">
<script src="../static/js/d3_map.js"></script>
</div>
<div class="row">
<div class="col-md-12">
<p>Map legend</p>
</div>
</div>
</div>
<div class="col-md-5">
<div class="scrollable">
<div class="row">
<div class="col-md-12">
<!-- <p>Merve's thesis</p> -->
@ -33,7 +39,7 @@
</div>
</div>
</div>
</div>
</div>
</div>

Write Preview
Loading…
Cancel
Save