Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Update HTML Structure for GitHub Pages #7885

Open
wants to merge 1 commit into
base: gh-pages
Choose a base branch
from
Open

Update HTML Structure for GitHub Pages #7885

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
287 changes: 106 additions & 181 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,25 +1,25 @@
<link rel="stylesheet" href="../styles/sass/_styles-base.scss"><!DOCTYPE html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
<title>Open MCT - Open Source Mission Control Software — Open MCT</title>
<link rel="icon" type="image/png"
href="static/res/images/favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="static/res/images/favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="static/res/images/favicons/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="static/res/images/favicons/favicon-16x16.png" sizes="16x16">
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="static/res/css/normalize.min.css">
<link rel="stylesheet" href="static/res/css/styles.css">
<link rel="shortcut icon" href="static/res/images/favicons/favicon.ico">

<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
Expand All @@ -44,206 +44,131 @@
<body>
<nav class="wo">
<div class="main-nav wi">
<a href="https://www.nasa.gov"
class="logo logo-bg logo-nasa"
target="_blank"
title="Link to NASA.com"
aria-label="NASA logo"></a>

<a href="./"
class="logo logo-bg logo-openmct"
aria-label="Open MCT logo"></a>

<a href="https://www.nasa.gov" class="logo logo-bg logo-nasa" target="_blank" title="Link to NASA.com" aria-label="NASA logo"></a>
<a href="./" class="logo logo-bg logo-openmct" aria-label="Open MCT logo"></a>
<div class="l-nav-links">
<a href="./"
class="nav-link mobile-sm-only">Home</a>

<a href="about-open-mct/" class="nav-link">About</a></li>

<a href="whos-using-open-mct/" class="nav-link">Who Is Using</a></li>

<a href="getting-started/" class="nav-link">Getting Started</a></li>

<a href="documentation/" class="nav-link">Documentation</a></li>

<a href="plugins/" class="nav-link">Plugins</a></li>

<a href="https://github.com/nasa/openmct/discussions" class="nav-link"
target="_blank" rel="noreferrer" title="Open MCT Github Discussions">Discuss</a>
<a href="https://github.com/nasa/openmct"
class="nav-link t-nav-link-github-repo mobile-sm-only"
target="_blank" rel="noreferrer">Github Repository</a>
<a href="https://github.com/nasa/openmct"
class="logo logo-github"
target="_blank"
aria-label="Link to Open MCT Github repository"
title="Link to Open MCT Github repository"></a>
<a href="./" class="nav-link mobile-sm-only">Home</a>
<a href="about-open-mct/" class="nav-link">About</a>
<a href="whos-using-open-mct/" class="nav-link">Who Is Using</a>
<a href="getting-started/" class="nav-link">Getting Started</a>
<a href="documentation/" class="nav-link">Documentation</a>
<a href="plugins/" class="nav-link">Plugins</a>
<a href="https://github.com/nasa/openmct/discussions" class="nav-link" target="_blank" rel="noreferrer" title="Open MCT Github Discussions">Discuss</a>
<a href="https://github.com/nasa/openmct" class="nav-link t-nav-link-github-repo mobile-sm-only" target="_blank" rel="noreferrer">Github Repository</a>
<a href="https://github.com/nasa/openmct" class="logo logo-github" target="_blank" aria-label="Link to Open MCT Github repository" title="Link to Open MCT Github repository"></a>
</div>

<a class="icon-menu"
onclick="toggleClass('.l-nav-links','expanded')"
aria-label="Main navigation"></a>
<a class="icon-menu" onclick="toggleClass('.l-nav-links','expanded')" aria-label="Main navigation"></a>
</div>
</nav>

<div class="l-main wo">

