Mercurial > hg > thermostat-website
changeset 71:4980b1410c79
Update website with new front page look.
Merge from branch: development
| author | Jie Kang <jkang@redhat.com> |
|---|---|
| date | Fri, 03 Feb 2017 10:23:09 -0500 |
| parents | 3465c28a7b2e (current diff) b5c26476b5b9 (diff) |
| children | 1bde1edf0fc5 |
| files | content/contribute/content.html content/downloads/content.html content/getting-started/content.html content/head.1.html content/head.html css/style.css |
| diffstat | 21 files changed, 1621 insertions(+), 709 deletions(-) [+] |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/.hgignore Fri Feb 03 10:23:09 2017 -0500 @@ -0,0 +1,2 @@ +syntax:glob +css/style.css
--- a/content/contribute/content.html Tue Jan 24 10:21:50 2017 -0500 +++ b/content/contribute/content.html Fri Feb 03 10:23:09 2017 -0500 @@ -1,99 +1,105 @@ -<div class="row"> - <div class="panel panel-default"> - <div class="panel-heading"> - <h1 class="panel-title" id="contribute">Contributing to Thermostat</h1> - </div> - <div class="panel-body"> - <h4> - Contributions to Thermostat are always appreciated. If you have any questions, please find us on IRC or join the mailing - list and send us an e-mail so that we can help you get started. - </h4> - <div class="text-center"> - <a href="http://icedtea.classpath.org/mailman/listinfo/thermostat" class="btn btn-default btn-c1" role="button"> Mailing List</a> - <a href="http://webchat.freenode.net/?channels=#thermostat" class="btn btn-default btn-c1" role="button"> Thermostat IRC</a> +<div class="container space40"> + <div class="row"> + <div class="panel panel-default"> + <div class="panel-heading"> + <h1 class="panel-title" id="contribute">Contributing to Thermostat</h1> </div> - <h4> - Tasks in Thermostat are usually tracked in Trello, or through the IcedTea bugzilla. Feel free to take a look for things to - work on. - </h4> - <div class="text-center"> - <a href="https://trello.com/b/SObGQiCX" class="btn btn-default btn-c1" role="button"> Trello Board</a> - <a href="http://icedtea.classpath.org/bugzilla" class="btn btn-default btn-c1" role="button"> IcedTea Bugzilla</a> - </div> - <h3 class="h3-steps">Step 1: Build Thermostat</h3> - <h4> - The first step is to get Thermostat source code on your machine and to get the required dependencies to build Thermostat. - For Fedora you can run the following in a terminal: - </h4> - <p><code> + <div class="panel-body"> + <div class="panel panel-default"> + <div class="panel-body"> + <h4> + Contributions to Thermostat are always appreciated. If you have any questions, please find us on IRC or join the mailing + list and send us an e-mail so that we can help you get started. + </h4> + <div class="text-center"> + <a href="http://icedtea.classpath.org/mailman/listinfo/thermostat" class="btn btn-default btn-c1" role="button"> Mailing List</a> + <a href="http://webchat.freenode.net/?channels=#thermostat" class="btn btn-default btn-c1" role="button"> Thermostat IRC</a> + </div> + <h4> + Tasks in Thermostat are usually tracked in Trello, or through the IcedTea bugzilla. Feel free to take a look for things to + work on. + </h4> + <div class="text-center"> + <a href="https://trello.com/b/SObGQiCX" class="btn btn-default btn-c1" role="button"> Trello Board</a> + <a href="http://icedtea.classpath.org/bugzilla" class="btn btn-default btn-c1" role="button"> IcedTea Bugzilla</a> + </div> + <h3 class="h3-steps">Step 1: Build Thermostat</h3> + <h4> + The first step is to get Thermostat source code on your machine and to get the required dependencies to build Thermostat. + For Fedora you can run the following in a terminal: + </h4> + <p><code> $ sudo dnf install mercurial maven mongodb mongodb-server java-1.8.0-openjdk libsecret-devel make gcc gtk2-devel autoconf automake libtool </code></p> - <p><code> + <p><code> $ hg clone http://icedtea.classpath.org/hg/thermostat </code></p> - <h4> - This installs the development dependendcies and downloads the Thermostat main repository into the folder thermostat. - </h4> - <h4> - Thermostat uses the Maven build system. To build, run: - </h4> - <p><code> + <h4> + This installs the development dependendcies and downloads the Thermostat main repository into the folder thermostat. + </h4> + <h4> + Thermostat uses the Maven build system. To build, run: + </h4> + <p><code> $ mvn clean integration-test </code></p> - <h3 class="h3-steps">Step 2: Find something to work on</h3> - <h4> - Any pet peeves you have with using Thermostat would be perfect to work on. Tasks or bugs can be found on the Trello board - and in the IcedTea Bugzilla. You can also ask on the mailing list or in the IRC channel and people will have lots - of ideas to share. If you come up with something, it's best to talk about it with the community through an e-mail - or through IRC. - </h4> - <h3 class="h3-steps">Step 3: Complete the task</h3> - <h4> - Working on the task is up to you. If you need any assistance, just ask for help. For style, please see the HACKING and README - files in the repository. Your best bet is to look at what other people have done and follow their style. There are - also a lot of resources in the Thermostat wiki targeting developers. Javadocs are also hosted online. - </h4> - <div class="text-center"> - <a href="http://icedtea.classpath.org/wiki/Thermostat" class="btn btn-default btn-c1" role="button"> Wiki</a> - <a href="http://icedtea.classpath.org/thermostat/docs/1.6/javadocs/" class="btn btn-default btn-c1" role="button"> Javadocs for 1.6</a> + <h3 class="h3-steps">Step 2: Find something to work on</h3> + <h4> + Any issues you have with using Thermostat would be perfect to work on. Tasks or bugs can be found on the Trello board and + in the IcedTea Bugzilla. You can also ask on the mailing list or in the IRC channel and people will have lots + of ideas to share. If you come up with something, it's best to talk about it with the community through an + e-mail or through IRC. + </h4> + <h3 class="h3-steps">Step 3: Complete the task</h3> + <h4> + Working on the task is up to you. If you need any assistance, just ask for help. For style, please see the HACKING and README + files in the repository. Your best bet is to look at what other people have done and follow their style. There + are also a lot of resources in the Thermostat wiki targeting developers. Javadocs are also hosted online. + </h4> + <div class="text-center"> + <a href="http://icedtea.classpath.org/wiki/Thermostat" class="btn btn-default btn-c1" role="button"> Wiki</a> + <a href="http://icedtea.classpath.org/thermostat/docs/1.6/javadocs/" class="btn btn-default btn-c1" role="button"> Javadocs for 1.6</a> + </div> + <h3 class="h3-steps">Step 4: Get your work reviewed</h3> + <h4> + Once you have something that works, it's time to send it for review. This is done by sending an e-mail to the mailing list + with a title following the format: "[PATCH] Commit-Message", a body explaining the patch, and the patch attached + as a '.patch'' file. For example if you wish to send a patch with commit message "Fix issue with blob in blah", + then the title would be: "[PATCH] Fix issue with blob in blah". The body of the e-mail should contain a description + of the patch including what it does and why it does so. + </h4> + <div class="col-md-6"> + <h4> + To generate a patch file from uncommitted changes, use: + </h4> + <code>$ hg diff > file-name.patch</code>. + </div> + <div class="col-md-6"> + <h4> + To generate a patch from your latest commit use: + </h4> + <code>$ hg export > file-name.patch</code> + </div> + <h4 style="margin-top: 5em;"> + From here, the review process starts. Committers will look over the patch and reply to your e-mail with changes. It becomes + an iterative process where you respond to the changes with a revised patch and the reviewer looks it over again, + repeating till the reviewer is satisfied with the patch. + </h4> + <h3 class="h3-steps">Step 5: Get your work into the tree</h3> + <h4> + If you do not have commit rights, when the patch is satisfactory, the reviewer will ask for a patch file with the commit + message included. This will be committed into the tree and pushed in your stead. For committers, they can push + the changes into the tree themselves. + </h4> + <h3 class="h3-steps">Step 6: Repeat</h3> + <h4> + Congratulations and thank you for your contribution! From here feel free to repeat with new work. Once you have a number + of nontrivial fixes, you may recieve nomination as an IcedTea hacker from which point you can push work yourself + after it has been reviewed. + </h4> + </div> + </div> </div> - <h3 class="h3-steps">Step 4: Get your work reviewed</h3> - <h4> - Once you have something that works, it's time to send it for review. This is done by sending an e-mail to the mailing list - with a title following the format: "[PATCH] Commit-Message", a body explaining the patch, and the patch attached - as a '.patch'' file. For example if you wish to send a patch with commit message "Fix issue with blob in blah", then - the title would be: "[PATCH] Fix issue with blob in blah". The body of the e-mail should contain a description of - the patch including what it does and why it does so. - </h4> - <div class="col-md-6"> - <h4> - To generate a patch file from uncommitted changes, use: - </h4> - <code>$ hg diff > file-name.patch</code>. - </div> - <div class="col-md-6"> - <h4> - To generate a patch from your latest commit use: - </h4> - <code>$ hg export > file-name.patch</code> - </div> - <h4 style="margin-top: 5em;"> - From here, the review process starts. Committers will look over the patch and reply to your e-mail with changes. It becomes - an iterative process where you respond to the changes with a revised patch and the reviewer looks it over again, - repeating till the reviewer is satisfied with the patch. - </h4> - <h3 class="h3-steps">Step 5: Get your work into the tree</h3> - <h4> - If you do not have commit rights, when the patch is satisfactory, the reviewer will ask for a patch file with the commit - message included. This will be committed into the tree and pushed in your stead. For committers, they can push the - changes into the tree themselves. - </h4> - <h3 class="h3-steps">Step 6: Repeat</h3> - <h4> - Congratulations and thank you for your contribution! From here feel free to repeat with new work. Once you have a number - of nontrivial fixes, you may recieve nomination as an IcedTea hacker from which point you can push work yourself - after it has been reviewed. - </h4> </div> </div> </div> \ No newline at end of file
--- a/content/documentation/content.html Tue Jan 24 10:21:50 2017 -0500 +++ b/content/documentation/content.html Fri Feb 03 10:23:09 2017 -0500 @@ -1,374 +1,382 @@ -<div class="row"> - <div class="col-xs-10"> - <div class="panel panel-default"> - <div class="panel-heading"> - <h1 class="panel-title" id="documentation">Documentation</h1> - </div> - <div class="panel-body"> - <div class="panel panel-default"> - <div class="panel-heading"> - <h2 class="panel-title">User Guide</h2> - </div> - <div class="panel-body"> - <h4> - This is the latest user guide for Thermostat 1.99.x. For older guides see the <a href="http://icedtea.classpath.org/wiki/Thermostat/UserGuide"> Archives</a> - </h4> - </div> +<div class="container space40"> + <div class="row"> + <div class="col-xs-10"> + <div class="panel panel-default"> + <div class="panel-heading"> + <h1 class="panel-title" id="documentation">Documentation</h1> </div> - <section id="component-overview"> + <div class="panel-body"> <div class="panel panel-default"> <div class="panel-heading"> - <h2 class="panel-title">Component Overview</h2> - </div> - <div class="panel-body"> - <h3> - Storage - </h3> - <h4> - The Storage is where data gets stored. Currently, Thermostat supports Mongodb backends. - </h4> - <h3> - Web Endpoint - </h3> - <h4> - The Web Endpoint is an HTTP layer that runs in front of the Storage. By using the web endpoint, the Storage can be hidden - from direct connection while Agents and Clients connect with credentials through HTTP. - </h4> - <h3> - Agent - </h3> - <h4> - The Agent monitors JVMs that run on the machine with the same userid as the Agent, storing the data through the Web Endpoint - or directly into the Storage. The Agent also listens on a Command Channel for Client requests - such as heap dumping or full garbage collection on JVMs being monitored. Agents require a - valid Storage connection to start. - </h4> - <h3> - GUI and CLI Client - </h3> - <h4> - The Clients allow for displaying of data from the Storage (through the Web Endpoint or directly from Storage) as well as - performing actions on JVMs such as a heap dump or full garbage collection through the Command - Channel with the Agent. Clients require a valid Storage connection for most functions as - well as a valid Agent connection for Command Channel actions. - </h4> - </div> - </div> - </section> - <section id="local-setup"> - <div class="panel panel-default"> - <div class="panel-heading"> - <h2 class="panel-title">Local Setup Tutorial</h2> + <h2 class="panel-title">User Guide</h2> </div> <div class="panel-body"> <h4> - This tutorial will guide you through setting Thermostat up on a single machine. The machine will hold the Storage, accessed - through HTTP via the Web Endpoint, the Agent which will monitor all JVMs on the machine and - view the data through GUI or CLI Client. - </h4> - <h4> - The quickest way is to run the local command. - </h4> - <p><code>$ thermostat local</code></p> - <h4> - This starts the Agent (monitors jvms), the Web-Storage (stores data) and the GUI (displays data) all on your local machine. - </h4> - <h4> - Each component can be started individually or chained in certain configurations. For example, the local command chains the - Storage, Web Endpoint (collectively referred to as Web-Storage), Agent and GUI in a single - command. - </h4> - <h4> - The Storage, Web Endpoint and Agent can be started via: + This is the latest user guide for Thermostat 1.99.x. For older guides see the <a href="http://icedtea.classpath.org/wiki/Thermostat/UserGuide"> Archives</a> </h4> - <p><code>$ thermostat web-storage-service</code></p> - <h4> - The Storage and Web Endpoint can be started via: - </h4> - <p><code>$ thermostat web-storage</code></p> - <h4> - The Storage can be started and stopped via: - </h4> - <p><code>$ thermostat storage --start</code></p> - <p><code>$ thermostat storage --stop</code></p> - <h4> - The Agent can be started via: - </h4> - <p><code>$ thermostat agent</code></p> - <h4> - The GUI Client can be started via: - </h4> - <p><code>$ thermostat gui</code></p> </div> </div> - </section> - <section id="distributed-setup"> - <div class="panel panel-default"> - <div class="panel-heading"> - <h2 class="panel-title">Distributed Setup Tutorial</h2> + <section id="component-overview"> + <div class="panel panel-default"> + <div class="panel-heading"> + <h2 class="panel-title">Component Overview</h2> + </div> + <div class="panel-body"> + <h3> + Storage + </h3> + <h4> + The Storage is where data gets stored. Currently, Thermostat supports Mongodb backends. + </h4> + <h3> + Web Endpoint + </h3> + <h4> + The Web Endpoint is an HTTP layer that runs in front of the Storage. By using the web endpoint, the Storage can be hidden + from direct connection while Agents and Clients connect with credentials through HTTP. + </h4> + <h3> + Agent + </h3> + <h4> + The Agent monitors JVMs that run on the machine with the same userid as the Agent, storing the data through the Web Endpoint + or directly into the Storage. The Agent also listens on a Command Channel for Client + requests such as heap dumping or full garbage collection on JVMs being monitored. Agents + require a valid Storage connection to start. + </h4> + <h3> + GUI and CLI Client + </h3> + <h4> + The Clients allow for displaying of data from the Storage (through the Web Endpoint or directly from Storage) as well as + performing actions on JVMs such as a heap dump or full garbage collection through the + Command Channel with the Agent. Clients require a valid Storage connection for most functions + as well as a valid Agent connection for Command Channel actions. + </h4> + </div> </div> - <div class="panel-body"> - <h4> - This tutorial will guide you through setting Thermostat up on multiple machines. One machine will hold the Storage, accessed - through HTTP via the Web Endpoint. One or more machines will hold the Agent, monitoring any - JVMs on the machine and sending data to the Storage. One machine will view the data via GUI - or CLI Client. - </h4> - <h4> - Any machine that is part of the distributed setup needs Thermostat installed. All machines should have the same version of - Thermostat. - </h4> - <div id="rs-step-1"> - <h3> - Storage And Web Endpoint Setup - </h3> - + </section> + <section id="local-setup"> + <div class="panel panel-default"> + <div class="panel-heading"> + <h2 class="panel-title">Local Setup Tutorial</h2> + </div> + <div class="panel-body"> <h4> - To setup the Storage on a machine for remote access through HTTP it must be configured to bind to a proper IP address and - port of the machine and have authentication for users. + This tutorial will guide you through setting Thermostat up on a single machine. The machine will hold the Storage, accessed + through HTTP via the Web Endpoint, the Agent which will monitor all JVMs on the machine + and view the data through GUI or CLI Client. </h4> <h4> - First we setup the Mongodb backend and user authentication with: + The quickest way is to run the local command. </h4> - <p><code>$ thermostat setup -c</code></p> + <p><code>$ thermostat local</code></p> <h4> - This runs the CLI setup, asking you to input the username/passwords for the Mongodb backend, default client user and default - agent user. The Mongodb credentials are used by the Web Endpoint to connect to the local - Mongodb backend. The default client user credentials are used by Clients to connect to - the Web Endpoint. Likewise, the default agent user credentials are used by Agents to - connect to the Web Endpoint. These credentials should be remembered for later use. + This starts the Agent (monitors jvms), the Web-Storage (stores data) and the GUI (displays data) all on your local machine. </h4> <h4> - Next, the Web Endpoint needs to be configured to bind to the host machine's IP Address. This is done with the configuration - file <a class="ac" href="#term-thermostat-home">THERMOSTAT_HOME</a>/etc/db.properties - or <a class="ac" href="#term-user-thermostat-home">USER_THERMOSTAT_HOME</a>/etc/db.properties. - The settings in <a class="ac" href="#term-user-thermostat-home">USER_THERMOSTAT_HOME</a> override those in - <a class="ac" href="#term-thermostat-home">THERMOSTAT_HOME</a>. + Each component can be started individually or chained in certain configurations. For example, the local command chains the + Storage, Web Endpoint (collectively referred to as Web-Storage), Agent and GUI in a single + command. </h4> <h4> - The BIND and PORT fields should be set to the machine's IP address and a free port. For a machine with ip 192.168.0.1 and - free port 27518, the db.properties file would look like: + The Storage, Web Endpoint and Agent can be started via: </h4> - <pre><code>BIND=192.168.0.1
PORT=27518</code></pre> + <p><code>$ thermostat web-storage-service</code></p> <h4> - Finally, the Storage and Web Endpoint can be started via: + The Storage and Web Endpoint can be started via: </h4> <p><code>$ thermostat web-storage</code></p> <h4> - The Web Endpoint can be accessed at http://192.168.0.1:27518/thermostat/storage (replace IP and Port with appropriate values - for your setup). Accessing the URL through a web browser should bring up an authentication - prompt if the Storage and Web Endpoint are setup successfully. + The Storage can be started and stopped via: </h4> + <p><code>$ thermostat storage --start</code></p> + <p><code>$ thermostat storage --stop</code></p> + <h4> + The Agent can be started via: + </h4> + <p><code>$ thermostat agent</code></p> + <h4> + The GUI Client can be started via: + </h4> + <p><code>$ thermostat gui</code></p> </div> - - <div id="rs-step-2"> - <h3> - Agent Setup - </h3> - + </div> + </section> + <section id="distributed-setup"> + <div class="panel panel-default"> + <div class="panel-heading"> + <h2 class="panel-title">Distributed Setup Tutorial</h2> + </div> + <div class="panel-body"> <h4> - To setup the Agent on a machine it must be configured to connect to the Web Endpoint via URL. - </h4> - <h4> - First, prevent setup from occurring by creating the file: <a class="ac" href="#term-user-thermostat-home">USER_THERMOSTAT_HOME</a>/data/setup-complete.stamp + This tutorial will guide you through setting Thermostat up on multiple machines. One machine will hold the Storage, accessed + through HTTP via the Web Endpoint. One or more machines will hold the Agent, monitoring + any JVMs on the machine and sending data to the Storage. One machine will view the data + via GUI or CLI Client. </h4> <h4> - Next, configure the agent to bind it's Command Channel to a remotely accessible IP address and to connect to the Web Endpoint - via URL. This is done with the file: <a class="ac" - href="#term-user-thermostat-home">USER_THERMOSTAT_HOME</a>/etc/agent.properties The CONFIG_LISTEN_ADDRESS - property should be set to a remotely accessible IP address and free port and the DB_URL - property should be set to the URL that the Web Endpoint is accessible on. For a machine - with ip 192.168.0.2 and free port 12000, connecting to a Web Endpoint at 192.168.0.1:27518, - the agent.properties file would look like: + Any machine that is part of the distributed setup needs Thermostat installed. All machines should have the same version of + Thermostat. </h4> - <pre><code>CONFIG_LISTEN_ADDRESS=192.168.0.2:12000
DB_URL=http://192.168.0.1:27518/thermostat/storage</code></pre> - <h4> - After this, set the credentials to be used in the file: <a class="ac" href="#term-user-thermostat-home">USER_THERMOSTAT_HOME</a>/etc/agent.auth - These are used when connecting to the Web Endpoint and should be the same as the default - agent user credentials in the setup for Storage and Web Endpoint. An example agent.auth - file looks like: - </h4> - <pre><code>username=agentuser
password=agentpassword</code></pre> - <h4> - Finally, the Agent can be started via: - </h4> - <p><code>$ thermostat agent</code></p> + <div id="rs-step-1"> + <h3> + Storage And Web Endpoint Setup + </h3> + + <h4> + To setup the Storage on a machine for remote access through HTTP it must be configured to bind to a proper IP address and + port of the machine and have authentication for users. + </h4> + <h4> + First we setup the Mongodb backend and user authentication with: + </h4> + <p><code>$ thermostat setup -c</code></p> + <h4> + This runs the CLI setup, asking you to input the username/passwords for the Mongodb backend, default client user and default + agent user. The Mongodb credentials are used by the Web Endpoint to connect to the + local Mongodb backend. The default client user credentials are used by Clients to + connect to the Web Endpoint. Likewise, the default agent user credentials are used + by Agents to connect to the Web Endpoint. These credentials should be remembered + for later use. + </h4> + <h4> + Next, the Web Endpoint needs to be configured to bind to the host machine's IP Address. This is done with the configuration + file <a class="terminology-link" href="#term-thermostat-home">THERMOSTAT_HOME</a>/etc/db.properties + or <a class="terminology-link" href="#term-user-thermostat-home">USER_THERMOSTAT_HOME</a>/etc/db.properties. + The settings in <a class="terminology-link" href="#term-user-thermostat-home">USER_THERMOSTAT_HOME</a> override those in + <a class="terminology-link" href="#term-thermostat-home">THERMOSTAT_HOME</a>. + </h4> + <h4> + The BIND and PORT fields should be set to the machine's IP address and a free port. For a machine with ip 192.168.0.1 and + free port 27518, the db.properties file would look like: + </h4> + <pre><code>BIND=192.168.0.1
PORT=27518</code></pre> + <h4> + Finally, the Storage and Web Endpoint can be started via: + </h4> + <p><code>$ thermostat web-storage</code></p> + <h4> + The Web Endpoint can be accessed at http://192.168.0.1:27518/thermostat/storage (replace IP and Port with appropriate values + for your setup). Accessing the URL through a web browser should bring up an authentication + prompt if the Storage and Web Endpoint are setup successfully. + </h4> + </div> + + <div id="rs-step-2"> + <h3> + Agent Setup + </h3> + + <h4> + To setup the Agent on a machine it must be configured to connect to the Web Endpoint via URL. + </h4> + <h4> + First, prevent setup from occurring by creating the file: <a class="terminology-link" href="#term-user-thermostat-home">USER_THERMOSTAT_HOME</a>/data/setup-complete.stamp + </h4> + <h4> + Next, configure the agent to bind it's Command Channel to a remotely accessible IP address and to connect to the Web Endpoint + via URL. This is done with the file: <a class="terminology-link" + href="#term-user-thermostat-home">USER_THERMOSTAT_HOME</a>/etc/agent.properties The + CONFIG_LISTEN_ADDRESS property should be set to a remotely accessible IP address + and free port and the DB_URL property should be set to the URL that the Web Endpoint + is accessible on. For a machine with ip 192.168.0.2 and free port 12000, connecting + to a Web Endpoint at 192.168.0.1:27518, the agent.properties file would look like: + </h4> + <pre><code>CONFIG_LISTEN_ADDRESS=192.168.0.2:12000
DB_URL=http://192.168.0.1:27518/thermostat/storage</code></pre> + <h4> + After this, set the credentials to be used in the file: <a class="terminology-link" href="#term-user-thermostat-home">USER_THERMOSTAT_HOME</a>/etc/agent.auth + These are used when connecting to the Web Endpoint and should be the same as the + default agent user credentials in the setup for Storage and Web Endpoint. An example + agent.auth file looks like: + </h4> + <pre><code>username=agentuser
password=agentpassword</code></pre> + <h4> + Finally, the Agent can be started via: + </h4> + <p><code>$ thermostat agent</code></p> + </div> + <div id="rs-step-3"> + <h3> + Client Setup + </h3> + + <h4> + To setup the Client on the machine it must be configured to connect to the Web Endpoint via URL. + </h4> + <h4> + First, prevent setup from occurring by creating the file: <a class="terminology-link" href="#term-user-thermostat-home">USER_THERMOSTAT_HOME</a>/data/setup-complete.stamp + </h4> + <h4> + For the GUI Client, start via: + </h4> + <p><code>$ thermostat gui</code></p> + <h4> + A connection failed prompt will appear. Click "Configure..." and a dialog will appear where you can fill in the URL to connect + to and the credentials to use. The URL is the URL of the Web Endpoint, e.g. http://192.168.0.1:27518/thermostat/storage. + The credentials are for the default client user that was setup on the Storage and + Web Endpoint machine. + </h4> + <h4> + For the CLI Client, start via: + </h4> + <p><code>$ thermostat shell</code></p> + <h4> + This enters the CLI terminal where you can connect to the Web Endpoint via: + </h4> + <p><code>connect -d http://192.168.0.1:27518/thermostat/storage</code></p> + <h4> + Replace the argument for -d with the correct URL for your Web Endpoint. The terminal will then prompt you for credentials + to use. Once successfully connected, other CLI commands that use the Web Endpoint + will use the one specified in the connect command. + </h4> + </div> </div> - <div id="rs-step-3"> - <h3> - Client Setup - </h3> - - <h4> - To setup the Client on the machine it must be configured to connect to the Web Endpoint via URL. - </h4> - <h4> - First, prevent setup from occurring by creating the file: <a class="ac" href="#term-user-thermostat-home">USER_THERMOSTAT_HOME</a>/data/setup-complete.stamp - </h4> + </div> + </section> + <section id="cli-features"> + <div class="panel panel-default"> + <div class="panel-heading"> + <h2 class="panel-title">CLI Features</h2> + </div> + <div class="panel-body"> <h4> - For the GUI Client, start via: + The easiest way to see what features the CLI has is to run the help command. </h4> - <p><code>$ thermostat gui</code></p> + <p><code>$ thermostat help</code></p> <h4> - A connection failed prompt will appear. Click "Configure..." and a dialog will appear where you can fill in the URL to connect - to and the credentials to use. The URL is the URL of the Web Endpoint, e.g. http://192.168.0.1:27518/thermostat/storage. - The credentials are for the default client user that was setup on the Storage and Web - Endpoint machine. + Thermostat offers CLI through invocations of thermostat, for example: </h4> + <p><code>$ thermostat list-vms</code></p> <h4> - For the CLI Client, start via: + Thermostat also offers a Shell that can be started via: </h4> <p><code>$ thermostat shell</code></p> <h4> - This enters the CLI terminal where you can connect to the Web Endpoint via: + This brings up the Shell, printing the version and the prompt and then waiting for command input. Run 'help' to list all + the commands available in the Shell. </h4> - <p><code>connect -d http://192.168.0.1:27518/thermostat/storage</code></p> + <pre><code>Thermostat version 1.99.12
Please see the User Guide at http://icedtea.classpath.org/wiki/Thermostat/UserGuide
Thermostat - > </pre></code> + </div> + </div> + </section> + <section id="gui-features"> + <div class="panel panel-default"> + <div class="panel-heading"> + <h2 class="panel-title">GUI Features</h2> + </div> + <div class="panel-body"> + <h3> + Host Machine Information + </h3> <h4> - Replace the argument for -d with the correct URL for your Web Endpoint. The terminal will then prompt you for credentials - to use. Once successfully connected, other CLI commands that use the Web Endpoint will - use the one specified in the connect command. + <ul> + <li>Hardware/Network Information</li> + <li>CPU/Memory Usage</li> + <li>NUMA Allocation Data</li> + </ul> + </h4> + <h3> + JVM Information + </h3> + <h4> + <ul> + <li>JVM Process Information</li> + <li>CPU/Memory Usage</li> + <li>GC, Heap, Threads, Stack Trace, IO, Compiler, Class Information</li> + <li>NUMA Allocation Data for NUMA Aware systems</li> + </ul> + </h4> + <h3> + JVM Actions + </h3> + <h4> + <ul> + <li>Kill a JVM</li> + <li>Perform a full GC</li> + <li>Create a Heap Dump and analyze it in GUI</li> + <li>Profile JVM</li> + <li>Inject Byteman rules and view results</li> + <li>Detect deadlocks</li> + </ul> </h4> </div> </div> - </div> - </section> - <section id="cli-features"> - <div class="panel panel-default"> - <div class="panel-heading"> - <h2 class="panel-title">CLI Features</h2> - </div> - <div class="panel-body"> - <h4> - The easiest way to see what features the CLI has is to run the help command. - </h4> - <p><code>$ thermostat help</code></p> - <h4> - Thermostat offers CLI through invocations of thermostat, for example: - </h4> - <p><code>$ thermostat list-vms</code></p> - <h4> - Thermostat also offers a Shell that can be started via: - </h4> - <p><code>$ thermostat shell</code></p> - <h4> - This brings up the Shell, printing the version and the prompt and then waiting for command input. Run 'help' to list all - the commands available in the Shell. - </h4> - <pre><code>Thermostat version 1.99.12
Please see the User Guide at http://icedtea.classpath.org/wiki/Thermostat/UserGuide
Thermostat - > </pre></code> - </div> - </div> - </section> - <section id="gui-features"> - <div class="panel panel-default"> - <div class="panel-heading"> - <h2 class="panel-title">GUI Features</h2> - </div> - <div class="panel-body"> - <h3> - Host Machine Information - </h3> - <h4><ul> - <li>Hardware/Network Information</li> - <li>CPU/Memory Usage</li> - <li>NUMA Allocation Data</li> - </ul></h4> - <h3> - JVM Information - </h3> - <h4><ul> - <li>JVM Process Information</li> - <li>CPU/Memory Usage</li> - <li>GC, Heap, Threads, Stack Trace, IO, Compiler, Class Information</li> - <li>NUMA Allocation Data for NUMA Aware systems</li> - </ul></h4> - <h3> - JVM Actions - </h3> - <h4><ul> - <li>Kill a JVM</li> - <li>Perform a full GC</li> - <li>Create a Heap Dump and analyze it in GUI</li> - <li>Profile JVM</li> - <li>Inject Byteman rules and view results</li> - <li>Detect deadlocks</li> - </ul></h4> - </div> - </div> - </section> - <section id="terminology"> - <div class="panel panel-default"> - <div class="panel-heading"> - <h2 class="panel-title">Terminology</h2> - </div> - <div class="panel-body"> - <h4> - This section contains description for terminology used in the User Guide. - </h4> - - <div id="term-thermostat-home"> - <h4 class="h4c"> - THERMOSTAT_HOME + </section> + <section id="terminology"> + <div class="panel panel-default"> + <div class="panel-heading"> + <h2 class="panel-title">Terminology</h2> + </div> + <div class="panel-body"> + <h4> + This section contains description for terminology used in the User Guide. </h4> - <h4> - THERMOSTAT_HOME refers to the install location of Thermostat. This location is usually owned by root. For an RPM based installation - this is: - </h4> - <p><code>/usr/share/thermostat</code></p> - <h4> - For compilations from source (tarballs, cloned repository) this is: - </h4> - <p><code>{source-location}/distribution/target/image</code></p> - </div> - <div id="term-user-thermostat-home"> - <h4 class="h4c"> - USER_THERMOSTAT_HOME - </h4> + <div id="term-thermostat-home"> + <h4 class="h4c"> + THERMOSTAT_HOME + </h4> - <h4> - USER_THERMOSTAT_HOME refers to the configuration and data location of Thermostat in the user's home directory. For user "someuser" - this is: - </h4> - <p><code>/home/someuser/.thermostat</code></p> + <h4> + THERMOSTAT_HOME refers to the install location of Thermostat. This location is usually owned by root. For an RPM based installation + this is: + </h4> + <p><code>/usr/share/thermostat</code></p> + <h4> + For compilations from source (tarballs, cloned repository) this is: + </h4> + <p><code>{source-location}/distribution/target/image</code></p> + </div> + <div id="term-user-thermostat-home"> + <h4 class="h4c"> + USER_THERMOSTAT_HOME + </h4> + + <h4> + USER_THERMOSTAT_HOME refers to the configuration and data location of Thermostat in the user's home directory. For user "someuser" + this is: + </h4> + <p><code>/home/someuser/.thermostat</code></p> + </div> </div> </div> - </div> - </section> + </section> + </div> + <div class="text-center"> + <h4> + There are also a lot of resources in the Thermostat wiki targeting developers. + </h4> + <a href="http://icedtea.classpath.org/wiki/Thermostat" class="btn btn-default btn-c1" role="button"> Wiki</a> + </div> </div> - <div class="text-center"> - <h4> - There are also a lot of resources in the Thermostat wiki targeting developers. - </h4> - <a href="http://icedtea.classpath.org/wiki/Thermostat" class="btn btn-default btn-c1" role="button"> Wiki</a> - </div> + </div> + <div class="col-xs-2"> + <nav class="bs-docs-sidebar fixed" id="nav-sidebar"> + <ul class="nav bs-docs-sidenav"> + <li><a href="#component-overview">Component Overview</a></li> + <li><a href="#local-setup">Local Setup Tutorial</a></li> + <li><a href="#distributed-setup">Distributed Setup Tutorial</a> + <ul class="nav nav-stacked"> + <li><a href="#rs-step-1">Storage Setup</a></li> + <li><a href="#rs-step-2">Agent Setup</a></li> + <li><a href="#rs-step-3">Client Setup</a></li> + </ul> + </li> + <li><a href="#cli-features">CLI Features</a></li> + <li><a href="#gui-features">GUI Features</a></li> + <li><a href="#terminology">Terminology</a> + <ul class="nav nav-stacked"> + <li><a href="#term-thermostat-home">THERMOSTAT_HOME</a></li> + <li><a href="#term-user-thermostat-home">USER_THERMOSTAT_HOME</a></li> + </ul> + </li> + </ul> + <a href="#nav-container" class="back-to-top">Back to Top</a> + </nav> </div> </div> - <div class="col-xs-2"> - <nav class="bs-docs-sidebar fixed" id="nav-sidebar"> - <ul class="nav bs-docs-sidenav"> - <li><a href="#component-overview">Component Overview</a></li> - <li><a href="#local-setup">Local Setup Tutorial</a></li> - <li><a href="#distributed-setup">Distributed Setup Tutorial</a> - <ul class="nav nav-stacked"> - <li><a href="#rs-step-1">Storage Setup</a></li> - <li><a href="#rs-step-2">Agent Setup</a></li> - <li><a href="#rs-step-3">Client Setup</a></li> - </ul> - </li> - <li><a href="#cli-features">CLI Features</a></li> - <li><a href="#gui-features">GUI Features</a></li> - <li><a href="#terminology">Terminology</a> - <ul class="nav nav-stacked"> - <li><a href="#term-thermostat-home">THERMOSTAT_HOME</a></li> - <li><a href="#term-user-thermostat-home">USER_THERMOSTAT_HOME</a></li> - </ul> - </li> - </ul> - <a href="#logo-box" class="back-to-top">Back to Top</a> - </nav> - </div> </div> - <script> $('body').scrollspy({ target: '#nav-sidebar',
--- a/content/downloads/content.html Tue Jan 24 10:21:50 2017 -0500 +++ b/content/downloads/content.html Fri Feb 03 10:23:09 2017 -0500 @@ -1,26 +1,32 @@ -<div class="row"> +<div class="container space40"> + <div class="panel panel-default"> <div class="panel-heading" id="download"> <h1 class="panel-title">Downloads</h1> </div> <div class="panel-body"> - <div class="col-md-4"> - <h3>Latest Stable Release</h3> - <a href="http://icedtea.classpath.org/download/thermostat/thermostat-1.6.6.tar.gz" class="btn btn-default btn-c1" role="button"><span class="glyphicon glyphicon-download-alt" aria-hidden="true"> Thermostat-1.6.6</a> - </div> - <div class="col-md-4"> + <div class="row"> + <div class="col-md-4"> + <h3>Latest Stable Release</h3> + <a href="http://icedtea.classpath.org/download/thermostat/thermostat-1.6.6.tar.gz" class="btn btn-default btn-c1" role="button"><span class="glyphicon glyphicon-download-alt" aria-hidden="true"> Thermostat-1.6.6</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> - </div> - <div class="col-md-4"> + </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> + </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> -<div class="row"> <div class="panel panel-default"> <div class="panel-heading"> <h1 class="panel-title">Requirements</h1>
--- a/content/getting-started/content.html Tue Jan 24 10:21:50 2017 -0500 +++ b/content/getting-started/content.html Fri Feb 03 10:23:09 2017 -0500 @@ -1,19 +1,4 @@ -<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 >= 1.7</li> - <li>Mongodb >= 2.2 (or 2.0 if no SSL required)</li> - <li>Servlet container (optional)</li> - </ul> - </h4> - </div> - </div> +<div class="container space40"> <div class="panel panel-default"> <div class="panel-heading"> <h1 class="panel-title" id="getting-started">Getting Started</h1> @@ -21,6 +6,22 @@ <div class="panel-body"> <div class="panel panel-default"> <div class="panel-heading"> + <h2 class="panel-title">Requirements</h2> + </div> + <div class="panel-body"> + <h4> + <ul> + <li>Linux (Fedora, RHEL, CentOS, etc.)</li> + <li>OpenJDK >= 1.7</li> + <li>Mongodb >= 2.2 (or 2.0 if no SSL required)</li> + <li>Servlet container (optional)</li> + </ul> + </h4> + </div> + </div> + + <div class="panel panel-default wordwrap"> + <div class="panel-heading"> <h2 class="panel-title">Installation</h2> </div> <div class="panel-body">
--- a/content/head.1.html Tue Jan 24 10:21:50 2017 -0500 +++ b/content/head.1.html Fri Feb 03 10:23:09 2017 -0500 @@ -1,39 +1,38 @@ -<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"> - <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#top-navbar"> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - </button> - </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> - <li class="dropdown"> - <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Community <span class="caret"></span></a> - <ul class="dropdown-menu"> - <li><a href="http://icedtea.classpath.org/mailman/listinfo/thermostat">Mailing List</a></li> - <li><a href="http://webchat.freenode.net/?channels=#thermostat">Chat over IRC</a></li> - </ul> - </li> - </ul> - <ul class="nav navbar-nav navbar-right navbar-c1"> - <li class="dropdown"> - <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Sources <span class="caret"></span></a> - <ul class="dropdown-menu"> - <li><a href="http://icedtea.classpath.org/hg/thermostat/">2.0 (HEAD)</a></li> - <li><a href="http://icedtea.classpath.org/hg/release/thermostat-1.6/">1.6</a></li> - <li><a href="http://icedtea.classpath.org/hg/release/thermostat-1.4">1.4</a></li> - </ul> - </li> - <li><a href="../downloads">Downloads</a></li> - </ul> - </div> -</nav> \ No newline at end of file +<div class="container" id="nav-container"> + <nav class="navbar navbar-default"> + <!--<nav class="navbar navbar-default navbar-fixed-top">--> + <div class="navbar-header"> + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#top-navbar"> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + <a id="nav-home" class="navbar-brand navbar-title" href="../">Thermostat</a> + </div> + <div class="collapse navbar-collapse" id="top-navbar"> + <ul class="nav navbar-nav"> + <li id="nav-getting-started"><a href="../getting-started">Getting Started</a></li> + <li id="nav-documentation"><a href="../documentation">Documentation</a></li> + <li id="nav-contribute"><a href="../contribute">Contribute</a></li> + <li class="dropdown"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Community <span class="caret"></span></a> + <ul class="dropdown-menu"> + <li><a href="http://icedtea.classpath.org/mailman/listinfo/thermostat">Mailing List</a></li> + <li><a href="http://webchat.freenode.net/?channels=#thermostat">Chat over IRC</a></li> + </ul> + </li> + </ul> + <ul class="nav navbar-nav navbar-right navbar-c1"> + <li class="dropdown"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Sources <span class="caret"></span></a> + <ul class="dropdown-menu"> + <li><a href="http://icedtea.classpath.org/hg/thermostat/">2.0 (HEAD)</a></li> + <li><a href="http://icedtea.classpath.org/hg/release/thermostat-1.6/">1.6</a></li> + <li><a href="http://icedtea.classpath.org/hg/release/thermostat-1.4">1.4</a></li> + </ul> + </li> + <li id="nav-downloads"><a href="../downloads">Downloads</a></li> + </ul> + </div> + </nav> +</div> \ No newline at end of file
--- a/content/head.html Tue Jan 24 10:21:50 2017 -0500 +++ b/content/head.html Fri Feb 03 10:23:09 2017 -0500 @@ -1,39 +1,38 @@ -<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"> - <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#top-navbar"> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - </button> - </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> - <li class="dropdown"> - <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Community <span class="caret"></span></a> - <ul class="dropdown-menu"> - <li><a href="http://icedtea.classpath.org/mailman/listinfo/thermostat">Mailing List</a></li> - <li><a href="http://webchat.freenode.net/?channels=#thermostat">Chat over IRC</a></li> - </ul> - </li> - </ul> - <ul class="nav navbar-nav navbar-right navbar-c1"> - <li class="dropdown"> - <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Sources <span class="caret"></span></a> - <ul class="dropdown-menu"> - <li><a href="http://icedtea.classpath.org/hg/thermostat/">2.0 (HEAD)</a></li> - <li><a href="http://icedtea.classpath.org/hg/release/thermostat-1.6/">1.6</a></li> - <li><a href="http://icedtea.classpath.org/hg/release/thermostat-1.4">1.4</a></li> - </ul> - </li> - <li><a href="./downloads">Downloads</a></li> - </ul> - </div> -</nav> \ No newline at end of file +<div class="container" id="nav-container"> + <nav class="navbar navbar-default"> + <!--<nav class="navbar navbar-default navbar-fixed-top">--> + <div class="navbar-header"> + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#top-navbar"> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + <a id="nav-home" class="navbar-brand navbar-title" href="./">Thermostat</a> + </div> + <div class="collapse navbar-collapse" id="top-navbar"> + <ul class="nav navbar-nav"> + <li id="nav-getting-started"><a href="./getting-started">Getting Started</a></li> + <li id="nav-documentation"><a href="./documentation">Documentation</a></li> + <li id="nav-contribute"><a href="./contribute">Contribute</a></li> + <li class="dropdown"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Community <span class="caret"></span></a> + <ul class="dropdown-menu"> + <li><a href="http://icedtea.classpath.org/mailman/listinfo/thermostat">Mailing List</a></li> + <li><a href="http://webchat.freenode.net/?channels=#thermostat">Chat over IRC</a></li> + </ul> + </li> + </ul> + <ul class="nav navbar-nav navbar-right navbar-c1"> + <li class="dropdown"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Sources <span class="caret"></span></a> + <ul class="dropdown-menu"> + <li><a href="http://icedtea.classpath.org/hg/thermostat/">2.0 (HEAD)</a></li> + <li><a href="http://icedtea.classpath.org/hg/release/thermostat-1.6/">1.6</a></li> + <li><a href="http://icedtea.classpath.org/hg/release/thermostat-1.4">1.4</a></li> + </ul> + </li> + <li id="nav-downloads"><a href="./downloads">Downloads</a></li> + </ul> + </div> + </nav> +</div> \ No newline at end of file
--- a/content/home/content.html Tue Jan 24 10:21:50 2017 -0500 +++ b/content/home/content.html Fri Feb 03 10:23:09 2017 -0500 @@ -1,57 +1,37 @@ -<div class="row"> - <div class="panel panel-default"> - <div class="panel-heading"> - <h1 class="panel-title">Serviceability and Monitoring for OpenJDK</h1> +<div class="jumbotron" id="front-page-jumbotron"> + <div class="container"> + <div class="text-center"> + <img class="logo-img" src="./img/thermostat_icon_500px.png" alt="Thermostat" /> + <h2> + Thermostat + </h2> + <h3> + 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> - <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> + +<div class="container-fluid"> + <div class="row" id="front-page-get-started"> + <div class="col-sm-2"> + </div> + <div class="col-sm-4"> + <div class="embed-responsive embed-responsive-16by9" id="front-page-video"> + <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/AKB5jorzLpc"></iframe> + </div> + </div> + <div class="col-sm-6"> + <div style="margin-top: 25px; margin-bottom: 25px;"> + <h3 class="white"> + Using Thermostat is quick and easy. + </h3> + <h4 class="white"> + 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> </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> -</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
--- a/contribute/index.html Tue Jan 24 10:21:50 2017 -0500 +++ b/contribute/index.html Fri Feb 03 10:23:09 2017 -0500 @@ -12,10 +12,20 @@ <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> + <link rel="stylesheet" href="../css/normalize.css"> <link href="../css/style.css" rel="stylesheet"> </head> <body> + <div id="content-header"> + </div> + + <div id="content-body"> + </div> + + <div class="container" id="content-footer"> + </div> + <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <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 --> @@ -23,15 +33,9 @@ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> - <div class="container" id="content-header"> - </div> - - <div class="container" id="content-body"> - </div> - + <script src="../js/load-page.js"></script> <script> - $( "#content-header" ).load( "../content/head.1.html" ); - $( "#content-body" ).load( "../content/contribute/content.html" ); + loadContent("contribute"); </script> </body>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/css/normalize.css Fri Feb 03 10:23:09 2017 -0500 @@ -0,0 +1,461 @@ +/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ + +/** + * 1. Change the default font family in all browsers (opinionated). + * 2. Correct the line height in all browsers. + * 3. Prevent adjustments of font size after orientation changes in + * IE on Windows Phone and in iOS. + */ + +/* Document + ========================================================================== */ + +html { + font-family: sans-serif; /* 1 */ + line-height: 1.15; /* 2 */ + -ms-text-size-adjust: 100%; /* 3 */ + -webkit-text-size-adjust: 100%; /* 3 */ +} + +/* Sections + ========================================================================== */ + +/** + * Remove the margin in all browsers (opinionated). + */ + +body { + margin: 0; +} + +/** + * Add the correct display in IE 9-. + */ + +article, +aside, +footer, +header, +nav, +section { + display: block; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/* Grouping content + ========================================================================== */ + +/** + * Add the correct display in IE 9-. + * 1. Add the correct display in IE. + */ + +figcaption, +figure, +main { /* 1 */ + display: block; +} + +/** + * Add the correct margin in IE 8. + */ + +figure { + margin: 1em 40px; +} + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + +hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +pre { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/* Text-level semantics + ========================================================================== */ + +/** + * 1. Remove the gray background on active links in IE 10. + * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. + */ + +a { + background-color: transparent; /* 1 */ + -webkit-text-decoration-skip: objects; /* 2 */ +} + +/** + * Remove the outline on focused links when they are also active or hovered + * in all browsers (opinionated). + */ + +a:active, +a:hover { + outline-width: 0; +} + +/** + * 1. Remove the bottom border in Firefox 39-. + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + +abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ +} + +/** + * Prevent the duplicate application of `bolder` by the next rule in Safari 6. + */ + +b, +strong { + font-weight: inherit; +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + +b, +strong { + font-weight: bolder; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +code, +kbd, +samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct font style in Android 4.3-. + */ + +dfn { + font-style: italic; +} + +/** + * Add the correct background and color in IE 9-. + */ + +mark { + background-color: #ff0; + color: #000; +} + +/** + * Add the correct font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Add the correct display in IE 9-. + */ + +audio, +video { + display: inline-block; +} + +/** + * Add the correct display in iOS 4-7. + */ + +audio:not([controls]) { + display: none; + height: 0; +} + +/** + * Remove the border on images inside links in IE 10-. + */ + +img { + border-style: none; +} + +/** + * Hide the overflow in IE. + */ + +svg:not(:root) { + overflow: hidden; +} + +/* Forms + ========================================================================== */ + +/** + * 1. Change the font styles in all browsers (opinionated). + * 2. Remove the margin in Firefox and Safari. + */ + +button, +input, +optgroup, +select, +textarea { + font-family: sans-serif; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + +button, +input { /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + +button, +select { /* 1 */ + text-transform: none; +} + +/** + * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` + * controls in Android 4. + * 2. Correct the inability to style clickable types in iOS and Safari. + */ + +button, +html [type="button"], /* 1 */ +[type="reset"], +[type="submit"] { + -webkit-appearance: button; /* 2 */ +} + +/** + * Remove the inner border and padding in Firefox. + */ + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ + +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Change the border, margin, and padding in all browsers (opinionated). + */ + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * 1. Add the correct display in IE 9-. + * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + +progress { + display: inline-block; /* 1 */ + vertical-align: baseline; /* 2 */ +} + +/** + * Remove the default vertical scrollbar in IE. + */ + +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10-. + * 2. Remove the padding in IE 10-. + */ + +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + +[type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. + */ + +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* Interactive + ========================================================================== */ + +/* + * Add the correct display in IE 9-. + * 1. Add the correct display in Edge, IE, and Firefox. + */ + +details, /* 1 */ +menu { + display: block; +} + +/* + * Add the correct display in all browsers. + */ + +summary { + display: list-item; +} + +/* Scripting + ========================================================================== */ + +/** + * Add the correct display in IE 9-. + */ + +canvas { + display: inline-block; +} + +/** + * Add the correct display in IE. + */ + +template { + display: none; +} + +/* Hidden + ========================================================================== */ + +/** + * Add the correct display in IE 10-. + */ + +[hidden] { + display: none; +}
--- a/css/style.css Tue Jan 24 10:21:50 2017 -0500 +++ b/css/style.css Fri Feb 03 10:23:09 2017 -0500 @@ -1,187 +1,271 @@ -/* logo */ -/**/ -div#logo-box { - margin: 1em; - margin-top: 4em; +/* colours */ +/* sizes */ +/* content-divs */ +#content-header { + background-color: #27426e; +} +#content-body { + background-color: #ffffff; +} +#content-footer { + background-color: #ffffff; +} +.space10 { + margin-top: 10px; +} +.space40 { + margin-top: 40px; +} +html { + height: 100%; +} +/* front page jumbotron */ +#front-page-jumbotron { + background-image: url(../img/flexibility_curved_building_istock.png); + background-size: cover; + background-repeat: no-repeat; + background-attachment: fixed; + margin-bottom: 0px; +} +/* front page get-started section */ +#front-page-get-started { + background-color: #27426e; +} +#front-page-images { + background-color: #ffffff; } - -div#logo-box img { - max-width: 25%; - height: auto; +/* front page video */ +#front-page-video { + margin: 25px; +} +/* front page image */ +.rel-box { + position: relative; +} +.graph-img { + max-width: 100%; +} +.graph-under { + position: absolute; + top: 35%; + left: 50%; + margin-right: -50%; + transform: translate(-50%, -50%); } - +.logo-img { + margin-top: 100px; + max-width: 20%; +} +@media (min-width: 768px) { + .logo-img { + max-width: 15%; + } +} +@media (min-width: 992px) { + .logo-img { + max-width: 10%; + } +} +/* background box */ +.bg-colour { + background-color: #27426e; +} +.bg-img { + background: url(../img/tms-graph.png); + background-size: cover; + background-repeat: no-repeat; +} /* navbar */ /**/ .navbar-default { - background-color: #ffffff; - border-color: #ffffff; - border-bottom-color: rgb(0, 34, 85); + background: #27426e; font-size: 1.2em; + border: none; + margin-bottom: 0px; } - .navbar-default .navbar-nav > li > a { - color: rgb(0, 34, 85); + color: #ffffff; + background-color: #27426e; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { - color: rgb(240,130,0); + color: #dcdcdc; + background-color: #27426e; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { - color: rgb(240,130,0); - background-color: #ffffff; + color: #ffffff; + font-size: 1.1em; + background-color: #27426e; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { - color: rgb(240,130,0); - background-color: #ffffff; + color: #ffffff; + background-color: #27426e; } - .navbar-default .navbar-collapse, .navbar-default .navbar-form { - border-color: rgb(240,130,0) + border-color: #27426e; } - +.navbar-default .navbar-nav .open .dropdown-menu > li > a { + background-color: #27426e; + color: #ffffff; +} +.navbar-nav > li > .dropdown-menu { + background-color: #27426e; +} .navbar-c1 { - margin-right: 0.1em; + margin-right: 0.1em; } - +.navbar-title { + font-size: 1.3em; + color: #ffffff !important; +} /* bs-docs-sidebar */ /**/ body { - position: relative; + height: 100%; + position: relative; } - .fixed { - position: fixed; + position: fixed; } - /* sidebar */ .bs-docs-sidebar { - padding-left: 5px; - padding-right: 10px; - margin-top: 20px; - margin-bottom: 20px; + padding-left: 5px; + padding-right: 10px; + margin-top: 20px; + margin-bottom: 20px; } - /* all links */ -.bs-docs-sidebar .nav>li>a { - color: rgb(90,90,90); - border-left: 2px solid transparent; - padding: 4px 10px; - font-size: 1.1em; - font-weight: 400; +.bs-docs-sidebar .nav > li > a { + color: #4c4c4c; + border-left: 2px solid transparent; + padding: 4px 10px; + font-size: 1.1em; + font-weight: 400; } - /* nested links */ -.bs-docs-sidebar .nav .nav>li>a { - padding-top: 1px; - padding-bottom: 1px; - padding-left: 30px; - font-size: 12px; +.bs-docs-sidebar .nav .nav > li > a { + padding-top: 1px; + padding-bottom: 1px; + padding-left: 30px; + font-size: 12px; } - /* active & hover links */ -.bs-docs-sidebar .nav>.active>a, -.bs-docs-sidebar .nav>li>a:hover, -.bs-docs-sidebar .nav>li>a:focus { - color: rgb(0, 34, 85); - text-decoration: none; - background-color: transparent; - border-left-color: rgb(0, 34, 85); +.bs-docs-sidebar .nav > .active > a, +.bs-docs-sidebar .nav > li > a:hover, +.bs-docs-sidebar .nav > li > a:focus { + color: #27426e; + text-decoration: none; + background-color: transparent; + border-left-color: #27426e; } /* all active links */ -.bs-docs-sidebar .nav>.active>a, -.bs-docs-sidebar .nav>.active:hover>a, -.bs-docs-sidebar .nav>.active:focus>a { - font-weight: 700; +.bs-docs-sidebar .nav > .active > a, +.bs-docs-sidebar .nav > .active:hover > a, +.bs-docs-sidebar .nav > .active:focus > a { + font-weight: 700; } /* nested active links */ -.bs-docs-sidebar .nav .nav>.active>a, -.bs-docs-sidebar .nav .nav>.active:hover>a, -.bs-docs-sidebar .nav .nav>.active:focus>a { - font-weight: 500; +.bs-docs-sidebar .nav .nav > .active > a, +.bs-docs-sidebar .nav .nav > .active:hover > a, +.bs-docs-sidebar .nav .nav > .active:focus > a { + font-weight: 500; } - /* hide inactive nested list */ .bs-docs-sidebar .nav ul.nav { - display: none; + display: none; } /* show active nested list */ -.bs-docs-sidebar .nav>.active>ul.nav { - display: block; +.bs-docs-sidebar .nav > .active > ul.nav { + display: block; } - .back-to-top { - color: rgb(90,90,90); - border-left: 2px solid transparent; - margin-top: 10px; - padding: 4px 10px; - font-size: 1em; - font-weight: 400; - display: block; + color: #4c4c4c; + border-left: 2px solid transparent; + margin-top: 10px; + padding: 4px 10px; + font-size: 1em; + font-weight: 400; + display: block; } - /* button */ /**/ .btn-c1 { - color: rgb(0, 34, 85); + color: #27426e; } -.btn-c1:hover, .btn-c1:focus, .btn-c1:active, .btn-c1.active, .open>.dropdown-toggle.btn-c1 { - color: rgb(240,130,0); - background: rgb(255,255,255); +.btn-c1:hover, +.btn-c1:focus, +.btn-c1:active, +.btn-c1.active, +.open > .dropdown-toggle.btn-c1 { + background: rgba(255, 255, 255, 0.75); + color: #27426e; } - +.btn-large { + padding: 0.3em 1em; + font-size: 1.3em; +} .btn-xlarge { - padding: 0.5em 3em; - font-size: 1.4em; + padding: 0.5em 3em; + font-size: 1.4em; } - +.btn-transparent { + background: rgba(255, 255, 255, 0.5); + color: #27426e; + border-color: #000000; +} /* panel */ /**/ .panel-default { - border-color: rgb(255,255,255); + border-color: #ffffff; } - .panel-default .panel-heading { - background: rgb(255,255,255); - border-color: rgb(255,255,255); + background: #ffffff; + border-color: #ffffff; } - h1.panel-title { - color: rgb(0, 34, 85); - font-size: 2.2em; + color: #27426e; + font-size: 2.2em; } h2.panel-title { - color: rgb(0, 34, 85); - font-size: 2em; + color: #27426e; + font-size: 2em; } .h3-steps { - margin-top: 1.5em; + margin-top: 1.5em; } - /* text */ +.wordwrap { + word-wrap: break-word; +} /**/ h1 { - color: rgb(0, 34, 85); + color: #27426e; } - h2 { - color: rgb(0, 34, 85); + color: #27426e; } - h3 { - color: rgb(0, 34, 85); + color: #27426e; +} +.black { + color: #000000; } - +.white { + color: #ffffff; +} +.h3c { + color: #ffffff; +} .h4c { - margin-top: 2em; - font-size: 1.5em; - color: rgb(0, 34, 85); + margin-top: 2em; + font-size: 1.5em; + color: #27426e; } - -.ac { - color: rgb(70,70,80); -} \ No newline at end of file +.terminology-link { + color: #4c4c4c; +}
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/css/style.less Fri Feb 03 10:23:09 2017 -0500 @@ -0,0 +1,333 @@ +/* colours */ +@white: rgb(255,255,255); +@dark-blue: rgb(39,66,110); +@orange: rgb(240,130,0); +@grey: rgb(76,76,76); +@light-grey: rgb(220,220,220); +@black: rgb(0,0,0); + +@dark-blue-alpha: rgba(39,66,110,0.5); +@white-50: rgba(255,255,255,0.5); +@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 { + background-color: @dark-blue; +} + +#content-body { + background-color: @white; +} + +#content-footer { + background-color: @white; +} + +.space10 { + margin-top: 10px; +} + +.space40 { + margin-top: 40px; +} + +html { + height: 100%; +} + +/* front page jumbotron */ +#front-page-jumbotron { + background-image: url(../img/flexibility_curved_building_istock.png); + background-size: cover; + background-repeat: no-repeat; + background-attachment: fixed; + margin-bottom: 0px; +} + +/* front page get-started section */ +#front-page-get-started { + background-color: @dark-blue; +} + +#front-page-images { + background-color: @white; +} + +/* front page video */ +#front-page-video { + margin: 25px; +} + +/* front page image */ +.rel-box { + position:relative; +} +.graph-img { + max-width: 100%; +} + +.graph-under { + position: absolute; + top: 35%; + left: 50%; + margin-right: -50%; + transform: translate(-50%, -50%); +} + +.logo-img { + 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 { + max-width: 10%; + } +} + +/* 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: @dark-blue; + font-size: 1.2em; + border: none; + margin-bottom: 0px; +} + +.navbar-default .navbar-nav > li > a { + color: @white; + background-color: @dark-blue; +} + +.navbar-default .navbar-nav > li > a:hover, +.navbar-default .navbar-nav > li > a:focus { + color: @light-grey; + background-color: @dark-blue; +} + +.navbar-default .navbar-nav > .active > a, +.navbar-default .navbar-nav > .active > a:hover, +.navbar-default .navbar-nav > .active > a:focus { + color: @white; + font-size: 1.1em; + background-color: @dark-blue; +} + +.navbar-default .navbar-nav > .open > a, +.navbar-default .navbar-nav > .open > a:hover, +.navbar-default .navbar-nav > .open > a:focus { + color: @white; + background-color: @dark-blue; +} + +.navbar-default .navbar-collapse, +.navbar-default .navbar-form { + border-color: @dark-blue +} + +.navbar-default .navbar-nav .open .dropdown-menu > li > a { + background-color: @dark-blue; + color: @white; +} + +.navbar-nav > li > .dropdown-menu { + background-color: @dark-blue; +} + +.navbar-c1 { + margin-right: 0.1em; +} + +.navbar-title { + font-size: 1.3em; + color: @white !important; +} +/* bs-docs-sidebar */ +/**/ +body { + height: 100%; + position: relative; +} + +.fixed { + position: fixed; +} + +/* sidebar */ +.bs-docs-sidebar { + padding-left: 5px; + padding-right: 10px; + margin-top: 20px; + margin-bottom: 20px; +} + +/* all links */ +.bs-docs-sidebar .nav>li>a { + color: @grey; + border-left: 2px solid transparent; + padding: 4px 10px; + font-size: 1.1em; + font-weight: 400; +} + +/* nested links */ +.bs-docs-sidebar .nav .nav>li>a { + padding-top: 1px; + padding-bottom: 1px; + padding-left: 30px; + font-size: 12px; +} + +/* active & hover links */ +.bs-docs-sidebar .nav>.active>a, +.bs-docs-sidebar .nav>li>a:hover, +.bs-docs-sidebar .nav>li>a:focus { + color: @dark-blue; + text-decoration: none; + background-color: transparent; + border-left-color: @dark-blue; +} +/* all active links */ +.bs-docs-sidebar .nav>.active>a, +.bs-docs-sidebar .nav>.active:hover>a, +.bs-docs-sidebar .nav>.active:focus>a { + font-weight: 700; +} +/* nested active links */ +.bs-docs-sidebar .nav .nav>.active>a, +.bs-docs-sidebar .nav .nav>.active:hover>a, +.bs-docs-sidebar .nav .nav>.active:focus>a { + font-weight: 500; +} + +/* hide inactive nested list */ +.bs-docs-sidebar .nav ul.nav { + display: none; +} +/* show active nested list */ +.bs-docs-sidebar .nav>.active>ul.nav { + display: block; +} + +.back-to-top { + color: @grey; + border-left: 2px solid transparent; + margin-top: 10px; + padding: 4px 10px; + font-size: 1em; + font-weight: 400; + display: block; +} + +/* button */ +/**/ +.btn-c1 { + color: @dark-blue; +} +.btn-c1:hover, .btn-c1:focus, .btn-c1:active, .btn-c1.active, .open>.dropdown-toggle.btn-c1 { + background: @white-75; + color: @dark-blue; + // font-size: 1.1em; +} + +.btn-large { + padding: 0.3em 1em; + font-size: 1.3em; +} + +.btn-xlarge { + padding: 0.5em 3em; + font-size: 1.4em; +} + +.btn-transparent { + background: @white-50; + color: @dark-blue; + border-color: @black; +} + +/* panel */ +/**/ +.panel-default { + border-color: @white; +} + +.panel-default .panel-heading { + background: @white; + border-color: @white; +} + +h1.panel-title { + color: @dark-blue; + font-size: 2.2em; +} +h2.panel-title { + color: @dark-blue; + font-size: 2em; +} +.h3-steps { + margin-top: 1.5em; +} + +/* text */ + +.wordwrap { + word-wrap: break-word; +} +/**/ +h1 { + color: @dark-blue; +} + +h2 { + color: @dark-blue; +} + +h3 { + color: @dark-blue; +} + +.black { + color: @black; +} + +.white { + color: @white; +} + +.h3c { + color: @white; +} + +.h4c { + margin-top: 2em; + font-size: 1.5em; + color: @dark-blue; +} + +.terminology-link { + color: @grey; +} \ No newline at end of file
--- a/documentation/index.html Tue Jan 24 10:21:50 2017 -0500 +++ b/documentation/index.html Fri Feb 03 10:23:09 2017 -0500 @@ -12,10 +12,20 @@ <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> + <link rel="stylesheet" href="../css/normalize.css"> <link href="../css/style.css" rel="stylesheet"> </head> <body> + <div id="content-header"> + </div> + + <div id="content-body"> + </div> + + <div class="container" id="content-footer"> + </div> + <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <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 --> @@ -23,15 +33,9 @@ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> - <div class="container" id="content-header"> - </div> - - <div class="container" id="content-body"> - </div> - + <script src="../js/load-page.js"></script> <script> - $( "#content-header" ).load( "../content/head.1.html" ); - $( "#content-body" ).load( "../content/documentation/content.html" ); + loadContent("documentation"); </script> </body>
--- a/downloads/index.html Tue Jan 24 10:21:50 2017 -0500 +++ b/downloads/index.html Fri Feb 03 10:23:09 2017 -0500 @@ -12,10 +12,20 @@ <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> + <link rel="stylesheet" href="../css/normalize.css"> <link href="../css/style.css" rel="stylesheet"> </head> <body> + <div id="content-header"> + </div> + + <div id="content-body"> + </div> + + <div class="container" id="content-footer"> + </div> + <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <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 --> @@ -23,15 +33,9 @@ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> - <div class="container" id="content-header"> - </div> - - <div class="container" id="content-body"> - </div> - + <script src="../js/load-page.js"></script> <script> - $( "#content-header" ).load( "../content/head.1.html" ); - $( "#content-body" ).load( "../content/downloads/content.html" ); + loadContent("downloads"); </script> </body>
--- a/getting-started/index.html Tue Jan 24 10:21:50 2017 -0500 +++ b/getting-started/index.html Fri Feb 03 10:23:09 2017 -0500 @@ -12,10 +12,20 @@ <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> + <link rel="stylesheet" href="../css/normalize.css"> <link href="../css/style.css" rel="stylesheet"> </head> <body> + <div id="content-header"> + </div> + + <div id="content-body"> + </div> + + <div class="container" id="content-footer"> + </div> + <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <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 --> @@ -23,15 +33,9 @@ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> - <div class="container" id="content-header"> - </div> - - <div class="container" id="content-body"> - </div> - + <script src="../js/load-page.js"></script> <script> - $( "#content-header" ).load( "../content/head.1.html" ); - $( "#content-body" ).load( "../content/getting-started/content.html" ); + loadContent("getting-started"); </script> </body>
--- a/index.html Tue Jan 24 10:21:50 2017 -0500 +++ b/index.html Fri Feb 03 10:23:09 2017 -0500 @@ -12,10 +12,20 @@ <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> + <link rel="stylesheet" href="./css/normalize.css"> <link href="./css/style.css" rel="stylesheet"> </head> <body> + <div id="content-header"> + </div> + + <div id="content-body"> + </div> + + <div class="container-fluid" id="content-footer"> + </div> + <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <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 --> @@ -23,15 +33,9 @@ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> - <div class="container" id="content-header"> - </div> - - <div class="container" id="content-body"> - </div> - + <script src="./js/load-page.js"></script> <script> - $( "#content-header" ).load( "./content/head.html" ); - $( "#content-body" ).load( "./content/home/content.html" ); + loadHome(); </script> </body>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/js/load-page.js Fri Feb 03 10:23:09 2017 -0500 @@ -0,0 +1,13 @@ +function loadHome() { + $("#content-header").load("./content/head.html"); + $("#content-body").load("./content/home/content.html"); +} + +function loadContent(name) { + navname = "nav-" + name; + $("#content-header").load("../content/head.1.html", function() { + $("#" + navname).addClass('active'); + }); + + $("#content-body").load("../content/" + name + "/content.html"); +} \ No newline at end of file