Website optimization

- Remove AnyLink and ReactCSSTransitionReplace
- Clean up GraphQL queries
- Improve getTextualContent method in website utilities
- Convert ttf fonts to woff2
- Add title attribute to menu items

src/docs/pages/list.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { graphql } from 'gatsby';
+import { graphql, Link } from 'gatsby';
 import { connect } from 'react-redux';
 import { pushNewPage } from '../state/app';
 import { capitalize } from '../util';
@@ -7,10 +7,8 @@ import config from '../../../config';
 
 import Shell from '../components/Shell';
 import Meta from '../components/Meta';
-import AniLink from 'gatsby-plugin-transition-link/AniLink';
 import SnippetCard from '../components/SnippetCard';
 
-import { getRawCodeBlocks as getCodeBlocks } from '../util';
 import SimpleCard from '../components/SimpleCard';
 
 // ===================================================
@@ -23,16 +21,7 @@ const ListPage = props => {
       v => v.node.frontmatter.title === snippet.title,
     ).node.html,
     tags: snippet.attributes.tags,
-    text: snippet.attributes.text,
     id: snippet.id,
-    archived: props.data.allMarkdownRemark.edges.find(
-      v => v.node.frontmatter.title === snippet.title,
-    ).node.fileAbsolutePath.indexOf(config.snippetArchivePath) !== -1,
-    code: getCodeBlocks(
-      props.data.allMarkdownRemark.edges.find(
-        v => v.node.frontmatter.title === snippet.title,
-      ).node.rawMarkdownBody,
-    ).code,
   }));
   const archivedSnippets = props.data.snippetsArchiveDataJson.data.map(snippet => ({
     title: snippet.title,
@@ -40,16 +29,7 @@ const ListPage = props => {
       v => v.node.frontmatter.title === snippet.title,
     ).node.html,
     tags: snippet.attributes.tags,
-    text: snippet.attributes.text,
     id: snippet.id,
-    archived: props.data.allMarkdownRemark.edges.find(
-      v => v.node.frontmatter.title === snippet.title,
-    ).node.fileAbsolutePath.indexOf(config.snippetArchivePath) !== -1,
-    code: getCodeBlocks(
-      props.data.allMarkdownRemark.edges.find(
-        v => v.node.frontmatter.title === snippet.title,
-      ).node.rawMarkdownBody,
-    ).code,
   }));
   const tags = snippets.reduce((acc, snippet) => {
     if (!snippet.tags) return acc;
@@ -91,57 +71,47 @@ const ListPage = props => {
         {tags.sort((a,b) => a.localeCompare(b)).map(tag => (
           <>
             <h3 className='tag-title' key={`tag_title_${tag}`}>
-              <AniLink
+              <Link
                 key={`tag_link_${tag}`}
-                paintDrip
                 to={`/tag/${tag}`}
-                hex={props.isDarkMode ? '#434E76' : '#FFFFFF'}
               >
                 {capitalize(tag)}
-              </AniLink>
+              </Link>
             </h3>
             {snippets
-              .filter(snippet => !snippet.archived)
               .filter(snippet => snippet.tags[0] === tag)
               .map(snippet => (
                 <SnippetCard
                   key={`snippet_${snippet.id}`}
                   short
                   snippetData={snippet}
-                  isDarkMode={props.isDarkMode}
                 />
               ))}
           </>
         ))}
-        <h3 className='tag-title'><AniLink
-          paintDrip
+        <h3 className='tag-title'><Link
           to={`/archive`}
-          hex={props.isDarkMode ? '#434E76' : '#FFFFFF'}
         >
           Archived snippets
-        </AniLink></h3>
+        </Link></h3>
         {archivedSnippets
-          .filter(snippet => snippet.archived)
           .map(snippet => (
             <SnippetCard
               key={`a_snippet_${snippet.id}`}
               short
               archived
               snippetData={snippet}
-              isDarkMode={props.isDarkMode}
             />
           ))}
         <br/>
         {staticPages.map(page => (
           <SimpleCard 
             title={(
-              <AniLink
-                paintDrip
+              <Link
                 to={`/${page.url}`}
-                hex={props.isDarkMode ? '#434E76' : '#FFFFFF'}
               >
                 {page.title}
-              </AniLink>
+              </Link>
             )}
           >
             <p>{page.description}</p>
@@ -170,7 +140,6 @@ export const listPageQuery = graphql`
         title
         attributes {
           tags
-          text
         }
       }
     }
@@ -180,28 +149,16 @@ export const listPageQuery = graphql`
         title
         attributes {
           tags
-          text
         }
       }
     }
-    allMarkdownRemark(
-      limit: 1000
-      sort: { fields: [frontmatter___title], order: ASC }
-    ) {
-      totalCount
+    allMarkdownRemark {
       edges {
         node {
-          id
           html
-          rawMarkdownBody
-          fields {
-            slug
-          }
           frontmatter {
             title
-            tags
           }
-          fileAbsolutePath
         }
       }
     }