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

Add new website relaunch #2892

Merged
merged 3 commits into from
Nov 14, 2020
Merged

Add new website relaunch #2892

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
0b7ca76
Add new website
Nov 14, 2020
cc9b2e2
Fix quickstart link
Nov 14, 2020
c5712ff
Merge branch 'master' into chrischinch/website-relaunch
Nov 14, 2020
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
234 changes: 234 additions & 0 deletions site/static/404/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,234 @@
<!DOCTYPE html>
<html class="no-js" lang="en-US">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">


<!-- Icons -->
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="../images/favicon/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../images/favicon/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../images/favicon/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../images/favicon/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="../images/favicon/apple-touch-icon-60x60.png" />
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="../images/favicon/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="../images/favicon/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="../images/favicon/apple-touch-icon-152x152.png" />
<link rel="icon" type="image/png" href="../images/favicon/favicon-196x196.png" sizes="196x196" />
<link rel="icon" type="image/png" href="../images/favicon/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/png" href="../images/favicon/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="../images/favicon/favicon-16x16.png" sizes="16x16" />
<link rel="icon" type="image/png" href="../images/favicon/favicon-128.png" sizes="128x128" />
<meta name="application-name" content="&nbsp;"/>
<meta name="msapplication-TileColor" content="#FFFFFF" />
<meta name="msapplication-TileImage" content="mstile-144x144.png" />
<meta name="msapplication-square70x70logo" content="mstile-70x70.png" />
<meta name="msapplication-square150x150logo" content="mstile-150x150.png" />
<meta name="msapplication-wide310x150logo" content="mstile-310x150.png" />
<meta name="msapplication-square310x310logo" content="mstile-310x310.png" />


<link rel="manifest" href="manifest.json">

<link rel="canonical" href="#">


<link rel="stylesheet" href="../css/page_404.css">
<meta name="msapplication-config" content="browserconfig.xml"/>
<meta name="msapplication-TileColor" content="%23ffffff">
<meta name="msapplication-TileImage" content="../images/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="%23ffffff">

<!-- Title -->
<title>M3: Open Source Metrics Engine</title>
<meta property="og:title" content="M3: Open Source Metrics Engine"/>
<meta property="og:site_name" content="M3"/>

<meta property="og:url" content="#"/>

<meta property="og:type" content="website"/>
<meta name="twitter:title" content="M3: Open Source Metrics Engine"/>
<meta name="twitter:site" content="@m3"/>
<meta name="twitter:card" content="summary_large_image"/>

<!-- Image -->

<meta property="og:image" content="../images/page/og-404.jpg"/>
<meta name="twitter:image" content="../images/page/og-404.jpg"/>


<!-- Description -->

<meta name="description" content="M3 is a Prometheus compatible, easy to adopt metrics engine that powers/provides visibility for some of the world's largest brands."/>
<meta name="twitter:description" content="M3 is a Prometheus compatible, easy to adopt metrics engine that powers/provides visibility for some of the world's largest brands."/>
<meta property="og:description" content="M3 is a Prometheus compatible, easy to adopt metrics engine that powers/provides visibility for some of the world's largest brands.">


<base href="/">

</head>

<body>


<header id="screen-reader-shortcut-header" class="main-header js-main-header fixed-top w-100">


<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container c-mx-0">
<div class="row align-items-center justify-content-between no-gutters w-100">
<a class="navbar-brand d-flex align-items-center" href="">
<img src="../images/logo.svg" class="navbar-brand__logo" alt="logo-m3">
</a>

<div class="collapse navbar-collapse justify-content-between order-3 order-lg-2 pb-4 pb-lg-0" id="navbarNav">
<ul class="navbar-nav mt-auto ml-auto c-mr-lg-8">
<li class="nav-item ">
<a class="nav-link" href="/community/">Community <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item ">
<a class="nav-link" href="/about/">About M3</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="/docs/">Documentation</a>
</li>
</ul>
</div>

<div class="navbar-socials order-lg-3">
<a href="https://bit.ly/m3slack" target="_blank" class="navbar-socials__logo-box bg-primary c-mr-2">
<img src="../images/slack_logo-light.svg" class="navbar-socials__logo" alt="logo-slack-light" />
</a>
<a href="https://github.com/m3db/m3" target="_blank" class="navbar-socials__logo-box bg-primary c-ml-2">
<img src="../images/github_logo-light.svg" class="navbar-socials__logo" alt="logo-github-light" />
</a>
</div>

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span></span>
<span></span>
<span></span>
</button>
</div>
</div>
</nav>


