Added new logo

packages/website/docusaurus.config.js

@@ -56,7 +56,7 @@ const config = {
         title: "Squiggle",
         logo: {
           alt: "Squiggle Logo",
-          src: "img/quri-logo.png",
+          src: "img/squiggle-logo.png",
         },
         items: [
           {

packages/website/src/css/custom.css

@@ -60,7 +60,7 @@ html[data-theme="dark"] .docusaurus-highlight-code-line {
 }
 
 .hero__subtitle2 {
-  color: #ba3e3e;
+  color: #777;
   font-size: 1.5em;
   font-family: "Lora";
   font-weight: 500;
@@ -88,6 +88,10 @@ h2 {
   font-weight: 700;
 }
 
+.navbar__logo {
+  height: 1.5rem;
+}
+
 :root {
   /* --ifm-font-family-base: 'Lora'; */
 }

packages/website/src/pages/index.js

@@ -1,7 +1,6 @@
 import React from "react";
 import clsx from "clsx";
 import Layout from "@theme/Layout";
-import Link from "@docusaurus/Link";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import styles from "./index.module.css";
 import HomepageFeatures from "../components/HomepageFeatures";
@@ -11,6 +10,12 @@ function HomepageHeader() {
   return (
     <header className={clsx("hero hero--primary", styles.heroBanner)}>
       <div className="container">
+      <img
+            alt={'Docusaurus with Keytar'}
+            className={styles.heroLogo}
+            src={'/img/squiggle-logo.png'}
+            width="70"
+          />
         <h1 className="hero__title">{siteConfig.title}</h1>
         <p className="hero__subtitle">Early Access</p>
         <p className="hero__subtitle2">{siteConfig.tagline}</p>