From ea53d0331ff0e60cda3ca1e418bbb9f8c7f362ce Mon Sep 17 00:00:00 2001
From: alicestrt <alice.strt@gmail.com>
Date: Fri, 4 Dec 2020 11:42:40 +0100
Subject: [PATCH 1/2] map size

---
 wells/index.html               |   4 ++--
 wells/static/css/style.css     |  16 +++++++---------
 wells/static/images/orange.png | Bin 0 -> 871 bytes
 wells/static/js/d3_map.js      |   4 ++--
 4 files changed, 11 insertions(+), 13 deletions(-)
 create mode 100644 wells/static/images/orange.png

diff --git a/wells/index.html b/wells/index.html
index 5cac39b..7a8dfa8 100644
--- a/wells/index.html
+++ b/wells/index.html
@@ -44,7 +44,7 @@
 
     <!-- map area -->
   <div class="row">
-    <div class="col-md-8 offset-md-1">
+    <div class="col-md-10 offset-md-1">
     <div class="map_area">
       <div w3-include-html="thesis.html" class="thesis draggable" id="showthesis">
       </div>
@@ -66,7 +66,7 @@
 
       <div class="draggable" id="showmuharrem"><div class='text_audio'></div><iframe width="300" height="150" src="https://www.youtube.com/embed/Ffa2CONoW5Q" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
 
-      <div class="draggable" id="shownazim"><div class='text_audio'></div><iframe width="300" height="150" src="https://www.youtube.com/embed/11XRG-cz3lY" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
+      <div class="draggable" id="shownazim"><div class='text_audio'></div><iframe width="360" height="80" src="https://www.youtube.com/embed/11XRG-cz3lY" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="false"></iframe></div>
 
       <div class="draggable" id="showneyzen"><div class='text_audio'></div><iframe width="300" height="150" src="https://www.youtube.com/embed/CD-CEeaLGdk" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
 
diff --git a/wells/static/css/style.css b/wells/static/css/style.css
index 63cb36a..6423a79 100644
--- a/wells/static/css/style.css
+++ b/wells/static/css/style.css
@@ -45,9 +45,6 @@ position: relative;
   /*height: 150px;*/
 }
 
