<!-------------------------------------------------------------------------------
 - Copyright (c) 2013, 2014 The Eclipse Scout Team and UT-Battelle, LLC.
 - All rights reserved. This program and the accompanying materials
 - are made available under the terms of the Eclipse Public License v1.0
 - which accompanies this distribution, and is available at
 - http://www.eclipse.org/legal/epl-v10.html
 -
 - Contributors:
 -   Initial API and implementation and/or initial documentation: The Eclipse 
 -   Scout Team
 -   Modifications for the Eclipse ICE website: Jay Jay Billings
 -
 - Author Note:
 -   This page was largely developed by copying code from www.jayjaybillings.org
 -   and from www.eclipse.org/scout. In both cases, style files and html were
 -   modified. Some parts of the code may be taken from the original Eclipse ICE
 -   website, which was developed by Christopher Guindon and Taylor Patterson.
 -
 -   Jay Jay Billings, 20161016
 ------------------------------------------------------------------------------->

<!-- HTML5 Doc Type Declaration -->
<!DOCTYPE html>
<html>

<!-- Create the header -->
<head>

<!-- Set the metadata type and the browser title -->
<meta charset="utf-8">
<title>Eclipse ICE</title>

<!-- This next bit adds all the little browser favicons that show up in tabs
and bookmarks and other such things. -->
<link rel="apple-touch-icon" sizes="57x57"
	href="images/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60"
	href="images/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72"
	href="images/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76"
	href="images/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114"
	href="images/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120"
	href="images/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144"
	href="images/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152"
	href="images/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180"
	href="images/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192"
	href="images/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32"
	href="images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96"
	href="images/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16"
	href="images/favicon-16x16.png">
<link rel="manifest" href="images/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage"
	content="images/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">

<!-- Bootstrap CSS file link. This is Bootstrap 3.0.2, not 2.3.2! -->
<link rel="stylesheet" href="css/bootstrap.css" type="text/css">
<!-- Stylesheet from Bootstrap examples to pad the navbar -->
<link href="css/navbar.css" rel="stylesheet" type="text/css">
<!-- Extra style file with custom settings from Eclipse Scouts -->
<link rel="stylesheet" href="css/style.css" type="text/css">

</head>

<!-- Create the body -->
<body>

	<!-- This file includes the two main parts of the body section of each page - 
