Update home page + code posts page.

Author: rmariuzzo

gatsby-browser.js

@@ -10,7 +10,4 @@ import(`@fontsource/source-sans-pro/${theme.fontWeight.black}.css`)
 import(`@fontsource/source-code-pro/${theme.fontWeight.regular}.css`)
 import(`@fontsource/source-code-pro/${theme.fontWeight.semiBold}.css`)
 
-import 'prismjs'
-
-import 'prismjs/themes/prism.css'
 import 'prismjs/themes/prism-okaidia.css'

src/pages/index.tsx

@@ -10,16 +10,16 @@ const IndexPage: React.FC = () => {
     <MainLayout>
       <SEO title="Home" />
       <TextBlock>
-        <code>
-          <pre>
+        <pre className="language-javascript">
+          <code className="language-javascript">
             // TODO: Complete website...
             <br />
             // I'm currently fighting a cancer again. This is the second time.
             <br />
             // I created a blog about it, which I'm migrating{' '}
             <Link to="/lymphoma">here</Link>.
-          </pre>
-        </code>
+          </code>
+        </pre>
       </TextBlock>
     </MainLayout>
   )

src/views/CodePostsListView.tsx

@@ -21,7 +21,11 @@ export const CodePostsListView: React.FC<CodePostsListViewProps> = ({
 }) => {
   return (
     <MainLayout {...more}>
-      <S.Title>Recent posts about code</S.Title>
+      <S.Title>
+        Recent posts about
+        <br />
+        code
+      </S.Title>
       <S.PostCardList>
         {posts.map((post) => (
           <S.PostCardListItem key={post.id}>