basic

docusaurus.config.js

@@ -1,26 +1,30 @@
 module.exports = {
-  title: 'My Site',
+  title: 'Token Engineering',
-  tagline: 'The tagline of my site',
+  tagline: 'Because tokens don\'t engineer themselves!',
-  url: 'https://your-docusaurus-test-site.com',
+  organizationName: 'te-temp',
+  projectName: 'te-website',
   baseUrl: '/',
-  favicon: 'img/favicon.ico',
+  url: 'https://te-temp.github.io/',
-  organizationName: 'facebook', // Usually your GitHub org/user name.
+  favicon: 'img/te-logo.png',
-  projectName: 'docusaurus', // Usually your repo name.
   themeConfig: {
     navbar: {
-      title: 'My Site',
+      title: 'Token Engineering',
       logo: {
-        alt: 'My Site Logo',
+        alt: 'Token Engineering Logo',
-        src: 'img/logo.svg',
+        src: 'img/te-logo.png',
       },
       links: [
         {
           to: 'docs/doc1',
           activeBasePath: 'docs',
-          label: 'Docs',
+          label: '📚 Library',
           position: 'left',
         },
-        {to: 'blog', label: 'Blog', position: 'left'},
+        {
+          to: 'blog',
+          label: '📰 Blog',
+          position: 'left'
+        },
         {
           href: 'https://github.com/facebook/docusaurus',
           label: 'GitHub',
@@ -32,50 +36,80 @@ module.exports = {
       style: 'dark',
       links: [
         {
-          title: 'Docs',
+          title: 'Learn',
           items: [
             {
-              label: 'Style Guide',
+              label: '👋 Introduction',
-              to: 'docs/doc1',
+              to: 'docs/introduction',
             },
             {
-              label: 'Second Doc',
+              label: '📚 Token Engineering 101',
-              to: 'docs/doc2',
+              to: 'docs/installation',
+            },
+            {
+              label: '📖 TE Book',
+              to: 'docs/migrating-from-v1-to-v2',
             },
           ],
         },
         {
-          title: 'Community',
+          title: 'TE Channels',
           items: [
             {
-              label: 'Stack Overflow',
+              label: '🦜 Twitter',
-              href: 'https://stackoverflow.com/questions/tagged/docusaurus',
+              href: 'https://twitter.com/tokenengineering',
             },
             {
-              label: 'Discord',
+              label: '💬 Discord',
-              href: 'https://discordapp.com/invite/docusaurus',
+              href: 'https://discord.gg/gHvksh8',
             },
             {
-              label: 'Twitter',
+              label: '📜 Blog',
-              href: 'https://twitter.com/docusaurus',
-            },
-          ],
-        },
-        {
-          title: 'More',
-          items: [
-            {
-              label: 'Blog',
               to: 'blog',
             },
             {
-              label: 'GitHub',
+              label: '🐈 GitHub',
-              href: 'https://github.com/facebook/docusaurus',
+              href: 'https://github.com/tokenengineeringcommunity',
+            },
+          ],
+        },
+        {
+          title: 'Other',
+          items: [
+            {
+              label: '🔁 Feedback',
+              to: 'feedback',
+            },
+            {
+              label: '🆘 Help',
+              to: 'docs/next/support',
+            },
+          ],
+        },
+        {
+          title: 'Placeholder',
+          items: [
+            {
+              label: '🔁 Feedback',
+              to: 'feedback',
+            },
+            {
+              label: '🆘 Help',
+              to: 'docs/next/support',
+            },
+            {
+              label: '🐈 GitHub',
+              href: 'https://github.com/tokenengineeringcommunity',
             },
           ],
         },
       ],
-      copyright: `Copyright © ${new Date().getFullYear()} My Project, Inc. Built with Docusaurus.`,
+      logo: {
+        alt: 'Token Engineering Logo',
+        src: '/img/te-logo.png',
+        href: 'https://tokens.engineering',
+      },
+      copyright: `Copyright © ${new Date().getFullYear()} Token Engineering. <br> <a href="https://docusaurus.io/">🦖 Built with Docusaurus</a>!`,
     },
   },
   presets: [

package.json

@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@docusaurus/core": "^2.0.0-alpha.54",
+    "@docusaurus/plugin-ideal-image": "^2.0.0-alpha.39",
     "@docusaurus/preset-classic": "^2.0.0-alpha.54",
     "classnames": "^2.2.6",
     "react": "^16.8.4",

src/css/custom.css

@@ -7,7 +7,7 @@
 
 /* You can override the default Infima variables here. */
 :root {
-  --ifm-color-primary: #25c2a0;
+  --ifm-color-primary: #4371d4;
   --ifm-color-primary-dark: rgb(33, 175, 144);
   --ifm-color-primary-darker: rgb(31, 165, 136);
   --ifm-color-primary-darkest: rgb(26, 136, 112);
@@ -23,3 +23,15 @@
   margin: 0 calc(-1 * var(--ifm-pre-padding));
   padding: 0 var(--ifm-pre-padding);
 }
+
+.round {
+   border-radius: 50%;
+   width: 15vmin;
+}
+
+.center {
+  text-align: center;
+  font-size: 1.5vmin;
+  padding: 3vmin;
+}
+

src/pages/index.js

@@ -6,53 +6,80 @@ import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import useBaseUrl from '@docusaurus/useBaseUrl';
 import styles from './styles.module.css';
 
+function Feature({imageUrl, url, title, shortDescription, description}) {
+  const imgUrl = useBaseUrl(imageUrl);
+  return (
+    <div className={classnames('col col--4', 'center', 'test', styles.feature)}>
+      {imgUrl && (
+        <div className="text--center">
+          <a href={url}><img className={styles.featureImage, 'round'} src={imgUrl} alt={title} /></a>
+        </div>
+      )}
+      <a href={url}><h3>{title}</h3></a>
+      <h4><i>{shortDescription}</i></h4>
+      <p>{description}</p>
+    </div>
+  );
+}
+
 const features = [
   {
-    title: <>Easy to Use</>,
+    title: <>BlockScience</>,
-    imageUrl: 'img/undraw_docusaurus_mountain.svg',
+    url: 'https://block.science/',
+    imageUrl: 'img/blockscience-logo.png',
+    shortDescription: 'Complex systems engineering',
     description: (
       <>
-        Docusaurus was designed from the ground up to be easily installed and
+        Our focus is to design and build data-driven decision systems for new and legacy businesses leveraging engineering methodologies and academic-grade tools.
-        used to get your website up and running quickly.
       </>
     ),
   },
   {
-    title: <>Focus on What Matters</>,
+    title: <>CadCAD</>,
-    imageUrl: 'img/undraw_docusaurus_tree.svg',
+    url: 'https://cadcad.org/',
+    imageUrl: 'img/cadcad-logo.png',
+    shortDescription: 'Complex systems modeling toolkit',
     description: (
       <>
-        Docusaurus lets you focus on your docs, and we&apos;ll do the chores. Go
+        An open-source Python package that assists in the processes of designing, testing and validating complex systems through simulation.
-        ahead and move your docs into the <code>docs</code> directory.
       </>
     ),
   },
   {
-    title: <>Powered by React</>,
+    title: <>SourceCred</>,
-    imageUrl: 'img/undraw_docusaurus_react.svg',
+    url: 'https://sourcecred.io',
+    imageUrl: 'img/sourcecred-logo.png',
+    shortDescription: 'CredRank all the things',
     description: (
       <>
-        Extend or customize your website layout by reusing React. Docusaurus can
+        A tool for communities to measure and reward value creation.
-        be extended while reusing the same header and footer.
+      </>
+    ),
+  },
+  {
+    title: <>AraCred</>,
+    url: 'https://aracred.github.io/website/',
+    imageUrl: 'img/aracred-logo.png',
+    shortDescription: 'Recognize and reward community contributions',
+    description: (
+      <>
+        An autonomous framework to help communities measure, recognize, and reward value creation.
+      </>
+    ),
+  },
+  {
+    title: <>MetaGame</>,
+    url: 'https://metagame.wtf/',
+    imageUrl: 'img/metagame-logo.png',
+    shortDescription: 'A MMORPG for real life',
+    description: (
+      <>
+        It's super cool. Just trust us on this one.
       </>
     ),
   },
 ];
 
-function Feature({imageUrl, title, description}) {
-  const imgUrl = useBaseUrl(imageUrl);
-  return (
-    <div className={classnames('col col--4', styles.feature)}>
-      {imgUrl && (
-        <div className="text--center">
-          <img className={styles.featureImage} src={imgUrl} alt={title} />
-        </div>
-      )}
-      <h3>{title}</h3>
-      <p>{description}</p>
-    </div>
-  );
-}
 
 function Home() {
   const context = useDocusaurusContext();
@@ -60,9 +87,10 @@ function Home() {
   return (
     <Layout
       title={`Hello from ${siteConfig.title}`}
-      description="Description will go into a meta tag in <head />">
+      description="Because tokens don't engineer themselves!<head />">
       <header className={classnames('hero hero--primary', styles.heroBanner)}>
         <div className="container">
+          <img className={styles.featureImage, 'round'} src='img/te-logo.png' />
           <h1 className="hero__title">{siteConfig.title}</h1>
           <p className="hero__subtitle">{siteConfig.tagline}</p>
           <div className={styles.buttons}>
@@ -81,7 +109,7 @@ function Home() {
         {features && features.length && (
           <section className={styles.features}>
             <div className="container">
-              <div className="row">
+              <div className={"row"}>
                 {features.map((props, idx) => (
                   <Feature key={idx} {...props} />
                 ))}