-.link {
-  stroke: #ccc;
-}
 
 .node text {
   pointer-events: none;
@@ -73,7 +70,7 @@ cursor: pointer;
 
 .group2 {
 	fill: #92817a ;
-  font-size: 18px;
+  font-size: 20px;
   font-family: 'Vesper Libre', serif;
   z-index: 2;
 }
@@ -82,7 +79,7 @@ cursor: pointer;
 
 .group1 {
   fill: #bedbbb;
-  font-size: 18px;
+  font-size: 20px;
   font-family: 'Vesper Libre', serif;
   z-index: 1;
 }
@@ -90,7 +87,7 @@ cursor: pointer;
 .group4 {
   fill: #8db956;
   font-family: 'Vesper Libre', serif;
-  font-size: 18px;
+  font-size: 20px;
 z-index: 4;
 
 }
@@ -98,7 +95,7 @@ z-index: 4;
 .group3 {
   fill: #707070;
   font-family: 'Vesper Libre', serif;
-  font-size: 18px;
+  font-size: 20px;
   z-index: 3;
 
 
@@ -179,9 +176,10 @@ stroke-dasharray:6px;
 
 #legend_title {
   font-family: 'Vesper Libre', serif;
-  font-size: .8em;
+  font-size: 1em;
   padding-left: 2em;
   position: relative;
+  margin-top: 1em;
 }
 
 /* text area */
@@ -320,7 +318,7 @@ h2 {
 
 /*d3 map*/
 .link {
-  stroke: #ccc;
+  stroke: #c46666;
 }
 
 .node text {
diff --git a/wells/static/images/orange.png b/wells/static/images/orange.png
new file mode 100644
index 0000000000000000000000000000000000000000..24bbd3a8a27d993d2e7724dfc2acf2559d28ee01
GIT binary patch
literal 871
zcmV-t1DO1YP)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I0004mX+uL$Nkc;*
zaB^>EX>4Tx04R}tkv&MmKpe$iQ$?v25j#k6$WS|35EXIMDionYs1;guFuC*#nlvOS
zE{=k0!NHHks)LKOt`4q(Aou~|<mja6A|?JWDYS_7;J6>}?mh0_0YbgZG^=YI&~)2O
zCE{WxyDIj)B7i~kA&RifEMrcRlIS?T?&0I>U5saSKKJM7S92Bvd?N8IGfbO!gLrz=
zHaPDShgeZoiO-40Ou8WPBi9v=-#8as7I<dJOsD3FL&RdCjg>ZLMN=c5B95q<PWeK{
zW0mt3XRTai&3p0}26Ot#GS_L2Ab~|JL4pVcRg_SMjTo&uDHc++AMfA~yMBpW3b{&P
z<XAuj8f4cG{s+Iiweph_UQ#d)biX*x$0*RV3p8qu^L^|%jT6BC3|#3gf29u0e3D*k
zX^|sfU>mr&ZfVLMaJd5vKN+$qyON)#kk13}XY@^3VCWVIta-gP_i_3Fq^Yaq4RCM>
zL<^L?-r?Q7?Y;ebrrF;QX&Z8*V=;W500006VoOIv0RI600RN!9r;`8x010qNS#tmY
zE+YT{E+YYWr9XB6000McNliru<O&fBDk026==cBt02y>eSad^gZEa<4bO1wgWnpw>
zWFU8GbZ8()Nlj2!fese{00BQqL_t(Y$L*G(PD3#ihQDD52D=x)OoM31M8P0n;SKr%
zO9(+N8S*ko77|{deu4}H1}YX(0eXfPn8hq8FcoB3ZhLoo7R3Ifs_pr5?(I3}hmF>x
zMwP?f=o8=!I0W{9UEmA&1m1v0W!-Z&us8Y~xB!k5j=unR%DRV@!QSX?;5w|TDu6;+
z_gx9>jcx$9z-5hJIRvhhbw7(6TP2tJHKBz2{p5_j(MP}&u#@2d&w*2A-D^t5-AqtI
zoNhE@Z}dL!E>OA$%DRuTj5|U-qZ9koZ6R<w25t#~TQP7`2;5AqV^J*w&xBaB7<eiK
zp2olvA@C#y9t(lTrQpzAMwy|bzg?^BRo{o^o<s8xFFqE-BpGA^4;Cj=td4KOAg`lg
xh(j_sxQ1S^FsrBlddu9$|22D(_I9JS=@)C6Ryo8BrTPE>002ovPDHLkV1ii6c3%Jh

literal 0
HcmV?d00001

diff --git a/wells/static/js/d3_map.js b/wells/static/js/d3_map.js
index f237799..d0754ae 100644
--- a/wells/static/js/d3_map.js
+++ b/wells/static/js/d3_map.js
@@ -4,7 +4,7 @@ var width = 700,
 var svg = d3.select(".map_area").append("svg")
     .attr("width", width)
     .attr("height", height)
-    .attr("viewBox", `${-width/1.3} ${-height/1.6} ${width*2.3} ${height*2.3}`);
+    .attr("viewBox", `${-width/1.5} ${-height/1.6} ${width*2.7} ${height*2.3}`);
 
 var force = d3.layout.force()
     .gravity(0.009)
@@ -82,7 +82,7 @@ function connectedNodes() {
 
   node.append("image")
       // .attr("xlink:href", "/static/images/squig2.png")
-      .attr("xlink:href", "../images/circleB.png")
+      .attr("xlink:href", "/static/images/circleB.png")
       .attr("x", -8)
       .attr("y", -8)
       .attr("width", 16)

From a5611bc4722b60fd328d33e9005c580f750f5816 Mon Sep 17 00:00:00 2001
From: alicestrt <alice.strt@gmail.com>
Date: Fri, 4 Dec 2020 11:56:43 +0100
Subject: [PATCH 2/2] fixed position of elements

---
 wells/index.html | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/wells/index.html b/wells/index.html
index 9087681..7f89c40 100644
--- a/wells/index.html
+++ b/wells/index.html
@@ -37,14 +37,18 @@
          </audio>
     </div>
      </div>
-     <div id="about_colophon">
-      <a href="#" >About</a>|<a href="#" >Colophon</a>
-    </div>
-     <div id="showabout" class="draggable"><span onclick="this.parentElement.style.display='none'" class="topleft">&times</span><div>about texthjgjhghjgfhdgfhdgfhdsgfhsgfhsgdfjhgdsfhsfgdfjgsfgdshsgfhsgfffffffffffffdfhdsfjsgdfjgjdsgfsjdgfjshgdf</div>
-    </div>
-    <div id="showcolophon" class="draggable"><span onclick="this.parentElement.style.display='none'" class="topleft">&times</span><div>about texthjgjhghjgfhdgfhdgfhdsgfhsgfhsgdfjhgdsfhsfgdfjgsfgdshsgfhsgfffffffffffffdfhdsfjsgdfjgjdsgfsjdgfjshgdf</div>
-   </div>
+
   </div>
+</div>
+<div class="col-md-3">
+  <div id="about_colophon">
+   <a href="#" >About</a>|<a href="#" >Colophon</a>
+  </div>
+  <div id="showabout" class="draggable"><span onclick="this.parentElement.style.display='none'" class="topleft">&times</span><div>about texthjgjhghjgfhdgfhdgfhdsgfhsgfhsgdfjhgdsfhsfgdfjgsfgdshsgfhsgfffffffffffffdfhdsfjsgdfjgjdsgfsjdgfjshgdf</div>
+  </div>
+  <div id="showcolophon" class="draggable"><span onclick="this.parentElement.style.display='none'" class="topleft">&times</span><div>about texthjgjhghjgfhdgfhdgfhdsgfhsgfhsgdfjhgdsfhsfgdfjgsfgdshsgfhsgfffffffffffffdfhdsfjsgdfjgjdsgfsjdgfjshgdf</div>
+  </div>
+</div>
 </div>
     <!-- new row should start here -->
 
@@ -101,6 +105,8 @@
 </div>
 
 </div>
+<!--moved about temporarily-->
+
 <!-- scripts for mouse events -->
 <script>
   var audio = document.getElementById("audioBG");