<div class="p-home">
<div class="t-hero l-hero-holder">
<!--div class="hero-pager"></div><!-- Uncomment when there are multiple heroes -->
<!--div class="l-hero-main hero-intern2017 trans-to-next">
<div class="l-hero-text-bg-fade">
<div class="l-hero-text cols cols-equal wi">
<div class="col col-left">
<img src="static/res/images/macbook-warp-2-m20.png" />
</div>
<div class="col col-right">
<h2>Come Work with Us</h2>
<p>We are hiring! Join us on the Open MCT team and write code that will be used daily in support of NASA’s robotic interplanetary explorers and our upcoming Lunar rover mission.</p>
<a target="_blank" href="http://www.sgt-inc.com/careers/career-opportunities/?p=job/oOxU4fw3&nl=1" class="btn major arw">Find Out More</a>
</div>
</div>
</div>
</div-->
<div class="l-hero-main hero-overview trans-to-next">
<div class="l-hero-text-bg-fade">
<div class="l-hero-text cols cols-equal wi">
<div class="col col-left">
<p><p>Open MCT is a next-generation mission operations data visualization framework.
Web-based, for desktop and mobile.</p>
</p>
</div>
<div class="col col-right">
<a href="https://www.github.com/nasa/openmct"
class="btn major try arw" target="_blank">Get Source</a>
<div class="p-home">
<div class="t-hero l-hero-holder">
<div class="l-hero-main hero-overview trans-to-next">
<div class="l-hero-text-bg-fade">
<div class="l-hero-text cols cols-equal wi">
<div class="col col-left">
<p>Open MCT is a next-generation mission operations data visualization framework. Web-based, for desktop and mobile.</p>
</div>
<div class="col col-right">
<a href="https://www.github.com/nasa/openmct" class="btn major try arw" target="_blank">Get Source</a>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="l-page-section c-developed-by wo">
<div class="cols cols-equal cols--break-sm cols--with-dividers wi">
<div class="col c-developed-by__developed-by">
<h2>Developed By</h2>
<div class="c-wrap-graphic">
<a class="c-developed-by__logo-nisc"
href="https://www.nasa.gov/ames"
target="_blank">
<img src="static/res/images/logo-NASA-Silicon-Valley.png"
alt="NASA in Silicon Valley logo"/>
</a>
<div class="l-page-section c-developed-by wo">
<div class="cols cols-equal cols--break-sm cols--with-dividers wi">
<div class="col c-developed-by__developed-by">
<h2>Developed By</h2>
<div class="c-wrap-graphic">
<a class="c-developed-by__logo-nisc" href="https://www.nasa.gov/ames" target="_blank">
<img src="static/res/images/logo-NASA-Silicon-Valley.png" alt="NASA in Silicon Valley logo"/>
</a>
</div>
</div>
</div>
<div class="col c-developed-by__collaboration-with">
<h2>In Collaboration With</h2>
<div class="c-wrap-graphic">
<a class="c-developed-by__logo-ammos"
href="https://ammos.nasa.gov/"
target="_blank">
<img src="static/res/images/logo-AMMOS.png"
alt="AMMOS logo"/>
</a>

<a class="c-developed-by__logo-jpl"
href="https://www.jpl.nasa.gov/"
target="_blank">
<img src="static/res/images/logo-JPL.png"
alt="JPL logo"/>
</a>
<div class="col c-developed-by__collaboration-with">
<h2>In Collaboration With</h2>
<div class="c-wrap-graphic">
<a class="c-developed-by__logo-ammos" href="https://ammos.nasa.gov/" target="_blank">
<img src="static/res/images/logo-AMMOS.png" alt="AMMOS logo"/>
</a>
<a class="c-developed-by__logo-jpl" href="https://www.jpl.nasa.gov/" target="_blank">
<img src="static/res/images/logo-JPL.png" alt="JPL logo"/>
</a>
</div>
</div>

</div>
</div>
</div>

<div class="l-page-section l-graphic-boxes bg l-boxes wo">
<div class="cols cols-equal wi">
<div class="col t-what-is">
<div class="c-wrap">
<h2>How is NASA using Open MCT?</h2>
<p><p>Software based on Open MCT is in use as a data visualization tool in support of multiple missions at the Jet Propulsion Laboratory, and at NASA's Ames Research Center to support the development of lunar rover mission concepts.</p>
<p><a href="about-open-mct#how-nasa-using" class="arw">Find out more</a></p>
</p>
</div>
<div class="c-wrap graphic">
<img class="graphic" src="static/res/images/graphic-operator-dishes-rover.svg" alt="end user, communication dishes, and rover"/>
</div>
</div>
<div class="col t-how-use">
<div class="c-wrap">
<h2>How Can You Use Open MCT?</h2>
<p><p>Open MCT can be adapted for planning and operations of any system that produces telemetry. While Open MCT is developed to support space missions, its core concepts are not unique to that domain. It can display streaming and historical data, imagery, timelines, procedures, and other data visualizations, all in one place.</p>
<p><a href="about-open-mct#possibilities" class="arw">Learn more</a></p>
</p>
</div>
<div class="c-wrap graphic">
<img class="graphic" src="static/res/images/graphic-sat-rocket-rover.svg" alt="satellite, rocket, balloon, and rover"/>
<div class="l-page-section l-graphic-boxes bg l-boxes wo">
<div class="cols cols-equal wi">
<div class="col t-what-is">
<div class="c-wrap">
<h2>How is NASA using Open MCT?</h2>
<p>Software based on Open MCT is in use as a data visualization tool in support of multiple missions at the Jet Propulsion Laboratory, and at NASA's Ames Research Center to support the development of lunar rover mission concepts.</p>
<p><a href="about-open-mct#how-nasa-using" class="arw">Find out more</a></p>
</div>
<div class="c-wrap graphic">
<img class="graphic" src="static/res/images/graphic-operator-dishes-rover.svg" alt="end user, communication dishes, and rover"/>
</div>
</div>
</div>
<div class="col t-contrib">
<div class="c-wrap">
<h2>How to Contribute</h2>
<p><p>We are looking for enthusiastic people who want to help contribute to NASA’s exploration of the solar system. Are you a student, professional software developer, or just a space enthusiast? We’d love to hear your ideas for new features or ways of visualizing data. If you’re a coder you can help us develop new features or capabilities, and fix bugs.</p>
<p><a href="https://github.com/nasa/openmctweb/blob/master/CONTRIBUTING.md" class="arw">Get more info</a></p>
</p>
<div class="col t-how-use">
<div class="c-wrap">
<h2>How Can You Use Open MCT?</h2>
<p>Open MCT can be adapted for planning and operations of any system that produces telemetry. While Open MCT is developed to support space missions, its core concepts are not unique to that domain. It can display streaming and historical data, imagery, timelines, procedures, and other data visualizations, all in one place.</p>
<p><a href="about-open-mct#possibilities" class="arw">Learn more</a></p>
</div>
<div class="c-wrap graphic">
<img class="graphic" src="static/res/images/graphic-sat-rocket-rover.svg" alt="satellite, rocket, balloon, and rover"/>
</div>
</div>
<div class="c-wrap graphic">
<img class="graphic" src="static/res/images/graphic-puzzle-pieces.svg" alt="puzzle pieces"/>
<div class="col t-contrib">
<div class="c-wrap">
<h2>How to Contribute</h2>
<p>We are looking for enthusiastic people who want to help contribute to NASA’s exploration of the solar system. Are you a student, professional software developer, or just a space enthusiast? We’d love to hear your ideas for new features or ways of visualizing data. If you’re a coder you can help us develop new features or capabilities, and fix bugs.</p>
<p><a href="https://github.com/nasa/openmctweb/blob/master/CONTRIBUTING.md" class="arw">Get more info</a></p>
</div>
<div class="c-wrap graphic">
<img class="graphic" src="static/res/images/graphic-puzzle-pieces.svg" alt="puzzle pieces"/>
</div>
</div>
</div>
</div>
</div>