the navbar and the carousel. -->

	<!-- Create the Navbar -->
	<nav class="navbar navbar-default" role="navigation">
		<!-- Create the outermost container that will center everything -->
		<div class="container">
			<!-- Add the header -->
			<div class="navbar-header">
				<div class="navbar-header">
					<!-- This adds a button to toggle nav bar -->
					<button type="button" class="navbar-toggle">
						<span class="sr-only">Toggle navigation</span> <span
							class="icon-bar"></span> <span class="icon-bar"></span> <span
							class="icon-bar"></span>
					</button>
					<!-- Insert a logo with a link to the intro section -->
					<a class="navbar-brand slide-to-section" href="#intro">Eclipse
						ICE</a>
				</div>
			</div>
			<!-- Add the links -->
			<div class="collapse navbar-collapse">
				<ul class="nav navbar-nav">
					<!-- This contains multiple links including the wiki links and dev links. -->
					<li class="dropdown"><a href="#">Resources</a>
						<ul class="dropdown-menu" role="menu">
							<li><a target="_blank" href="https://wiki.eclipse.org/ICE">Wiki</a></li>
							<li><a target="_blank"
								href="https://wiki.eclipse.org/ICE_Developer_Documentation">Developer
									Documentation</a></li>
							<li><a target="_blank"
								href="https://projects.eclipse.org/projects/technology.ice">Eclipse
									Project Page</a></li>
						</ul></li>
					<!--  The downloads menu lists binaries and source. -->
					<li class="dropdown"><a href="#">Downloads</a>
						<ul class="dropdown-menu" role="menu">
							<li><a target="_blank"
								href="http://www.eclipse.org/downloads/download.php?file=/ice/builds/master/">Binaries</a></li>
							<li><a target="_blank" href="https://github.com/eclipse/ice">GitHub
									Repo</a></li>
						</ul></li>
					<!-- ICE has two sources of tutorials - the wiki and those from events. -->
					<li class="dropdown"><a href="#">Tutorials</a>
						<ul class="dropdown-menu" role="menu">
							<li><a target="_blank"
								href="http://eclipseice.ornl.gov/downloads/ice/tutorials/">In-Depth
									Tutorials</a></li>
							<li><a target="_blank"
								href="https://wiki.eclipse.org/ICE_Tutorials">Short Wiki
									Tutorials</a></li>
						</ul></li>
					<!-- All the contact info is at the bottom of this page. -->
					<li><a href="#contact-us">Contact</a></li>
				</ul>
			</div>
			<!-- End container -->
		</div>
		<!-- End Navbar -->
	</nav>

	<!-- Start the "intro" banner image section -->
	<div class="wrapper">
		<div class="intro" id="intro">
			<div class="intro-image">
				<img src="images/ice-banner.png" height="626" width="1920" alt="" />
				<!-- End intro-image -->
			</div>
			<!-- This section creates the text in the middle -->
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="intro-inner">
							<div class="intro-content">
								<h1>Eclipse ICE</h1>
								<p>The Integrated Computational Environment</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- End intro -->
		</div>


		<!-- All of the "real" content of the site below the central image starts here. -->
		<div class="main">
			<div class="content">

				<!-- Start the "What is ICE?" section -->
				<section class="section-whatis">
					<div class="container">
						<div class="row">
							<div class="section-head">
								<h3>What is ICE?</h3>
								<p>The Eclipse Integrated Computational Environment (ICE) is
									a scientific workbench and workflow environment developer to
									improve the user experience for computational scientists. ICE
									makes it possible for developers to deploy rich, graphical,
									interactive capabilities for their science codes, and integrate
									many different scientific computing technologies in one common,
									cross-platform user environment.</p>
								<!--  End section-head -->
							</div>
						</div>
					</div>
				</section>

				<!-- Start the "Define Problems" section -->
				<div class="white-spacer"></div>
				<section class="section-with-image" id="section-with-image">
					<div class="container">
						<div class="row">
							<!-- This is the left side of the row where the text goes -->
							<div class="col-md-9">
								<div class="section-imagine-on-right-content">
									<h2>
										<b>DEFINE</b> PROBLEMS
									</h2>
									<p>Use rich forms to interactively define problems and edit
										input files for scientific problems. You can even extend ICE
										to support your own code through the friendly developer API.</p>
									<!-- End section-define-problems-content -->
								</div>
								<!-- End content column -->
							</div>
							<!-- End right col -->

							<!--  The is the right side of the row where the image goes -->
							<div class="col-md-3">
								<div class="section-imagine-on-right-image">
									<img class="img-responsive"
										src="images/define-problems_150x150.png" alt="" />
									<!-- End section-define-problems-image -->
								</div>
								<!-- End image column.. -->
							</div>
							<!-- End row -->
						</div>
						<!-- End container-->
					</div>
					<!-- End section define problems -->
				</section>

				<!-- Start the "Run Simulations" section -->
				<div class="white-spacer"></div>
				<section class="section-with-image" id="section-with-image">
					<div class="container">
						<div class="row">
							<!--  The is the right side of the row where the image goes -->
							<div class="col-md-3">
								<div class="section-imagine-on-right-image">
									<img class="img-responsive"
										src="images/run-simulations_150x150.png" alt="" />
									<!-- End section-define-problems-image -->
								</div>
								<!-- End image column.. -->
							</div>

							<!-- This is the left side of the row where the text goes -->
							<div class="col-md-9">
								<div class="section-imagine-on-right-content">
									<h2>
										<b>RUN</b> SIMULATIONS
									</h2>
									<p>ICE can run simulations locally or remotely. It can even
										push your jobs to supercomputers! You can monitor resources or
										the queue while your at it. If you add a plugin for you code,
										you can even stream back results while it runs.</p>
									<!-- End section-define-problems-content -->
								</div>
								<!-- End content column -->
							</div>

							<!-- End row -->
						</div>
						<!-- End container-->
					</div>
					<!-- End section define problems -->
				</section>

				<!-- Start the "Analyze Outputs" section -->
				<div class="white-spacer"></div>
				<section class="section-with-image" id="section-with-image">
					<div class="container">
						<div class="row">
							<!-- This is the left side of the row where the text goes -->
							<div class="col-md-9">
								<div class="section-imagine-on-right-content">
									<h2>
										<b>ANALYZE</b> OUTPUTS
									</h2>
									<p>Whether your data is simply plottable or requires big 3D
										visualization tools like Paraview and Visit, ICE can help you
										analyze it!</p>
									<!-- End section-define-problems-content -->
								</div>
								<!-- End content column -->
							</div>

							<!--  The is the right side of the row where the image goes -->
							<div class="col-md-3">
								<div class="section-imagine-on-right-image">
									<img class="img-responsive"
										src="images/analyze-outputs_150x150.png" alt="" />
									<!-- End section-define-problems-image -->
								</div>
								<!-- End image column.. -->
							</div>
							<!-- End row -->
						</div>
						<!-- End container-->
					</div>
					<!-- End section define problems -->
				</section>

				<!-- Start the "Analyze Outputs" section -->
				<div class="white-spacer"></div>
				<section class="section-with-image" id="section-with-image">
					<div class="container">
						<div class="row">
							<!--  The is the right side of the row where the image goes -->
							<div class="col-md-3">
								<div class="section-imagine-on-right-image">
									<img class="img-responsive"
										src="images/archive-data_150x150.png" alt="" />
									<!-- End section-define-problems-image -->
								</div>
								<!-- End image column.. -->
							</div>

							<!-- This is the left side of the row where the text goes -->
							<div class="col-md-9">
								<div class="section-imagine-on-right-content">
									<h2>
										<b>ARCHIVE</b> DATA
									</h2>
									<p>Use ICE to remotely connect to your servers to store
										data you just generated or to pull down new data for your next
										problem. If you made changes to your code, you can even
										interact with your repository using Eclipse's built-in tools.</p>
									<!-- End section-define-problems-content -->
								</div>
								<!-- End content column -->
							</div>

							<!-- End row -->
						</div>
						<!-- End container-->
					</div>
					<!-- End section define problems -->
				</section>

				<!-- Start the "Contact" section -->
				<div class="white-spacer"></div>
				<section class="section-contact" id="contact-us">
					<div class="container">
						<h2>Contact Us</h2>
						<!-- GMail address -->
						<div class="row">
							<div class="col-md-3 contact">
								<a href="mailto:eclipse.ice.project@gmail.com" target="_top"><img
									src="images/email.png" alt="Direct
									Email"></a>
							</div>
							<!-- User's list -->
							<div class="col-md-3 contact">
								<a href="https://dev.eclipse.org/mailman/listinfo/ice-users">
									<img src="images/users.png" alt="User's List">
								</a>
							</div>
							<!-- Developer's list-->
							<div class="col-md-3 contact">
								<a href="https://dev.eclipse.org/mailman/listinfo/ice-dev">
									<img src="images/devs.png" alt="Dev List">
								</a>
							</div>
							<!-- Bugs-->
							<div class="col-md-3 contact">
								<a href="https://github.com/eclipse/ice/issues"><img
									src="images/bugs.png" alt="Reports Bugs"></a>
							</div>
						</div>
					</div>
					<!-- /.container -->
				</section>
				<!-- /.section-contact -->


				<!-- End content -->
			</div>
			<!-- End main -->
		</div>

		<!-- This is the footer at the very bottom of the page with the legal information -->
		<footer class="footer">
			<a href="#" class="footer-toggler">show/hide footer</a> <a
				target="_blank" href="http://www.eclipse.org" class="lnk-footer">Eclipse
				Home</a> <a target="_blank"
				href="http://www.eclipse.org/legal/privacy.php" class="lnk-footer">Privacy
				Policy</a> <a target="_blank"
				href="http://www.eclipse.org/legal/termsofuse.php"
				class="lnk-footer">Terms of Use</a> <a target="_blank"
				href="http://www.eclipse.org/legal/copyright.php" class="lnk-footer">Copyright
				Agent</a> <a target="_blank" href="http://www.eclipse.org/legal"
				class="lnk-footer">Legal</a>

			<!-- We'll add these back later.
			    <a target="_blank" href="https://twitter.com/EclipseScout" class="btn-social"><i class="fa fa-twitter-square"></i></a>
				<a target="_blank" href="http://www.bsi-software.com/scout" class="btn-social"><i class="fa fa-rss-square"></i></a>
				<a target="_blank" href="https://plus.google.com/103593107241008270960" class="btn-social"><i class="fa fa-google-plus-square"></i></a>
				<a target="_blank" href="https://www.facebook.com/EclipseScout" class="btn-social"><i class="fa fa-facebook-square"></i></a>
				<a target="_blank" href="https://www.youtube.com/user/eclipsescout" class="btn-social"><i class="fa fa-youtube-square"></i></a>
			-->
			<!-- End the footer -->
		</footer>

		<!-- End wrapper -->
	</div>

	<!-- Include JQuery and Bootstrap scripts. Putting them at the end preserves 
		website performance (the heavy stuff loads last). JQuery must be loaded
		before bootstrap. -->
	<script src="js/jquery.js"></script>
	<script src="js/bootstrap.js"></script>

	<!-- End the body -->
</body>

<!-- End the document -->
</html>