diff --git a/components/BlogList.js b/components/BlogList.js
index 374c52c..e201af4 100644
--- a/components/BlogList.js
+++ b/components/BlogList.js
@@ -1,34 +1,131 @@
import Link from "next/link";
+import ReactMarkdown from "react-markdown";
+
+function reformatDate(fullDate) {
+ const date = new Date(fullDate);
+ return date.toDateString().slice(4);
+}
+
+function truncateSummary(content) {
+ return content.slice(0, 200).trimEnd();
+}
const BlogList = ({ posts }) => {
- const blogElements = posts
- .sort((a, b) => a.frontmatter.date < b.frontmatter.date)
- .map((post) => (
-
- ));
return (
-
- {blogElements}
+ <>
+
-
+ >
);
};
diff --git a/components/Layout.js b/components/Layout.js
index f142b35..04aff51 100644
--- a/components/Layout.js
+++ b/components/Layout.js
@@ -1,10 +1,15 @@
import Header from "./Header";
import Meta from "./Meta";
-export default function Layout({ siteTitle, siteDescription, children }) {
+export default function Layout({
+ siteTitle,
+ siteDescription,
+ children,
+ pathname,
+}) {
return (
-
-
+
+
{children}
);
}
diff --git a/pages/posts/index.js b/pages/posts/index.js
deleted file mode 100644
index 5ea2a07..0000000
--- a/pages/posts/index.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import Layout from "../../components/Layout";
-import BlogList from "../../components/BlogList";
-
-const Index = (props) => {
- return (
-
-
-
- );
-};
-
-export default Index;
diff --git a/styles/Home.module.css b/styles/Home.module.css
deleted file mode 100644
index b55cee6..0000000
--- a/styles/Home.module.css
+++ /dev/null
@@ -1,123 +0,0 @@
-.container {
- min-height: 100vh;
- padding: 0 0.5rem;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
-}
-
-.main {
- padding: 5rem 0;
- flex: 1;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
-}
-
-.footer {
- width: 100%;
- height: 100px;
- border-top: 1px solid #eaeaea;
- display: flex;
- justify-content: center;
- align-items: center;
-}
-
-.footer img {
- margin-left: 0.5rem;
-}
-
-.footer a {
- display: flex;
- justify-content: center;
- align-items: center;
-}
-
-.title a {
- color: #0070f3;
- text-decoration: none;
-}
-
-.title a:hover,
-.title a:focus,
-.title a:active {
- text-decoration: underline;
-}
-
-.title {
- margin: 0;
- line-height: 1.15;
- font-size: 4rem;
-}
-
-.title,
-.description {
- text-align: center;
-}
-
-.description {
- line-height: 1.5;
- font-size: 1.5rem;
-}
-
-.code {
- background: #fafafa;
- border-radius: 5px;
- padding: 0.75rem;
- font-size: 1.1rem;
- font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
- Bitstream Vera Sans Mono, Courier New, monospace;
-}
-
-.grid {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
-
- max-width: 800px;
- margin-top: 3rem;
-}
-
-.card {
- margin: 1rem;
- flex-basis: 45%;
- padding: 1.5rem;
- text-align: left;
- color: inherit;
- text-decoration: none;
- border: 1px solid #eaeaea;
- border-radius: 10px;
- transition: color 0.15s ease, border-color 0.15s ease;
-}
-
-.card:hover,
-.card:focus,
-.card:active {
- color: #0070f3;
- border-color: #0070f3;
-}
-
-.card h3 {
- margin: 0 0 1rem 0;
- font-size: 1.5rem;
-}
-
-.card p {
- margin: 0;
- font-size: 1.25rem;
- line-height: 1.5;
-}
-
-.logo {
- height: 1em;
-}
-
-@media (max-width: 600px) {
- .grid {
- width: 100%;
- flex-direction: column;
- }
-}
diff --git a/styles/globals.css b/styles/globals.css
deleted file mode 100644
index e5e2dcc..0000000
--- a/styles/globals.css
+++ /dev/null
@@ -1,16 +0,0 @@
-html,
-body {
- padding: 0;
- margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
- Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
-}
-
-a {
- color: inherit;
- text-decoration: none;
-}
-
-* {
- box-sizing: border-box;
-}