</header>

<div class="main-content page-page_404">



<img src="../images/home/hero-bg.svg" class="home__bg-hero" alt="home-hero" />

<section class="404-home">
<div class="container">
<div class="row">
<div class="col-md-8 col-lg-6 mx-auto text-center">
<h1 class="hero-home__heading line-height-1-2 font-weight-semibold c-mt-6">
<span class="text-blue-light">
404:
</span>
Page not found
</h1>
<p class="hero-home__desc line-height-1-8 c-mt-8 c-mt-md-5">
Sorry, but the page you were trying to view does not exist.

</p>
<a target="_self" rel="noopener" href="/"
class="crunch-button crunch-button__full-background crunch-button__full-background--gradient-color
crunch-button__full-background--arrow-right crunch-button__full-background--large text-white c-mt-10 c-mt-md-8">
Return to homepage
</a>
</div>
</div>
</div>
</section>



</div>


<div class="js-main-footer-wrapper">
<footer class="main-footer c-py-10">
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="main-footer__logo-wrapper">
<a class="navbar-brand" href="">
<img src="../images/logo.svg" class="main-footer__logo lazyload" alt="logo-m3" loading="lazy">
</a>
</div>
</div>

<div class="col-6 col-md-3 c-mt-6 c-mt-md-0">
<h4 class="main-footer__title font-size-16 font-weight-bold text-primary">Sitemap</h4>
<ul class="main-footer__menu main-footer__menu-sitemap list-unstyled c-mt-3">
<li class="main-footer__menu-item"><a href="/community">Community</a></li>
<li class="main-footer__menu-item"><a href="/about">About M3</a></li>
<li class="main-footer__menu-item"><a href="https://www.m3db.io/docs/" target="_blank">Documentation</a></li>
</ul>
</div>

<div class="col-6 col-md-3 c-mt-6 c-mt-md-0">
<h4 class="main-footer__title font-size-16 font-weight-bold text-primary">Join our Community</h4>
<ul class="main-footer__menu main-footer__menu-community list-unstyled c-mt-3">
<li class="main-footer__menu-item">
<p class="text-center">
<img src="../images/slack_logo-color.svg" class="main-footer__menu-community--slack lazyload"
loading="lazy" alt="logo-slack-color" />
</p>
<span><a href="https://bit.ly/m3slack" target="_blank">Slack</a></span>
</li>
<li class="main-footer__menu-item">
<p class="text-center">
<img src="../images/github_logo-color.svg" class="main-footer__menu-community--github lazyload" loading="lazy" alt="logo-github-color" />
</p>
<span><a href="https://github.com/m3db/m3" target="_blank">Github</a></span>
</li>
<li class="main-footer__menu-item">
<p class="text-center">
<img src="../images/meetup_logo-color.svg" class="main-footer__menu-community--meetup lazyload" loading="lazy" alt="logo-meetup-color" />
</p>
<span><a href="https://www.meetup.com/M3-Community/" target="_blank">Meetup</a></span>
</li>
<li class="main-footer__menu-item">
<p class="text-center">
<img src="../images/community/calendly-logo.svg" class="main-footer__menu-community--office lazyload" loading="lazy" alt="logo-office-color"/>
</p>
<span><a href="https://calendly.com/chronosphere-intro/m3-community-office-hours" target="_blank">Office Hours</a></span>
</li>
</ul>
</div>

<div class="col-md-3 c-mt-8 c-mt-md-0">
<p class="main-footer__copy font-size-14 text-primary">Copyright © 2020. All rights reserved.</p>
</div>
</div>
</div>
</footer>
</div>


<script src="../js/page_404.js" defer></script>
<script>
WebFontConfig = {
custom: {
families: ['Cabin:400,500,600,700', 'Poppins:400,500']
}
};

(function(d) {
var wf = d.createElement('script'), s = d.scripts[0];
wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js';
wf.async = true;
s.parentNode.insertBefore(wf, s);
})(document);

</script>


</body>
</html>
Loading