Difference between revisions of "Template:Heidelberg/Weltkugel"

 
(27 intermediate revisions by 2 users not shown)
Line 45: Line 45:
 
                 position: relative;
 
                 position: relative;
 
                 background-color: #393939;
 
                 background-color: #393939;
−
                 height: 480px;
+
                 height: 530px;
 
                 color: white;
 
                 color: white;
 
             }
 
             }
Line 85: Line 85:
 
     </div>
 
     </div>
 
     <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" style="width: 410px; height: 600px;">
 
     <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" style="width: 410px; height: 600px;">
−
       <div style="position: absolute; background-color: white !important;color: white !important; width: 400px; top: 125px; border-radius: 8px; border: 2px solid #BF3E42;" id="show" class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
+
       <div style="position: absolute; background-color: white !important;color: white !important; width: 400px; top: 100px; border-radius: 8px; border: none; padding: 15px 15px 15px 15px; display: flex; align-items: space-around; flex-wrap: wrap; display: -webkit-flex; -webkit-flex-wrap: wrap;" id="show">
  
−
{{Heidelberg/templateus/coloredLink|https://2017.igem.org/Team:Heidelberg/Collaborations#collaboration1|red}}
+
<p style="font-size: 20px; font-weight: bold; font-family: 'Josefin Sans'; flex-basis: 100%;"><a href="https://2017.igem.org/Team:Heidelberg/Collaborations#collaboration1" class="heidelberg-red">> Mutagenesis Plasmid Inter-Lab Study</a></p>
  
−
{{Heidelberg/templateus/coloredLink|https://2017.igem.org/Team:Heidelberg/Collaborations#collaboration2|orange}}
+
<p style="font-size: 20px; font-weight: bold; font-family: 'Josefin Sans'; flex-basis: 100%;"><a href="https://2017.igem.org/Team:Heidelberg/Collaborations#collaboration2" class="heidelberg-orange">> Cloning for iGEM Freiburg</a></p>
  
−
{{Heidelberg/templateus/coloredLink|https://2017.igem.org/Team:Heidelberg/Collaborations#collaboration3|blue}}
+
<p style="font-size: 20px; font-weight: bold; font-family: 'Josefin Sans'; flex-basis: 100%;"><a href="https://2017.igem.org/Team:Heidelberg/Collaborations#collaboration3" class="heidelberg-blue">> PCR First Aid Service</a></p>
  
−
{{Heidelberg/templateus/coloredLink|https://2017.igem.org/Team:Heidelberg/Collaborations#collaboration4|green}}
+
<p style="font-size: 20px; font-weight: bold; font-family: 'Josefin Sans'; flex-basis: 100%;"><a href="https://2017.igem.org/Team:Heidelberg/Collaborations#collaboration4" class="heidelberg-green">> iGEM goes green</a></p>
  
−
{{Heidelberg/templateus/coloredLink|https://2017.igem.org/Team:Heidelberg/Collaborations#collaboration5|gray}}
+
<p style="font-size: 20px; font-weight: bold; font-family: 'Josefin Sans'; flex-basis: 100%;"><a href="https://2017.igem.org/Team:Heidelberg/Collaborations#collaboration5" class="heidelberg-gray">> Mentoring Stuttgart</a></p>
  
−
{{Heidelberg/templateus/coloredLink|https://2017.igem.org/Team:Heidelberg/Collaborations#collaboration6|red}}
+
<p style="font-size: 20px; font-weight: bold; font-family: 'Josefin Sans'; flex-basis: 100%;"><a href="https://2017.igem.org/Team:Heidelberg/Collaborations#collaboration6" class="heidelberg-red">> Translation Center</a></p>
  
−
{{Heidelberg/templateus/coloredLink|https://2017.igem.org/Team:Heidelberg/Collaborations#collaboration7|orange}}
+
<p style="font-size: 20px; font-weight: bold; font-family: 'Josefin Sans'; flex-basis: 100%;"><a href="https://2017.igem.org/Team:Heidelberg/Collaborations#collaboration7" class="heidelberg-orange">> Postcards</a></p>
  
−
{{Heidelberg/templateus/coloredLink|https://2017.igem.org/Team:Heidelberg/Collaborations#collaboration8|green}}
+
<p style="font-size: 20px; font-weight: bold; font-family: 'Josefin Sans'; flex-basis: 100%;"><a href="https://2017.igem.org/Team:Heidelberg/Collaborations#collaboration8" class="heidelberg-green">> No Science without Tolerance</a></p>
  
−
{{Heidelberg/templateus/coloredLink|https://2017.igem.org/Team:Heidelberg/Collaborations#collaboration9|blue}}
+
<p style="font-size: 20px; font-weight: bold; font-family: 'Josefin Sans'; flex-basis: 100%;"><a href="https://2017.igem.org/Team:Heidelberg/Collaborations#collaboration9" class="heidelberg-blue">> Surveys -
 +
Development within iGEM</a></p>
  
 
       </div>
 
       </div>
Line 127: Line 128:
  
 
         function init(){
 
         function init(){
−
             width = 520,
+
             width = 500,
−
             height = 520;
+
             height = 500;
  
  
Line 141: Line 142:
 
         start = [49.4057072, 8.6135741]
 
         start = [49.4057072, 8.6135741]
 
         //Setup zoom behavior
 
         //Setup zoom behavior
−
         var zoom = d3.behavior.zoom(false)
+
         var zoom = d3.behavior.zoom(true)
 
         .translate(projection.origin())
 
         .translate(projection.origin())
−
         .scale(projection.scale())
+
         .scale(projection.scale()-50)
−
         .scaleExtent([250, 3000])
+
         .scaleExtent([200, 200])
 
         .on("zoom", move);
 
         .on("zoom", move);
 
          
 
          
 
         var circle = d3.geo.greatCircle();
 
         var circle = d3.geo.greatCircle();
 
          
 
          
−
         var lineTooltip = d3.select('#show');
+
         //var lineTooltip = d3.select('#show');
 
              
 
              
 
         var svg = d3.select("#globe")
 
         var svg = d3.select("#globe")
Line 201: Line 202:
 
                         return arcPath(circle.clip(d));
 
                         return arcPath(circle.clip(d));
 
                     }).on("mouseover", function(d) {
 
                     }).on("mouseover", function(d) {
−
                     lineTooltip.html(line_dict[d.properties.name]);
+
                     lineTooltip.html(d.properties.name);
 
                 });
 
                 });
  
Line 212: Line 213:
 
                     return devPath(circle.clip(d));
 
                     return devPath(circle.clip(d));
 
                 }).on("mouseover", function(d) {
 
                 }).on("mouseover", function(d) {
−
                     lineTooltip.html(line_dict[d.properties.name]);
+
                     lineTooltip.html(d.properties.name);
 
                 });
 
                 });
  

Latest revision as of 12:06, 1 November 2017