<div class="l-page-section t-feature l-start-using wo">
<div class="wi">
<h1>Developers: Start Using Open MCT</h1>
<div class="cols cols-equal">
<div class="col col-left">
<ul class="t-list-steps t-list-code no-bullets">
<li>
<p><b>1</b>Clone the source code</p>
<label for="code-line-1">git clone https://github.com/nasa/openmct.git</label>
<input id="code-line-1" readonly class="code-wrapper" value="git clone https://github.com/nasa/openmct.git" onClick="this.setSelectionRange(0, this.value.length)" />
</li>
<li>
<p><b>2</b>Install development Dependencies</p>
<label for="code-line-2">npm install</label>
<input id="code-line-2" readonly class="code-wrapper" value="npm install" onClick="this.setSelectionRange(0, this.value.length)" />
</li>
<li>
<p><b>3</b>Run a local development server</p>
<label for="code-line-3">npm start</label>
<input id="code-line-3" readonly class="code-wrapper" value="npm start" onClick="this.setSelectionRange(0, this.value.length)" />
</li>
</ul>
</div>

<div class="col col-right">
<p>Running and building Open MCT in your local dev environment is very easy. Be sure you have <a href="https://git-scm.com/downloads" target="_blank">Git</a> and <a href="https://nodejs.org/" target="_blank">Node.js</a> installed, then follow the directions on the left. Need additional information? Check out our <a href="getting-started">Getting Started</a> page.</p>

</div>

<div class="l-page-section t-feature l-start-using wo">
<div class="wi">
<h1>Developers: Start Using Open MCT</h1>
<h2>To get started, check out the <a href="getting-started/" class="arw">Getting Started guide</a> or explore the <a href="documentation/" class="arw">Documentation</a>.</h2>
</div>
</div>
</div>
</div>

</div>
<div class="l-page-section t-footer wo">
<div class="t-footer-content wi">
<ul class="list-vertical no-bullets">
<li>Site Editor <b>Andrew Henry</b></li>
<li>NASA Official <b>Jay Trimble</b></li>
</ul>
<ul class="list-vertical no-bullets">
<li><a href="https://www.nasa.gov/about/highlights/HP_Privacy.html" target="_blank">Privacy Policy and
Important Notices</a></li>
<li><a href="https://www.usa.gov/" target="_blank">USA.gov</a></li>
</ul>
</div>
<div class="l-page-section t-join-us wo">
<div class="wi">
<h1>Come Work with Us</h1>
<p>Check out our job openings to join the team at NASA's Ames Research Center.</p>
<a href="https://www.nasa.gov/ames" class="btn major arw" target="_blank">View Job Openings</a>
</div>
</div>

</div>
</div> <!-- End of p-home -->

</div>
<footer class="footer wo">
<div class="footer-container">
<div class="footer-links">
<a href="./">Home</a>
<a href="about-open-mct/">About</a>
<a href="whos-using-open-mct/">Who Is Using</a>
<a href="getting-started/">Getting Started</a>
<a href="documentation/">Documentation</a>
<a href="plugins/">Plugins</a>
</div>
<div class="footer-credits">
<p>&copy; 2024 NASA. All rights reserved.</p>
</div>
</div>
</footer>
</div> <!-- End of l-main -->
</body>
</html>