diff --git a/.gitattributes b/.gitattributes index 9ac723b..d77614c 100644 --- a/.gitattributes +++ b/.gitattributes @@ -1,3 +1,4 @@ *.png filter=lfs diff=lfs merge=lfs -text *.webm filter=lfs diff=lfs merge=lfs -text *.mov filter=lfs diff=lfs merge=lfs -text +*.mp4 filter=lfs diff=lfs merge=lfs -text diff --git a/src/components/HomepageCards/index.js b/src/components/HomepageCards/index.js new file mode 100644 index 0000000..bfbe816 --- /dev/null +++ b/src/components/HomepageCards/index.js @@ -0,0 +1,280 @@ +import React from 'react'; +import clsx from 'clsx'; +import styles from './styles.module.css'; +import { useColorMode } from '@docusaurus/theme-common'; + +const FeatureList = [ + { + title: 'Seamless workflow from planning to commanding', + Img: require('@site/static/img/cards/aerie-feature-planning-commanding-light.png').default, + ImgDark: require('@site/static/img/cards/aerie-feature-planning-commanding-dark.png').default, + size: 'col--8', + description: ( + <> + Build sequences and commands that execute on-board a spacecraft directly from activities in your plans. Author + and refine sequences derived from your command dictionary. + + ), + }, + { + title: 'Extensible mission modeling and simulation', + Img: require('@site/static/img/cards/aerie-feature-mission-modeling-light.png').default, + ImgDark: require('@site/static/img/cards/aerie-feature-mission-modeling-dark.png').default, + size: 'col--4', + description: ( + <> + Model your system with access to the entire Java ecosystem. Validate plans against your models using Aerie's + discrete event simulator through the user interface or Aerie API. + + ), + }, + { + title: 'Real-time collaboration and versioning', + Img: require('@site/static/img/cards/aerie-feature-collaboration-light.png').default, + ImgDark: require('@site/static/img/cards/aerie-feature-collaboration-dark.png').default, + size: 'col--4', + description: ( + <> + Create, modify, and test out plans together in real time from across the world. Or make branches, edit them + asynchronously, and merge them together when you're ready. + + ), + }, + { + title: 'Low-code scheduling and rule checking', + Img: require('@site/static/img/cards/aerie-feature-rule-checking-light.png').default, + ImgDark: require('@site/static/img/cards/aerie-feature-rule-checking-dark.png').default, + size: 'col--8', + description: ( + <> + Automate plan creation with prioritized scheduling goals. Author constraints, evaluate them against a simulation + of your plan, and visualize violations on the plan timeline. + + ), + }, +]; + +const GetStartedList = [ + { + title: 'For Mission Planners', + Img: require('@site/static/img/cards/aerie-getstarted-mission-planners-light.png').default, + ImgDark: require('@site/static/img/cards/aerie-getstarted-mission-planners-dark.png').default, + size: 'col--4', + link: '/aerie-docs/category/planning/', + linkTitle: 'Planning docs', + description: ( + <> + Create a viable plan that meets mission objectives while adhering to all constraints throughout the project + lifecycle. + + ), + }, + { + title: 'For Systems Engineers', + Img: require('@site/static/img/cards/aerie-getstarted-systems-engineers-light.png').default, + ImgDark: require('@site/static/img/cards/aerie-getstarted-systems-engineers-dark.png').default, + size: 'col--4', + // link: '/aerie-docs/category/planning/', + // linkTitle: 'Planning docs', + description: <>Analyze and inform spacecraft design and architecture during development., + }, + { + title: 'For Spacecraft Operators', + Img: require('@site/static/img/cards/aerie-getstarted-spacecraftops-light.png').default, + ImgDark: require('@site/static/img/cards/aerie-getstarted-spacecraftops-dark.png').default, + size: 'col--4', + // link: '/aerie-docs/category/planning/', + // linkTitle: 'Planning docs', + description: ( + <> + Build and collaboratively iterate on an integrated plan and set of commands that meets plan goals and + constraints. + + ), + }, + { + title: 'Open source and zero cost', + Img: require('@site/static/img/cards/aerie-getstarted-opensource-light.png').default, + ImgDark: require('@site/static/img/cards/aerie-getstarted-opensource-dark.png').default, + size: 'col--4', + link: 'https://opensource.org/license/mit/', + linkTitle: 'MIT License', + description: ( + <>Community driven flexible workspace designed to support flagship missions to exploratory proposals. + ), + }, + { + title: 'Quick set up and customization', + Img: require('@site/static/img/cards/aerie-getstarted-customize-light.png').default, + ImgDark: require('@site/static/img/cards/aerie-getstarted-customize-dark.png').default, + size: 'col--8', + link: '/aerie-docs/introduction/#fast-track', + linkTitle: 'Aerie quick start', + description: ( + <> + Aerie was designed from the ground up to be easily installed and used to get your mission up and running + quickly. Aerie lets you focus on your mission, and we'll do the chores. + + ), + }, +]; + +const LearnMoreList = [ + { + title: 'Ask a question on Slack', + Img: require('@site/static/img/cards/aerie-learn-slack.png').default, + ImgDark: require('@site/static/img/cards/aerie-learn-slack-dark.png').default, + size: 'col--4', + link: 'https://join.slack.com/t/nasa-ammos/shared_invite/zt-1mlgmk5c2-MgqVSyKzVRUWrXy87FNqPw', + linkTitle: 'Join Slack', + description: ( + <>Say hi or get help by joining our Slack conversations or posting a question in our GitHub discussions. + ), + }, + { + title: 'Discuss or contribute on Github', + Img: require('@site/static/img/cards/aerie-learn-github.png').default, + ImgDark: require('@site/static/img/cards/aerie-learn-github-dark.png').default, + size: 'col--4', + link: 'https://github.com/NASA-AMMOS/aerie', + linkTitle: 'Aerie on Github', + description: ( + <>Post a question in GitHub discussions, or contribute back and help make Aerie even better than it is today. + ), + }, + { + title: 'Sign up for news and updates', + Img: require('@site/static/img/cards/aerie-learn-googlegroup.png').default, + ImgDark: require('@site/static/img/cards/aerie-learn-googlegroup-dark.png').default, + size: 'col--4', + link: 'https://groups.google.com/u/3/g/aerie-users', + linkTitle: 'Aerie Users Group', + description: <>Stay up-to-date on the latest news and releases by joining the Aerie Users Google Group., + }, + { + title: 'Dive into the docs', + size: 'col--4', + links: [ + { url: '/aerie-docs/overview/concept-of-operations/', text: 'Concept of Operations' }, + { url: '/aerie-docs/overview/software-design-document/', text: 'Software Design Document' }, + { url: '/aerie-docs/mission-modeling/introduction/', text: 'Mission Modeling' }, + { url: '/aerie-docs/category/planning/', text: 'Planning' }, + { url: '/aerie-docs/constraints/introduction/', text: 'Constraints' }, + { url: '/aerie-docs/java-docs/introduction/', text: 'Java Docs' }, + ], + description: <>See the details of how different components work in Aerie., + }, + { + title: 'Explore a universe of extensions', + Img: require('@site/static/img/cards/aerie-learn-extensions.png').default, + ImgDark: require('@site/static/img/cards/aerie-learn-extensions-dark.png').default, + size: 'col--4', + link: '/aerie-docs/introduction/#fast-track', + linkTitle: 'Coming soon', + description: ( + <> + Project and community members have begun to build a marketplace of extensions you can use to jump start your + modeling and ground system integration efforts. + + ), + }, + { + title: 'Something else?', + size: 'col--4', + link: 'support@aerie.ammos.nasa.gov', + linkTitle: 'support@aerie.ammos.nasa.gov', + description: ( + <> + Have a specific quesion that you'd like help with? Curious to speak with someone directly? Send us an email and + we can find to chat or demo Aerie. + + ), + }, +]; + +function Feature({ Img, ImgDark, title, description, size, link, linkTitle, links }) { + const { colorMode } = useColorMode(); + + return ( +
+
+
+

{title}

+
+
+
+

{description}

+ {links && ( + + )} +
+ + {Img && {title}} + + {link && ( +
+ {linkTitle === 'Coming soon' ? ( +

Coming soon

+ ) : ( + + {linkTitle} + → + + )} +
+ )} +
+
+
+ ); +} + +export function HomepageFeatures() { + return ( +
+
+
+ {FeatureList.map((props, idx) => ( + + ))} +
+
+
+ ); +} + +export function HomepageGetStarted() { + return ( +
+
+
+ {GetStartedList.map((props, idx) => ( + + ))} +
+
+
+ ); +} + +export function HomepageLearnMore() { + return ( +
+
+
+ {LearnMoreList.map((props, idx) => ( + + ))} +
+
+
+ ); +} diff --git a/src/components/HomepageCards/styles.module.css b/src/components/HomepageCards/styles.module.css new file mode 100644 index 0000000..29cf400 --- /dev/null +++ b/src/components/HomepageCards/styles.module.css @@ -0,0 +1,72 @@ +.cardSection { + display: flex; + align-items: center; + padding: 1rem; + width: 100%; + background-color: var(--ifm-hero-background-color); +} + +.featureSection { + margin-bottom: 2rem; +} + +.card { + height: 100%; + background-color: var(--ifm-color-secondary-lightest); + border: 1px solid var(--ifm-color-secondary-light); + border-radius: 0.25rem; + margin-bottom: 1rem; + overflow: hidden; + box-shadow: var(--card-shadow); + position: relative; + margin-bottom: 2rem; +} + +.cardBody { + display: flex; + flex-direction: column; + height: 100%; + justify-content: space-between; + padding-bottom: 0; + color: var(--ifm-color-secondary-dark); +} + +.cardBody > :last-child { + align-self: flex-end; +} + +.cardImg { + height: auto; + width: calc(100% + 2rem); + margin: -6rem -1rem -1rem -1rem; + padding-bottom: 2rem; + object-fit: scale-down; + max-width: none; + max-height: 300px; +} + +.cardFooter { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0.5rem 1rem; + background-color: var(--ifm-color-secondary-lightest); + border-top: 1px solid var(--ifm-color-secondary-light); + position: absolute; + opacity: 0.8; + bottom: 0; + left: 0; + right: 0; + z-index: 10; + backdrop-filter: blur(10px); +} + +.cardDescription { + max-width: 32rem; +} + +.linksList { + list-style-type: none; + margin: 0; + padding: 0; +} diff --git a/src/components/HomepageFooter/index.js b/src/components/HomepageFooter/index.js new file mode 100644 index 0000000..30f0fa6 --- /dev/null +++ b/src/components/HomepageFooter/index.js @@ -0,0 +1,100 @@ +import React from 'react'; +import clsx from 'clsx'; +import styles from './styles.module.css'; +import { useColorMode } from '@docusaurus/theme-common'; + +const links = [ + { + category: 'Resources', + label: 'Quick Start', + href: '/aerie-docs/introduction/#fast-track', + type: 'link', + }, + { + category: 'Resources', + label: 'Documentation', + href: '/aerie-docs/introduction/', + type: 'link', + }, + { + category: 'Resources', + label: 'Github', + href: 'https://github.com/NASA-AMMOS/aerie', + type: 'link', + }, + { + category: 'Learn more', + label: 'NASA-AMMOS Slack', + href: 'https://join.slack.com/t/nasa-ammos/shared_invite/zt-1mlgmk5c2-MgqVSyKzVRUWrXy87FNqPw', + type: 'link', + }, + { + category: 'Learn more', + label: 'Aerie Users Group', + href: 'https://groups.google.com/u/3/g/aerie-users', + type: 'link', + }, + { + category: 'Learn more', + label: 'aerie-support@googlegroups.com', + href: 'mailto:aerie-support@googlegroups.com', + type: 'link', + }, +]; + +export function HomepageFooter() { + const { colorMode } = useColorMode(); + // linksByCategory = groupByCategory(links); + + // console.log(linksByCategory); + + return ( +
+
+
+
+ +
    +
  • + AMMOS | Advanced Multi-Mission Operations System +
    • +
  • + Multimission Ground System Services (MGSS) +
    • +
+
+ +
+

Resources

+
    + {links + .filter(link => link.category === 'Resources') + .map(link => ( +
  • + + {link.label} + +
    • + ))} +
+
+ +
+

Contact

+
    + {links + .filter(link => link.category === 'Learn more') + .map(link => ( +
  • + + {link.label} + +
    • + ))} +
+
+
+
+
+ ); +} diff --git a/src/components/HomepageFooter/styles.module.css b/src/components/HomepageFooter/styles.module.css new file mode 100644 index 0000000..e7d7be8 --- /dev/null +++ b/src/components/HomepageFooter/styles.module.css @@ -0,0 +1,67 @@ +.sectionHeader { + color: var(--ifm-color-secondary-dark); + text-align: center; + font-size: 1rem; + font-style: normal; + font-weight: 700; + line-height: 120%; /* 1.8rem */ + letter-spacing: 0.105rem; + justify-content: center; + text-transform: uppercase; + flex-grow: 1; +} + +.videoSection { + display: flex; + align-items: center; + justify-content: center; + width: 100%; + height: auto; + border-top: 1px solid var(--ifm-color-secondary-light); + border-bottom: 1px solid var(--ifm-color-secondary-light); + border-radius: 0.5rem; + overflow: hidden; +} + +.logo { + width: 7rem; + flex-grow: 1; + padding-bottom: 0.75rem; +} + +.grid { + display: flex; +} + +.gridItem { + flex-grow: 1; +} +@media screen and (max-width: 996px) { + .grid { + flex-direction: column; + gap: 2rem; + padding: 2rem; + } +} + +.footerList { + list-style-type: none; + margin: 0; + padding: 0; +} + +.footerHeader { + font-size: 1rem; + font-weight: 500; +} + +.footerLink { + color: var(--ifm-color-secondary-dark); +} + +.section { + background-color: var(--ifm-color-secondary-lightest); + margin-bottom: 0; + padding-top: 5rem; + padding-bottom: 5rem; +} diff --git a/src/components/HomepageLogos/index.js b/src/components/HomepageLogos/index.js new file mode 100644 index 0000000..3c09379 --- /dev/null +++ b/src/components/HomepageLogos/index.js @@ -0,0 +1,84 @@ +import React from 'react'; +import clsx from 'clsx'; +import styles from './styles.module.css'; +import { useColorMode } from '@docusaurus/theme-common'; + +const MissionPartners = [ + { + name: 'Europa Clipper', + Img: require('@site/static/img/missions/europa-logo-light.png').default, + ImgDark: require('@site/static/img/missions/europa-logo-dark.png').default, + size: 'col--6', + }, + { + name: 'Mars Sample Return', + Img: require('@site/static/img/missions/msr-light.png').default, + ImgDark: require('@site/static/img/missions/msr-dark.png').default, + size: 'col--6', + }, +]; + +const Sponsors = [ + { + name: 'NASA', + Img: require('@site/static/img/missions/nasa-logo.png').default, + ImgDark: require('@site/static/img/missions/nasa-logo.png').default, + size: 'col--6', + }, + { + name: 'JPL', + Img: require('@site/static/img/missions/jpl-logo.png').default, + ImgDark: require('@site/static/img/missions/jpl-logo.png').default, + size: 'col--6', + }, + { + name: 'Goddard Space Flight Ceneter', + Img: require('@site/static/img/missions/goddard-logo-dark.png').default, + ImgDark: require('@site/static/img/missions/goddard-logo-light.png').default, + size: 'col--6', + }, +]; + +function Logo({ name, Img, ImgDark }) { + const { colorMode } = useColorMode(); + + return ( +
+ {`${name} +
+ ); +} + +export function HomepageMissionPartners() { + return ( +
+
+
+

Trusted by NASA mission partners

+
+ {MissionPartners.map((props, idx) => ( + + ))} +
+
+
+
+ ); +} + +export function HomepageSponsors() { + return ( +
+
+
+

Thank you to our sponsors

+
+ {Sponsors.map((props, idx) => ( + + ))} +
+
+
+
+ ); +} diff --git a/src/components/HomepageLogos/styles.module.css b/src/components/HomepageLogos/styles.module.css new file mode 100644 index 0000000..0b98782 --- /dev/null +++ b/src/components/HomepageLogos/styles.module.css @@ -0,0 +1,47 @@ +.sectionHeader { + color: var(--ifm-color-secondary-dark); + text-align: center; + font-size: 1rem; + font-style: normal; + font-weight: 700; + line-height: 120%; /* 1.8rem */ + letter-spacing: 0.105rem; + justify-content: center; + text-transform: uppercase; + flex-grow: 1; + margin: 0; +} + +.logoSection { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; + width: 100%; + height: auto; + border-top: 1px solid var(--ifm-color-secondary-light); + border-bottom: 1px solid var(--ifm-color-secondary-light); + padding-top: 1rem; + padding-bottom: 1rem; + margin-bottom: 4rem; +} + +.section { + padding-top: 2rem; + padding-bottom: 2rem; + padding-right: 0; + background-color: var(--ifm-hero-background-color); +} + +.logoWrapper { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + gap: 4rem; + flex-grow: 1; +} + +.featureImg { + max-height: 6rem; +} diff --git a/src/components/HomepageTestimonials/index.js b/src/components/HomepageTestimonials/index.js new file mode 100644 index 0000000..028310b --- /dev/null +++ b/src/components/HomepageTestimonials/index.js @@ -0,0 +1,66 @@ +import React from 'react'; +import clsx from 'clsx'; +import styles from './styles.module.css'; + +const TestimonialList = [ + { + name: 'First Last', + title: 'Job Title, Mission Name', + + Img: require('@site/static/img/cards/aerie-feature-planning-commanding-light.png').default, + size: 'col--6', + description: ( + <> + Aerie supports multiple modes of collaboration that enable highly distributed planning and allow it to be + tailored. + + ), + }, + { + name: 'First Last', + title: 'Job Title, Mission Name', + + Img: require('@site/static/img/cards/aerie-feature-planning-commanding-light.png').default, + size: 'col--6', + description: ( + <> + Aerie supports multiple modes of collaboration that enable highly distributed planning and allow it to be + tailored. + + ), + }, +]; + +function Testimonial({ name, title, description, Img }) { + return ( +
+
+
+

{description}

+
+
+ {/* {name} */} +
+

{name}

+

{title}

+ {/* {title} */} +
+
+
+
+ ); +} + +export default function HomepageTestimonials() { + return ( +
+
+
+ {TestimonialList.map((props, idx) => ( + + ))} +
+
+
+ ); +} diff --git a/src/components/HomepageTestimonials/styles.module.css b/src/components/HomepageTestimonials/styles.module.css new file mode 100644 index 0000000..b601368 --- /dev/null +++ b/src/components/HomepageTestimonials/styles.module.css @@ -0,0 +1,47 @@ +.testimonials { + display: flex; + align-items: center; + width: 100%; + min-height: 50vh; + padding-top: 14rem; +} + +.featureSection { + margin-bottom: 2rem; +} + +.name { + font-size: 1rem; + font-weight: 600; + color: var(--ifm-color-secondary-darker); + margin-block-start: 0rem; + margin-block-end: 0rem; +} + +.position { + font-size: 0.75rem; + color: var(--ifm-color-secondary-dark); + font-weight: 500; + margin-block-start: 0rem; + margin-block-end: 0rem; +} + +.testimonialsImg { + width: 48px; + height: 48px; + border-radius: 100%; + object-fit: cover; +} + +.testimonialsFooter { + display: flex; + flex-direction: row; + gap: 1rem; + align-items: center; +} + +.testimonialsFooterText { + display: flex; + flex-direction: column; + gap: 0rem; +} diff --git a/src/components/HomepageVideo/index.js b/src/components/HomepageVideo/index.js new file mode 100644 index 0000000..96f325c --- /dev/null +++ b/src/components/HomepageVideo/index.js @@ -0,0 +1,20 @@ +import React from 'react'; +import clsx from 'clsx'; +import styles from './styles.module.css'; + +import PromoVideo from '@site/static/video/aerie-video-subtitles.mp4'; +import PromoStill from '@site/static/video/aerie-video-still.png'; + +export function HomepageVideo() { + return ( +
+
+
+ +
+
+
+ ); +} diff --git a/src/components/HomepageVideo/styles.module.css b/src/components/HomepageVideo/styles.module.css new file mode 100644 index 0000000..da4aaab --- /dev/null +++ b/src/components/HomepageVideo/styles.module.css @@ -0,0 +1,27 @@ +.sectionHeader { + color: var(--ifm-color-secondary-darker); + text-align: center; + font-size: 1rem; + font-style: normal; + font-weight: 700; + line-height: 120%; /* 1.8rem */ + letter-spacing: 0.105rem; + justify-content: center; + text-transform: uppercase; + flex-grow: 1; +} + +.videoSection { + display: flex; + align-items: center; + justify-content: center; + width: auto; + margin-left: 1rem; + margin-right: 1rem; + border-radius: 0.5rem; + overflow: hidden; +} + +.section { + background-color: var(--ifm-hero-background-color); +} diff --git a/src/css/custom.css b/src/css/custom.css index 02537ab..6293e65 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -1,4 +1,7 @@ +@import url('https://rsms.me/inter/inter.css'); + :root { + --ifm-container-width-xl: 1170px; --ifm-color-primary: #2e8555; --ifm-color-primary-dark: #29784c; --ifm-color-primary-darker: #277148; @@ -6,9 +9,22 @@ --ifm-color-primary-light: #33925d; --ifm-color-primary-lighter: #359962; --ifm-color-primary-lightest: #3cad6e; + --ifm-color-secondary: #2e8555; + --ifm-color-secondary-darkest: #0f0f0f; + --ifm-color-secondary-darker: #282828; + --ifm-color-secondary-dark: #868686; + --ifm-color-secondary-light: #dbdbdb; + --ifm-color-secondary-lighter: #f5f5f5; + --ifm-color-secondary-lightest: #fbfbfb; --ifm-code-font-size: 95%; --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1); --doc-sidebar-width: 350px !important; + --card-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08); + --ifm-button-background-color: #3cad6e; + --ifm-hero-background-color: #f5f5f5; + --ifm-font-family-base: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, + BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', + 'Segoe UI Symbol'; } [data-theme='dark'] { @@ -20,6 +36,15 @@ --ifm-color-primary-lighter: #32d8b4; --ifm-color-primary-lightest: #4fddbf; --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); + --ifm-hero-background-color: #131315; + --ifm-color-secondary: #2e8555; + --ifm-color-secondary-darkest: #c0c1c1; + --ifm-color-secondary-darker: #f5f5f5; + --ifm-color-secondary-dark: #a5a5a5; + --ifm-color-secondary-light: #3d3b40; + --ifm-color-secondary-lighter: #131315; + --ifm-color-secondary-lightest: #2a282c; + --card-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.8); } .header-github-link:hover { diff --git a/src/pages/index.js b/src/pages/index.js index 002d382..2dc8499 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -1,6 +1,68 @@ import React from 'react'; -import { Redirect } from 'react-router-dom'; +import clsx from 'clsx'; +import Link from '@docusaurus/Link'; +import useDocusaurusContext from '@docusaurus/useDocusaurusContext'; +import Layout from '@theme/Layout'; +import styles from './index.module.css'; -export default function Index() { - return ; +import { HomepageFeatures, HomepageGetStarted, HomepageLearnMore } from '@site/src/components/HomepageCards'; +import HomepageTestimonials from '@site/src/components/HomepageTestimonials'; +import { HomepageMissionPartners, HomepageSponsors } from '@site/src/components/HomepageLogos'; +import { HomepageVideo } from '@site/src/components/HomepageVideo'; +import { HomepageFooter } from '../components/HomepageFooter'; + +function HomepageHeader() { + const { siteConfig } = useDocusaurusContext(); + return ( +
+
+
Open source from NASA's Jet Propulsion Laboratory
+

+ Planning, scheduling, and sequencing tools for modern space missions. +

+ {/*

{siteConfig.tagline}

*/} +
+ + Get started + +
+ Want to chat or schedule a demo?{' '} + + Get in touch → + +
+
+ Aerie UI + +
+
+ ); +} + +export default function Home() { + const { siteConfig } = useDocusaurusContext(); + return ( + + +
+ +

Features

+ + {/* */} +

Get Started

+ +

Learn More

+ + + +
+ + ); } diff --git a/src/pages/index.module.css b/src/pages/index.module.css new file mode 100644 index 0000000..f7ea53a --- /dev/null +++ b/src/pages/index.module.css @@ -0,0 +1,103 @@ +/* body { + background: var(--ifm-color-secondary-light); +} */ + +.siteBackground { + background: var(--ifm-color-secondary-lighter); +} + +.hero { + align-items: left; +} + +.heroTitle { + /* color: red; */ + letter-spacing: -1.5px; + line-height: 110%; + font-weight: 700; + font-size: 3.5rem; + orphans: 2; + padding-bottom: 2rem; + color: var(--ifm-color-secondary-darker); + margin-top: 1rem; +} + +.heroBanner { + padding-top: 10rem; + text-align: left; + position: relative; + overflow: hidden; +} + +@media screen and (max-width: 996px) { + .heroBanner { + padding: 2rem; + } + .heroTitle { + /* color: red; */ + font-size: 2.75rem; + } +} + +@media screen and (max-width: 640px) { + .heroTitle { + letter-spacing: 0px; + font-size: 1.75rem; + } +} + +.buttons { + display: flex; + align-items: center; + justify-content: left; + vertical-align: middle; + gap: 1rem; +} + +@media screen and (max-width: 640px) { + .buttons { + flex-direction: column; + align-items: normal; + } +} + +.imgFullscreen { + margin-top: 6rem; + margin-bottom: 4rem; + width: 100%; + border-radius: 4px; + box-shadow: var(--card-shadow); +} + +.heroButton { + background-color: var(--ifm-color-primary-darker); + color: white !important; +} + +.heroButton:hover { + background-color: var(--ifm-color-primary-dark); +} + +.tagline { + background-color: var(--ifm-color-secondary-lightest); + color: var(--ifm-color-secondary-dark); + border: 1px var(--ifm-color-secondary-light) solid; + display: inline-block; + padding: 0.25rem 1rem; + border-radius: 2rem; + margin-bottom: 1rem; +} + +@media screen and (max-width: 640px) { + .tagline { + display: none; + } +} + +.sectionHeader { + font-size: 3rem; + text-align: center; + margin-top: 8rem; + margin-bottom: 2rem; + /* background-color: transparent; */ +} diff --git a/static/img/aerie-ui-light.png b/static/img/aerie-ui-light.png new file mode 100644 index 0000000..9ccf5c6 --- /dev/null +++ b/static/img/aerie-ui-light.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:6a252b4d5f5d4299f2f29c989360380bdaa82d02219608115446ff382b0e881d +size 350579 diff --git a/static/img/cards/aerie-feature-collaboration-dark.png b/static/img/cards/aerie-feature-collaboration-dark.png new file mode 100644 index 0000000..7203fa8 --- /dev/null +++ b/static/img/cards/aerie-feature-collaboration-dark.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:5855882b9ddb4df174154bf67cb6f6cf1f9c9637c62c45ffca926c02dccb69ad +size 18581 diff --git a/static/img/cards/aerie-feature-collaboration-light.png b/static/img/cards/aerie-feature-collaboration-light.png new file mode 100644 index 0000000..ac932e3 --- /dev/null +++ b/static/img/cards/aerie-feature-collaboration-light.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:9c42ae61d3a2aaee3fc4d5593ff7a308bb7efde31103b65c355b36c10f684b51 +size 7797 diff --git a/static/img/cards/aerie-feature-mission-modeling-dark.png b/static/img/cards/aerie-feature-mission-modeling-dark.png new file mode 100644 index 0000000..28cb0c0 --- /dev/null +++ b/static/img/cards/aerie-feature-mission-modeling-dark.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:fb5634db9d789e4a33ec370c6d58b39302164cfb791f7c5c26e069f539556057 +size 64896 diff --git a/static/img/cards/aerie-feature-mission-modeling-light.png b/static/img/cards/aerie-feature-mission-modeling-light.png new file mode 100644 index 0000000..ef90116 --- /dev/null +++ b/static/img/cards/aerie-feature-mission-modeling-light.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:1fbd30b47085fe4ce0c3889186b658d5c5da2850121f17aa99960f618959c20e +size 12493 diff --git a/static/img/cards/aerie-feature-planning-commanding-dark.png b/static/img/cards/aerie-feature-planning-commanding-dark.png new file mode 100644 index 0000000..daa1cb5 --- /dev/null +++ b/static/img/cards/aerie-feature-planning-commanding-dark.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:b6430946897ac0b330aee1095455cb4bdce37bea1c7dfdab6fdd745ba4f63cc7 +size 185319 diff --git a/static/img/cards/aerie-feature-planning-commanding-light.png b/static/img/cards/aerie-feature-planning-commanding-light.png new file mode 100644 index 0000000..f1ccab0 --- /dev/null +++ b/static/img/cards/aerie-feature-planning-commanding-light.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:5c1cadede3bf6200263fc4ffee2d2dee8fba4a851bae4da3ee6f81f226662d14 +size 67167 diff --git a/static/img/cards/aerie-feature-rule-checking-dark.png b/static/img/cards/aerie-feature-rule-checking-dark.png new file mode 100644 index 0000000..73d098e --- /dev/null +++ b/static/img/cards/aerie-feature-rule-checking-dark.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:66a7cb1c0f13b91f4237651301a1a9f98db4c8c16dedc0a81995130f7643f944 +size 58258 diff --git a/static/img/cards/aerie-feature-rule-checking-light.png b/static/img/cards/aerie-feature-rule-checking-light.png new file mode 100644 index 0000000..ddcdffc --- /dev/null +++ b/static/img/cards/aerie-feature-rule-checking-light.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:3aaddfa88e901db4be0c6b2ebbfd1e47e595fb36e0ebfa36e513e50ad581410a +size 26846 diff --git a/static/img/cards/aerie-getstarted-customize-dark.png b/static/img/cards/aerie-getstarted-customize-dark.png new file mode 100644 index 0000000..7f6f045 --- /dev/null +++ b/static/img/cards/aerie-getstarted-customize-dark.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:17141358a4a20b4844def1cbb080a3ff557424f45e55c642f3475bb04251a036 +size 116613 diff --git a/static/img/cards/aerie-getstarted-customize-light.png b/static/img/cards/aerie-getstarted-customize-light.png new file mode 100644 index 0000000..e2c0f62 --- /dev/null +++ b/static/img/cards/aerie-getstarted-customize-light.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:8b5664351a4af53601af303c196e3c44e63ad4f252c14ccc208ad01bea2c7ca8 +size 96885 diff --git a/static/img/cards/aerie-getstarted-mission-planners-dark.png b/static/img/cards/aerie-getstarted-mission-planners-dark.png new file mode 100644 index 0000000..6bb83ee --- /dev/null +++ b/static/img/cards/aerie-getstarted-mission-planners-dark.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:126edb793858ad83bfc8476409455fef72c60507c59f50153bc27277a1435ed0 +size 34227 diff --git a/static/img/cards/aerie-getstarted-mission-planners-light.png b/static/img/cards/aerie-getstarted-mission-planners-light.png new file mode 100644 index 0000000..1a1c3e0 --- /dev/null +++ b/static/img/cards/aerie-getstarted-mission-planners-light.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:8f4c6b961ea8a9682e347524fc6123791b895635beee481646fda59731dd729c +size 31488 diff --git a/static/img/cards/aerie-getstarted-opensource-dark.png b/static/img/cards/aerie-getstarted-opensource-dark.png new file mode 100644 index 0000000..2d5b36d --- /dev/null +++ b/static/img/cards/aerie-getstarted-opensource-dark.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:e1076a59bd7832973e05b9b91779d93a057590750a16c1e2b61549f1da43b36b +size 50999 diff --git a/static/img/cards/aerie-getstarted-opensource-light.png b/static/img/cards/aerie-getstarted-opensource-light.png new file mode 100644 index 0000000..647d2fc --- /dev/null +++ b/static/img/cards/aerie-getstarted-opensource-light.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:b245d8c1397e2a63209c533e56f46832b6fd0981356dd886b9ef9bf155da9da0 +size 50004 diff --git a/static/img/cards/aerie-getstarted-spacecraftops-dark.png b/static/img/cards/aerie-getstarted-spacecraftops-dark.png new file mode 100644 index 0000000..9cb4b5b --- /dev/null +++ b/static/img/cards/aerie-getstarted-spacecraftops-dark.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:d173b4fb77b63f05b94889ad5fadfcd238c0ea2b81abb2f597d9331aab414428 +size 46881 diff --git a/static/img/cards/aerie-getstarted-spacecraftops-light.png b/static/img/cards/aerie-getstarted-spacecraftops-light.png new file mode 100644 index 0000000..7375f58 --- /dev/null +++ b/static/img/cards/aerie-getstarted-spacecraftops-light.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:7e662ca7efe32f9d6ea5a44da1d54d5fafd9aebaae8e0d020cb32f1e92507205 +size 43698 diff --git a/static/img/cards/aerie-getstarted-systems-engineers-dark.png b/static/img/cards/aerie-getstarted-systems-engineers-dark.png new file mode 100644 index 0000000..eeadc0e --- /dev/null +++ b/static/img/cards/aerie-getstarted-systems-engineers-dark.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:670188560efc6f1564fb0286ca4185d2295c59985458ed36208eb529712271e2 +size 97954 diff --git a/static/img/cards/aerie-getstarted-systems-engineers-light.png b/static/img/cards/aerie-getstarted-systems-engineers-light.png new file mode 100644 index 0000000..12cc2eb --- /dev/null +++ b/static/img/cards/aerie-getstarted-systems-engineers-light.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:7b2697134ca6865d0ef36461ad0961b489583c7e0de40d7dd737c5c3173035fd +size 63433 diff --git a/static/img/cards/aerie-learn-extensions-dark.png b/static/img/cards/aerie-learn-extensions-dark.png new file mode 100644 index 0000000..7aface0 --- /dev/null +++ b/static/img/cards/aerie-learn-extensions-dark.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:5bac30478a326b859aaa1bf2c1a2919b5cd80d05b9614aa7766b1f7580194e2a +size 46146 diff --git a/static/img/cards/aerie-learn-extensions.png b/static/img/cards/aerie-learn-extensions.png new file mode 100644 index 0000000..606f089 --- /dev/null +++ b/static/img/cards/aerie-learn-extensions.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:b16effbd0a0d2f227083c184c8db39bfb367c75e9323609a2f154059208cd7cc +size 40577 diff --git a/static/img/cards/aerie-learn-github-dark.png b/static/img/cards/aerie-learn-github-dark.png new file mode 100644 index 0000000..7de7a58 --- /dev/null +++ b/static/img/cards/aerie-learn-github-dark.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:a753312a541d305614c41662cc89b4daf8a5ba1415b2f7af5062476a5e358be5 +size 55515 diff --git a/static/img/cards/aerie-learn-github.png b/static/img/cards/aerie-learn-github.png new file mode 100644 index 0000000..078cdda --- /dev/null +++ b/static/img/cards/aerie-learn-github.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:cfe015bdb30436b62d74c313a59afb29b2d87861738afab93e34255190234440 +size 37687 diff --git a/static/img/cards/aerie-learn-googlegroup-dark.png b/static/img/cards/aerie-learn-googlegroup-dark.png new file mode 100644 index 0000000..953d6d6 --- /dev/null +++ b/static/img/cards/aerie-learn-googlegroup-dark.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:5c00f87450caa170789c35cfa84f90cab59e7189e6466655cefe199030c98a4f +size 51898 diff --git a/static/img/cards/aerie-learn-googlegroup.png b/static/img/cards/aerie-learn-googlegroup.png new file mode 100644 index 0000000..7ae0846 --- /dev/null +++ b/static/img/cards/aerie-learn-googlegroup.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:c672d07e722eb2c4ac0f2ca6bc3b452f4c2ab43b9bd0b3fb2b8d16b1b6745f68 +size 37567 diff --git a/static/img/cards/aerie-learn-slack-dark.png b/static/img/cards/aerie-learn-slack-dark.png new file mode 100644 index 0000000..44e1111 --- /dev/null +++ b/static/img/cards/aerie-learn-slack-dark.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:2b5f49e5a0dc0d6ffb8643b31e51cf432bbc3b2e01efd2b221cd45640ef484a5 +size 36838 diff --git a/static/img/cards/aerie-learn-slack.png b/static/img/cards/aerie-learn-slack.png new file mode 100644 index 0000000..6b80143 --- /dev/null +++ b/static/img/cards/aerie-learn-slack.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:426885b56efed28a3d1df5d315ad6856b0554f8330c633aab7699a6501472866 +size 34880 diff --git a/static/img/missions/europa-logo-dark.png b/static/img/missions/europa-logo-dark.png new file mode 100644 index 0000000..fc62c70 --- /dev/null +++ b/static/img/missions/europa-logo-dark.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:56b70467e3e516c8cb8437f3e7d71935725bf40f8703cdf0e6412e6dbee3474e +size 6730 diff --git a/static/img/missions/europa-logo-dark.svg b/static/img/missions/europa-logo-dark.svg new file mode 100644 index 0000000..d8193a8 --- /dev/null +++ b/static/img/missions/europa-logo-dark.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/img/missions/europa-logo-light.png b/static/img/missions/europa-logo-light.png new file mode 100644 index 0000000..9dbc57b --- /dev/null +++ b/static/img/missions/europa-logo-light.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:d0967d84125a08ec49cdd81bedc4a054490b7c8afae8ea0ccc611f65137eb571 +size 7625 diff --git a/static/img/missions/europa-logo-light.svg b/static/img/missions/europa-logo-light.svg new file mode 100644 index 0000000..610570b --- /dev/null +++ b/static/img/missions/europa-logo-light.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/img/missions/goddard-logo-dark.png b/static/img/missions/goddard-logo-dark.png new file mode 100644 index 0000000..e27ca20 --- /dev/null +++ b/static/img/missions/goddard-logo-dark.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:1e4b5eb394838b7791e0a42793328d77106423c07701b32361a939345f8ab93a +size 10060 diff --git a/static/img/missions/goddard-logo-light.png b/static/img/missions/goddard-logo-light.png new file mode 100644 index 0000000..2d9cc45 --- /dev/null +++ b/static/img/missions/goddard-logo-light.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:35bb574531126fc522438a59018383f47efbc584a33e53e99775a587af9bce9c +size 10700 diff --git a/static/img/missions/jpl-logo.png b/static/img/missions/jpl-logo.png new file mode 100644 index 0000000..6fe7f6b --- /dev/null +++ b/static/img/missions/jpl-logo.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:0e0b437d709af3b6e0bae52440ab9ccfb76eaea240646592f6b220d9c30dd21c +size 1535 diff --git a/static/img/missions/jpl-logo.svg b/static/img/missions/jpl-logo.svg new file mode 100644 index 0000000..7e63e0f --- /dev/null +++ b/static/img/missions/jpl-logo.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/static/img/missions/msr-dark.png b/static/img/missions/msr-dark.png new file mode 100644 index 0000000..855292b --- /dev/null +++ b/static/img/missions/msr-dark.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:62eca69bcf4d7b4686ea39714109e579352179cfe4020243da93e4eae9e655b5 +size 19446 diff --git a/static/img/missions/msr-light.png b/static/img/missions/msr-light.png new file mode 100644 index 0000000..7539a0a --- /dev/null +++ b/static/img/missions/msr-light.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:f4c170ceaf6b66dc128664b217401ce699c55b9e1ee041f4067bbd4832789e4f +size 19079 diff --git a/static/img/missions/nasa-logo.png b/static/img/missions/nasa-logo.png new file mode 100644 index 0000000..de78a2c --- /dev/null +++ b/static/img/missions/nasa-logo.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:58e6a10bb68ab4e3c7b17cfd809b0ae79e36ad41544a45cca72fc2761fce318c +size 10356 diff --git a/static/img/missions/nasa-logo.svg b/static/img/missions/nasa-logo.svg new file mode 100644 index 0000000..01cddde --- /dev/null +++ b/static/img/missions/nasa-logo.svg @@ -0,0 +1,49 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/video/aerie-video-still.png b/static/video/aerie-video-still.png new file mode 100644 index 0000000..9054495 --- /dev/null +++ b/static/video/aerie-video-still.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:e76667b1f190e1612c30e9c353822dcea54f09d43225d5f33629664f18ce35e2 +size 580269 diff --git a/static/video/aerie-video-subtitles.mp4 b/static/video/aerie-video-subtitles.mp4 new file mode 100644 index 0000000..6cb5433 --- /dev/null +++ b/static/video/aerie-video-subtitles.mp4 @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:1d81fd781de2d080745f070896b1ce1a777f4d641ce3cd8b6290c180c8adabc2 +size 105667090