changeset 70:b5c26476b5b9 development

Fix front page resizing issues. Adjust downloads page code. Add minimum sizes for small and large screens.
author Jie Kang <jkang@redhat.com>
date Fri, 03 Feb 2017 09:54:54 -0500
parents ef7e08a19d56
children 4980b1410c79
files content/downloads/content.html content/home/content.html css/style.less
diffstat 3 files changed, 46 insertions(+), 35 deletions(-) [+]
line wrap: on
line diff
--- a/content/downloads/content.html	Mon Nov 28 16:30:52 2016 -0500
+++ b/content/downloads/content.html	Fri Feb 03 09:54:54 2017 -0500
@@ -1,41 +1,45 @@
 <div class="container space40">
-  <div class="row">
-    <div class="panel panel-default">
-      <div class="panel-heading" id="download">
-        <h1 class="panel-title">Downloads</h1>
-      </div>
-      <div class="panel-body">
+
+  <div class="panel panel-default">
+    <div class="panel-heading" id="download">
+      <h1 class="panel-title">Downloads</h1>
+    </div>
+    <div class="panel-body">
+      <div class="row">
         <div class="col-md-4">
           <h3>Latest Stable Release</h3>
           <a href="http://icedtea.classpath.org/download/thermostat/thermostat-1.6.4.tar.gz" class="btn btn-default btn-c1" role="button"><span class="glyphicon glyphicon-download-alt" aria-hidden="true"> Thermostat-1.6.4</a>
         </div>
         <div class="col-md-4">
-            <h3>Unstable Development Release</h3>
-            <a href="http://icedtea.classpath.org/download/thermostat/thermostat-1.99.11-SNAPSHOT.tar.gz" class="btn btn-default btn-c1"
-            role="button"><span class="glyphicon glyphicon-download-alt" aria-hidden="true"> Thermostat-1.99.11</a>
+          <h3>Unstable Development Release</h3>
+          <a href="http://icedtea.classpath.org/download/thermostat/thermostat-1.99.11-SNAPSHOT.tar.gz" class="btn btn-default btn-c1"
+          role="button"><span class="glyphicon glyphicon-download-alt" aria-hidden="true"> Thermostat-1.99.11</a>
         </div>
         <div class="col-md-4">
-            <h3>Previous Releases</h3>
-            <a href="http://icedtea.classpath.org/download/thermostat/" class="btn btn-default btn-c1" role="button"><span class="glyphicon glyphicon-link" aria-hidden="true"> Archives</a>
+          <h3>Previous Releases</h3>
+          <a href="http://icedtea.classpath.org/download/thermostat/" class="btn btn-default btn-c1" role="button"><span class="glyphicon glyphicon-link" aria-hidden="true"> Archives</a>
+        </div>
+      </div>
+      <div class="row space40">
+        <div class="col-md-12">
+          <h4>See <a href="../getting-started">Getting Started</a> for installation instructions.</h4>
         </div>
       </div>
     </div>
   </div>
-  <div class="row">
-    <div class="panel panel-default">
-      <div class="panel-heading">
-        <h1 class="panel-title">Requirements</h1>
-      </div>
-      <div class="panel-body">
-        <h4>
-          <ul>
-            <li>Linux (Fedora, RHEL, CentOS, etc.)</li>
-            <li>OpenJDK &gt;= 1.7</li>
-            <li>Mongodb &gt;= 2.2 (or 2.0 if no SSL required)</li>
-            <li>Servlet container (optional)</li>
-          </ul>
-        </h4>
-      </div>
+  <div class="panel panel-default">
+    <div class="panel-heading">
+      <h1 class="panel-title">Requirements</h1>
+    </div>
+    <div class="panel-body">
+      <h4>
+        <ul>
+          <li>Linux (Fedora, RHEL, CentOS, etc.)</li>
+          <li>OpenJDK &gt;= 1.7</li>
+          <li>Mongodb &gt;= 2.2 (or 2.0 if no SSL required)</li>
+          <li>Servlet container (optional)</li>
+        </ul>
+      </h4>
     </div>
   </div>
 </div>
\ No newline at end of file
--- a/content/home/content.html	Mon Nov 28 16:30:52 2016 -0500
+++ b/content/home/content.html	Fri Feb 03 09:54:54 2017 -0500
@@ -6,7 +6,7 @@
                 Thermostat
             </h2>
             <h3>
-                The powerful instrumentation tool for the Hotspot JVM.
+                The powerful, free and open source instrumentation tool for the Hotspot JVM.
             </h3>
             <a href="downloads" class="btn btn-default navbar-btn btn-xlarge btn-c1  btn-transparent" role="button"><span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span> Download</a>
         </div>
@@ -28,7 +28,7 @@
                     Using Thermostat is quick and easy.
                 </h3>
                 <h4 class="white">
-                    Profile methods, find memory leaks, visualize the stack and more. 
+                    Profile methods, find memory leaks, visualize the stack and more.
                 </h4>
                 <a href="./getting-started" class="btn btn-default btn-large btn-c1" role="button"> Get started <span class="glyphicon glyphicon-menu-right" aria-hidden="true"></a>
             </div>
--- a/css/style.less	Mon Nov 28 16:30:52 2016 -0500
+++ b/css/style.less	Fri Feb 03 09:54:54 2017 -0500
@@ -11,7 +11,9 @@
 @white-75: rgba(255,255,255,0.75);
 
 /* sizes */
+@screen-sm-min: 768px;
 @screen-md-min: 992px;
+@screen0-lg-min: 1200px;
 
 /* content-divs */
 #content-header {
@@ -52,6 +54,10 @@
     background-color: @dark-blue;
 }
 
+#front-page-images {
+    background-color: @white;
+}
+
 /* front page video */
 #front-page-video {
     margin: 25px;
@@ -74,13 +80,18 @@
 }
 
 .logo-img {
-    margin-top: 150px;
-    max-width: 25%;
+    margin-top: 100px;
+    max-width: 20%;
+}
+
+@media (min-width: @screen-sm-min) {
+    .logo-img {
+        max-width: 15%;
+    }
 }
 
 @media (min-width: @screen-md-min) {
     .logo-img {
-        margin-top: 100px;
         max-width: 10%;
     }
 }
@@ -99,10 +110,6 @@
 /* navbar */
 /**/
 
-#nav-container {
-    max-height: 50px;
-}
-
 .navbar-default {
   background: @dark-blue;
   font-size: 1.2em;