[Commits] [svn:einsteintoolkit] www/ (Rev. 1535)

[barry.wardell at gmail.com]

User: barry.wardell
Date: 2016/06/05 05:05 PM

Modified:
 /about/gallery/gw150914/
  index.php
 /global/
  style.css

Log:
 gallery: Improve layout of gw150914 page

File Changes:

Directory: /global/
===================

File [modified]: style.css
Delta lines: +3 -4
===================================================================
--- global/style.css	2016-06-05 22:05:33 UTC (rev 1534)
+++ global/style.css	2016-06-05 22:05:41 UTC (rev 1535)
@@ -175,17 +175,16 @@
 
 li.gallerytable {
     display: inline-block;
-    vertical-align: bottom;
+    vertical-align: top;
     margin-left: 0px;
 }
 
 div.gallerytable {
     width: 300px;
-    height: 300px;
+    /* height: 300px; */
     margin-bottom: 20px;
     margin-right: 20px;
-    /* border-style: solid; */
-    /* border-width: 2px; */
+    margin-top: 20px;
 }
 
 img.gallerytable {

Directory: /about/gallery/gw150914/
===================================

File [modified]: index.php
Delta lines: +33 -16
===================================================================
--- about/gallery/gw150914/index.php	2016-06-05 22:05:33 UTC (rev 1534)
+++ about/gallery/gw150914/index.php	2016-06-05 22:05:41 UTC (rev 1535)
@@ -2,28 +2,31 @@
 include_once($_SERVER['DOCUMENT_ROOT'].'/global/header.php');?>
 <script type="text/javascript" src="/global/jwplayer/jwplayer.js"></script>
 
-<h4>As observed by LIGO; the first detection of gravitational waves</h4>
+<p>As observed by LIGO; the first detection of gravitational waves</p>
 
   <p>This simulation shows how to evolve a binary black hole system for the last 6 orbits through to merger. </p>
 
-  <div>
-  <h5>Physical parameters</h5>
+  <div style="display:inline-block; margin-right: 20px">
+  <h4>Physical parameters</h4>
   <table>
    <tr><th>Initial separation D</th><td>10 M</td></tr>
    <tr><th>Mass ratio q = m1/m2</th><td>36/29 ~ 1.24</td></tr>
    <tr><th>Spin chi1 = a1/m1</th><td>0.31</td></tr>
    <tr><th>Spin chi2 = a2/m2</th><td>-0.46</td></tr>
   </table>
-  
-  <h5>Physical properties</h5>
+  </div>
+
+  <div style="display:inline-block">
+  <h4>Physical properties</h4>
   <table>
    <tr><th>Number of orbits</th><td>6</td></tr>
    <tr><th>Time to merger</th><td>900 M</td></tr>
    <tr><th>Mass of final BH</th><td></td></tr>
    <tr><th>Spin of final BH</th><td></td></tr>
   </table>
-
-  <h5>Computational details</h5>
+  </div>
+  
+  <h4>Computational details</h4>
   <?php
      $sim_stats = json_decode(file_get_contents("stats.json"), true);
   ?></p>
@@ -37,17 +40,31 @@
   </table>
 
 <p>
-  
-  <h5>Horizons</h5>
-  <a><img src="horizons.png" alt="BH horizons"></a>
 
-  <h5>Horizon centroid coordinate trajectories</h5>
-  <a href="h22.asc"><img src="trajectories.png" alt="BH trajectories" width="242" height="237"></a>
+  <ul class="gallerytable">
+    <li class="gallerytable">
+      <div class="gallerytable">
+        <h4 class="gallerytable">Horizons</h4>
+        <a><img src="horizons.png" alt="BH horizons"></a>
+      </div>
+    </li>
+    
+    <li class="gallerytable">
+      <div class="gallerytable">
+        <h4 class="gallerytable">Horizon coordinate trajectories</h4>
+        <a href="h22.asc"><img src="trajectories.png" alt="BH trajectories" width="242" height="237"></a>
+      </div>
+    </li>
+    
+    <li class="gallerytable">
+      <div class="gallerytable">
+        <h4 class="gallerytable">Gravitational waveform</h4>
+        <a href="h22.asc"><img src="waveform.png" alt="h_+^{2,2} at r=500M as a function of retarded time" width="542" height="191"></a>
+      </div>
+    </li>
+  </ul>
 
-  <h5>Gravitational waveform</h5>
-  <a href="h22.asc"><img src="waveform.png" alt="h_+^{2,2} at r=500M as a function of retarded time" width="542" height="191"></a>
-
-  <h5>Tutorials</h5>
+  <h4>Tutorials</h4>
   <ul>
     <li><a href="https://bitbucket.org/barrywardell/gw150914sim/wiki/Simulation%20tutorial">Compile and run</a>:
       Compile the code and run the simulation</li>