Mercurial > hg > thermostat-website-stg
changeset 49:8c4596f5e86c
Comment out bootstrap js script on home index.html
author | Jie Kang <jkang@redhat.com> |
---|---|
date | Thu, 17 Nov 2016 09:33:25 -0500 |
parents | 1b23fbb80687 |
children | 6f14eab231e7 |
files | content/head.1.html content/head.html content/home/content.html css/style.less index.html |
diffstat | 5 files changed, 62 insertions(+), 77 deletions(-) [+] |
line wrap: on
line diff
--- a/content/head.1.html Tue Nov 01 11:07:05 2016 -0400 +++ b/content/head.1.html Thu Nov 17 09:33:25 2016 -0500 @@ -1,6 +1,3 @@ -<div id="logo-box"> - <img src="../img/thermostat_logo_450px.png" alt="Thermostat" /> -</div> <nav class="navbar navbar-default"> <!--<nav class="navbar navbar-default navbar-fixed-top">--> <div class="navbar-header"> @@ -9,10 +6,10 @@ <span class="icon-bar"></span> <span class="icon-bar"></span> </button> + <a class="navbar-brand navbar-title" href="../">Thermostat</a> </div> <div class="collapse navbar-collapse" id="top-navbar"> <ul class="nav navbar-nav"> - <li><a href="../">Home</a></li> <li><a href="../getting-started">Getting Started</a></li> <li><a href="../documentation">Documentation</a></li> <li><a href="../contribute">Contribute</a></li>
--- a/content/head.html Tue Nov 01 11:07:05 2016 -0400 +++ b/content/head.html Thu Nov 17 09:33:25 2016 -0500 @@ -1,6 +1,3 @@ -<div id="logo-box"> - <img src="./img/thermostat_logo_450px.png" alt="Thermostat" /> -</div> <nav class="navbar navbar-default"> <!--<nav class="navbar navbar-default navbar-fixed-top">--> <div class="navbar-header"> @@ -9,10 +6,10 @@ <span class="icon-bar"></span> <span class="icon-bar"></span> </button> + <a class="navbar-brand navbar-title" href="./">Thermostat</a> </div> <div class="collapse navbar-collapse" id="top-navbar"> <ul class="nav navbar-nav"> - <li><a href="./">Home</a></li> <li><a href="./getting-started">Getting Started</a></li> <li><a href="./documentation">Documentation</a></li> <li><a href="./contribute">Contribute</a></li>
--- a/content/home/content.html Tue Nov 01 11:07:05 2016 -0400 +++ b/content/home/content.html Thu Nov 17 09:33:25 2016 -0500 @@ -1,57 +1,21 @@ -<div class="row"> - <div class="panel panel-default"> - <div class="panel-heading"> - <h1 class="panel-title">Serviceability and Monitoring for OpenJDK</h1> - </div> - <div class="panel-body"> - <h4> - Thermostat is an instrumentation tool for the Hotspot JVM, with support for monitoring multiple JVM instances on multiple - hosts, optionally in a cloud environment. The name Thermostat is intended as a play on words: Thermostat - is to Hotspot much as IcedTea is to Java. Thermostat is free and open source software licensed under GPLv2+ - with classpath exception. - </h4> - <div class="text-center"> - <a href="downloads" class="btn btn-default navbar-btn btn-c1 btn-xlarge" role="button"><span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span> Download</a> - </div> +<div class="rel-box"> + <img class="graph-img" src="./img/tms-graph-50.png" alt="" /> + <div class="text-center graph-under"> + <img class="logo-img" src="./img/thermostat_logo_450px.png" alt="Thermostat" /> + <h3> + The powerful instrumentation tool for the Hotspot JVM. + </h3> + <a href="downloads" class="btn btn-default navbar-btn btn-c1 btn-xlarge" role="button"><span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span> Download</a> + </div> +</div> +<!--<div class="row"> + <div class="col-sm-4"> + </div> + <div class="col-sm-4"> + <div class="embed-responsive embed-responsive-4by3"> + <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/AKB5jorzLpc"></iframe> </div> </div> - - <div class="panel panel-default"> - <div class="panel-heading"> - <h1 class="panel-title">Features</h1> - </div> - <div class="panel-body"> - <h4> - <ul> - <li>Local and remote monitoring (threads, numa, heap-analysis, garbage collection, etc.)</li> - <li>Records and visualizes both high level (uptime, cpu and memory usage) and low level (HotSpot's perf) - data</li> - <li>Designed to work well against OpenJDK and IcedTea</li> - <li>Stand-alone Swing GUI client</li> - <li>Web layer for increased security</li> - <li>Command line interface client</li> - <li>Usable in production environment, with minimal overhead</li> - </ul> - </h4> - </div> + <div class="col-sm-4"> </div> -</div> -<div class="row"> - <div class="col-sm-2"></div> - <div class="col-sm-4"> - <a href="img/screenshot1.png" " class="thumbnail "> - <img src="img/screenshot1.png " alt="... "></img> - <p></p> - <p>Dump, browse and search the Java heap</p> - </a> - - </div> - <div class="col-sm-4 "> - <a href="img/screenshot2.png " " class="thumbnail "> - <img src="img/screenshot2.png " alt="... "></img> - <p></p> - <p>Visualize thread states</p> - </a> - </div> - <div class="col-sm-2"></div> -</div> \ No newline at end of file +</div>--> \ No newline at end of file
--- a/css/style.less Tue Nov 01 11:07:05 2016 -0400 +++ b/css/style.less Thu Nov 17 09:33:25 2016 -0500 @@ -7,30 +7,49 @@ /* sizes */ @screen-md-min: 992px; -/* logo */ -/**/ -div#logo-box { - margin: 1em; - margin-top: 4em; +/* front page image */ +.rel-box { + position:relative; +} +.graph-img { + max-width: 100%; } -div#logo-box img { - max-width: 50%; - height: auto; +.graph-under { + position: absolute; + top: 50%; + left: 50%; + margin-right: -50%; + transform: translate(-50%, -50%); +} + +.logo-img { + max-width: 75%; } @media (min-width: @screen-md-min) { - div#logo-box img { - max-width: 25%; + .logo-img { + max-width: 75%; } } +/* background box */ +.bg-colour { + background-color: @dark-blue; +} + +.bg-img { + background: url(../img/tms-graph.png); + background-size: cover; + background-repeat: no-repeat; +} + /* navbar */ /**/ .navbar-default { - background-color: @white; - border-color: @white; - border-bottom-color: @dark-blue; + background: none; + border: none; +// border-bottom-color: @dark-blue; font-size: 1.2em; } @@ -63,6 +82,10 @@ margin-right: 0.1em; } +.navbar-title { + font-size: 1.2em; + color: @dark-blue !important; +} /* bs-docs-sidebar */ /**/ body { @@ -191,6 +214,10 @@ color: @dark-blue; } +.h3c { + color: @white; +} + .h4c { margin-top: 2em; font-size: 1.5em;
--- a/index.html Tue Nov 01 11:07:05 2016 -0400 +++ b/index.html Thu Nov 17 09:33:25 2016 -0500 @@ -29,8 +29,8 @@ <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <!-- Latest compiled and minified JavaScript --> - <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" - crossorigin="anonymous"></script> + <!--<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" + crossorigin="anonymous"></script>--> <script src="./js/bootstrap.min.js"></script> <script>