Skip to content

Commit

Permalink
Add new website relaunch (#2892)
Browse files Browse the repository at this point in the history
  • Loading branch information
Chris Chinchilla authored Nov 14, 2020
1 parent 0a1ea95 commit ae3e5be
Show file tree
Hide file tree
Showing 151 changed files with 3,256 additions and 132 deletions.
234 changes: 234 additions & 0 deletions site/static/404/index.html
View file
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

0 comments on commit ae3e5be

Please sign in to comment.