Difference between revisions of "Team:Korea U Seoul/Attributions"

 
(42 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
<meta charset="utf-8">
 
<meta charset="utf-8">
 
<head>
 
<head>
 +
<style>
 +
/*main colour*/
 +
.navbar-default .navbar-brand,
 +
.contents-sidebar .nav>.active>a,
 +
.contents-sidebar .nav>.active>a,
 +
.contents-sidebar .nav>li>a:hover,
 +
.contents-sidebar .nav>li>a:focus,
 +
h5,
 +
h2,
 +
h1,
 +
.main-container .section a {
 +
    color: #055AB2
 +
;
 +
}
 +
.contents-sidebar .nav>.active>a,
 +
.contents-sidebar .nav>li>a:hover,
 +
.contents-sidebar .nav>li>a:focus {
 +
    border-left: 2px solid #04407F;
 +
}
 +
.image.lightbox, #notebook-key-button {
 +
    background-color: #0781FF;
 +
}
 +
/*complimentary colour*/
 +
.navbar-default .navbar-brand:hover,
 +
.definition:hover, .definition:focus,
 +
ol li::before,
 +
.slim ul li:before,
 +
.table>thead>tr>th,
 +
.algorithm ol li::before,
 +
.quote,
 +
.quote h3,
 +
a,
 +
a:visited,
 +
a:hover
 +
{
 +
    color:#022040;
 +
}
 +
.definition {
 +
    border-bottom: 1px dotted #022040;
 +
}
 +
#notebook-key-button.active {
 +
    background-color: #022040;
 +
}
 +
.popover.right>.arrow::after{
 +
    border-right-color: #022040;
 +
}
 +
.popover.bottom>.arrow::after {
 +
    border-bottom-color: #022040;
 +
}
 +
.popover.left>.arrow::after {
 +
    border-left-color: #022040;
 +
}
 +
</style>
 
<style type="text/css">
 
<style type="text/css">
 
.slim ul li {  
 
.slim ul li {  
Line 13: Line 66:
 
.node circle {
 
.node circle {
 
   fill: #fff;
 
   fill: #fff;
−
   stroke: steelblue;
+
   stroke: black;
−
   stroke-width: 1.5px;
+
   stroke-width: 2.5px;
 +
  r:15;
 
}
 
}
  
 
.node text {
 
.node text {
−
   font: 10px sans-serif;
+
   font: 13px emulogic;
 
}
 
}
  
Line 34: Line 88:
  
 
    
 
    
−
<!--<div class="container-fluid page-heading" style="background-image: url(https://static.igem.org/mediawiki/2016/8/88/20160709_170224.jpg)">
+
<div class="container-fluid page-heading" style="background-image: url(https://static.igem.org/mediawiki/2016/8/88/20160709_170224.jpg)">
 
         <h3>Works</h3>
 
         <h3>Works</h3>
−
     </div>-->
+
     </div>
 
     <div class="container-fluid" style="text-align:center">
 
     <div class="container-fluid" style="text-align:center">
  
 
         <div class="row">
 
         <div class="row">
 +
 +
            <div class="col-md-12" id="djxmfl">
 +
              </div>
 
<script>
 
<script>
  
−
var margin = {top: 20, right: 120, bottom: 20, left: 120},
+
var margin = {top: 20, right: 20, bottom: 20, left: 220},
−
     width = 960 - margin.right - margin.left,
+
     width = 1050 - margin.right - margin.left,
−
     height = 800 - margin.top - margin.bottom;
+
     height = 950 - margin.top - margin.bottom;
  
 
var i = 0,
 
var i = 0,
Line 56: Line 113:
 
     .projection(function(d) { return [d.y, d.x]; });
 
     .projection(function(d) { return [d.y, d.x]; });
  
−
var svg = d3.select(#djxmfl).append("svg:svg")
+
var svg = d3.select("#djxmfl").append("svg:svg")
 
     .attr("width", width + margin.right + margin.left)
 
     .attr("width", width + margin.right + margin.left)
 
     .attr("height", height + margin.top + margin.bottom)
 
     .attr("height", height + margin.top + margin.bottom)
Line 62: Line 119:
 
     .attr("transform", "translate(" + margin.left + "," + margin.top + ")");
 
     .attr("transform", "translate(" + margin.left + "," + margin.top + ")");
  
−
d3.json("//2016.igem.org/Team:Korea_U_Seoul/Assets/attribuitionjson?action=raw", function(error, flare) {
+
d3.json("//2016.igem.org/Team:Korea_U_Seoul/Assets/attribuitionjson?action=raw", function(error, Korea_U_Seoul) {
 
   if (error) throw error;
 
   if (error) throw error;
  
−
   root = flare;
+
   root = Korea_U_Seoul;
 
   root.x0 = height / 2;
 
   root.x0 = height / 2;
−
   root.y0 = 0;
+
   root.y0 = 50;
  
 
   function collapse(d) {
 
   function collapse(d) {
Line 81: Line 138:
 
});
 
});
  
−
d3.select(self.frameElement).style("height", "800px");
+
d3.select(self.frameElement).style("height", "950px");
  
 
function update(source) {
 
function update(source) {
Line 103: Line 160:
  
 
   nodeEnter.append("circle")
 
   nodeEnter.append("circle")
−
       .attr("r", 1e-6)
+
       .attr("r", 2e-6)
−
       .style("fill", function(d) { return d._children ? "lightsteelblue" : "#fff"; });
+
       .style("fill", function(d) { return d._children ? "yellow" : "#fff"; });
  
 
   nodeEnter.append("text")
 
   nodeEnter.append("text")
−
       .attr("x", function(d) { return d.children || d._children ? -10 : 10; })
+
       .attr("x", function(d) { return d.children || d._children ? -20 : 20; })
 
       .attr("dy", ".35em")
 
       .attr("dy", ".35em")
 
       .attr("text-anchor", function(d) { return d.children || d._children ? "end" : "start"; })
 
       .attr("text-anchor", function(d) { return d.children || d._children ? "end" : "start"; })
Line 120: Line 177:
 
   nodeUpdate.select("circle")
 
   nodeUpdate.select("circle")
 
       .attr("r", 4.5)
 
       .attr("r", 4.5)
−
       .style("fill", function(d) { return d._children ? "lightsteelblue" : "#fff"; });
+
       .style("fill", function(d) { return d._children ? "yellow" : "#fff"; });
  
 
   nodeUpdate.select("text")
 
   nodeUpdate.select("text")
Line 132: Line 189:
  
 
   nodeExit.select("circle")
 
   nodeExit.select("circle")
−
       .attr("r", 1e-6);
+
       .attr("r", 1e-5);
  
 
   nodeExit.select("text")
 
   nodeExit.select("text")
−
       .style("fill-opacity", 1e-6);
+
       .style("fill-opacity", 1e-5);
  
 
   // Update the links…
 
   // Update the links…
Line 183: Line 240:
  
 
</script>
 
</script>
−
 
+
−
            <div class="col-md-12" id="djxmfl">
+
−
              <div>
+
−
        <body></body>
+
 
               </div>
 
               </div>
 
             </div>
 
             </div>
−
        </div> 
+
 
−
    </div>
+
  
  
 
</html>
 
</html>
 +
{{:Team:Korea_U_Seoul/Templates/Sponsors}}
 +
{{:Team:Korea_U_Seoul/Templates/Foot}}

Latest revision as of 02:51, 17 October 2016

Works