Template:Team:Bonn:Network

From 2013.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 17: Line 17:
         } else {
         } else {
-
         mainContent.innerHTML = "<div id='networkTop' style='position:absolute;top:230px;height:220px;left:-10px;width:800px;z-index:1;'></div><div id='networkBottom' style='position:absolute;top:500px;left:-160px;height:800px;width:1250px;z-index:1;overflow:hidden;'></div><div id='subpage' style='z-index:2;position:relative;margin-top:400px;width=900px;'><div id='subpage-middle'>    <div>      <div style='float:right;display:inline; '>      <img src='https://static.igem.org/mediawiki/2013/a/a4/Bonn_sponsors_uniBonn.png' class='bottom-sponsor' height='50px' id='sponsor-unibonn' style='margin-right:10px;'>      <img src='https://static.igem.org/mediawiki/2013/7/79/Bonn_sponsors_limes.gif' class='bottom-sponsor' height='50px' id='sponsor-limes'>    </div>      <div class='subpage-head-link'><a href='javascript:history.back();'>Back</a></br> <span id='type'>Category: <span id='subpage-type'>Project</span></span></div>      <div id='subpage-title'></div>      <div id='subpage-summary'></div>        <div id='subpage-text'>        </div>      </div>    </div>  </div></div>";
+
         mainContent.innerHTML = "<div id='networkTop' style='position:absolute;top:230px;height:220px;left:-10px;width:800px;z-index:1;'></div><div id='networkBottom' style='position:absolute;top:500px;left:-85px;height:800px;width:1100px;z-index:1;overflow:hidden;'></div><div id='subpage' style='z-index:2;position:relative;margin-top:385px;width=900px;'><div id='subpage-middle'>    <div>      <div style='float:right;display:inline; '>      <img src='https://static.igem.org/mediawiki/2013/a/a4/Bonn_sponsors_uniBonn.png' class='bottom-sponsor' height='50px' id='sponsor-unibonn' style='margin-right:10px;'>      <img src='https://static.igem.org/mediawiki/2013/7/79/Bonn_sponsors_limes.gif' class='bottom-sponsor' height='50px' id='sponsor-limes'>    </div>      <div class='subpage-head-link'><a href='javascript:history.back();'>Back</a></br> <span id='type'>Category: <span id='subpage-type'>Project</span></span></div>      <div id='subpage-title'></div>      <div id='subpage-summary'></div>        <div id='subpage-text'>        </div>      </div>    </div>  </div></div>";
           initiateNetwork(1);
           initiateNetwork(1);
         }
         }
Line 51: Line 51:
                 }
                 }
                 contentTitle.innerHTML = "<h1>"+titleLong+"</h1>";
                 contentTitle.innerHTML = "<h1>"+titleLong+"</h1>";
-
                 contentSummary.innerHTML = summary;
+
                 contentSummary.innerHTML = "<span style=font-size:130%;font-weight:bold;>"+summary+"</span>";
                 contentText.innerHTML = text;
                 contentText.innerHTML = text;
                 contentTitle.innerHTML = "<h1>"+titleLong+"</h1>";
                 contentTitle.innerHTML = "<h1>"+titleLong+"</h1>";
Line 96: Line 96:
         } else {
         } else {
-
         mainContent.innerHTML = "<div id='networkTop' style='position:absolute;top:230px;height:220px;left:-10px;width:800px;z-index:1;'></div><div id='networkBottom' style='position:absolute;top:500px;left:-160px;height:800px;width:1250px;z-index:1;overflow:hidden;'></div><div id='subpage' style='z-index:2;position:relative;margin-top:400px;width=900px;'><div id='subpage-middle'>    <div>      <div style='float:right;display:inline; '>      <img src='https://static.igem.org/mediawiki/2013/a/a4/Bonn_sponsors_uniBonn.png' class='bottom-sponsor' height='50px' id='sponsor-unibonn' style='margin-right:10px;'>      <img src='https://static.igem.org/mediawiki/2013/7/79/Bonn_sponsors_limes.gif' class='bottom-sponsor' height='50px' id='sponsor-limes'>    </div>      <div class='subpage-head-link'><a href='javascript:history.back();'>Back</a></br> <span id='type'>Category: <span id='subpage-type'>Project</span></span></div>      <div id='subpage-title'></div>      <div id='subpage-summary'></div>        <div id='subpage-text'>        </div>      </div>    </div>  </div></div>";
+
         mainContent.innerHTML = "<div id='networkTop' style='position:absolute;top:230px;height:220px;left:-10px;width:800px;z-index:1;'></div><div id='networkBottom' style='position:absolute;top:500px;left:-85px;height:800px;z-index:1;overflow:hidden;'></div><div id='subpage' style='z-index:2;position:relative;margin-top:385px;width=900px;'><div id='subpage-middle'>    <div>      <div style='float:right;display:inline; '>      <img src='https://static.igem.org/mediawiki/2013/a/a4/Bonn_sponsors_uniBonn.png' class='bottom-sponsor' height='50px' id='sponsor-unibonn' style='margin-right:10px;'>      <img src='https://static.igem.org/mediawiki/2013/7/79/Bonn_sponsors_limes.gif' class='bottom-sponsor' height='50px' id='sponsor-limes'>    </div>      <div class='subpage-head-link'><a href='javascript:history.back();'>Back</a></br> <span id='type'>Category: <span id='subpage-type'>Project</span></span></div>      <div id='subpage-title'></div>      <div id='subpage-summary'></div>        <div id='subpage-text'>        </div>      </div>    </div>  </div></div>";
         }
         }
         var content = document.getElementById(divContent);
         var content = document.getElementById(divContent);
Line 120: Line 120:
                  
                  
                 contentTitle.innerHTML = "<h1>"+titleLong+"</h1>";
                 contentTitle.innerHTML = "<h1>"+titleLong+"</h1>";
-
                 contentSummary.innerHTML = summary;
+
                 contentSummary.innerHTML = "<span style=font-size:130%;font-weight:bold;>"+summary+"</span>";
                 contentText.innerHTML = text;
                 contentText.innerHTML = text;
                 contentTitle.innerHTML = "<h1>"+titleLong+"</h1>";
                 contentTitle.innerHTML = "<h1>"+titleLong+"</h1>";
Line 127: Line 127:
                 networkTitle.innerHTML = titleLong;
                 networkTitle.innerHTML = titleLong;
                 if(parents.length) {
                 if(parents.length) {
 +
                        var parentsStart = 260 - parents.length*3/2;
 +
                        var parentsEnd = 280 + parents.length*3/2;
                         circle({
                         circle({
                                 n:parents,
                                 n:parents,
                                 height:1100,
                                 height:1100,
-
                                 width:1100,
+
                                 width:1040,
-
                                 start:245,
+
                                 start:parentsStart,
-
                                 end:295,
+
                                 end:parentsEnd,
                                 mainnode:node,
                                 mainnode:node,
                                 type:"parent"
                                 type:"parent"
Line 139: Line 141:
                 }
                 }
                 if(childs.length) {
                 if(childs.length) {
 +
                        var childsStart = 80 - childs.length*3/2;
 +
                        var childsEnd = 100 + childs.length*3/2;
                         circle({
                         circle({
                                 n:childs,
                                 n:childs,
                                 height:1100,
                                 height:1100,
-
                                 width:1100,
+
                                 width:1040,
-
                                 start:65,
+
                                 start:childsStart,
-
                                 end:115,
+
                                 end:childsEnd,
                                 mainnode:node,
                                 mainnode:node,
                                 type:"child"
                                 type:"child"

Latest revision as of 12:42, 27 October 2013