-
-
-
-
-
-
- {/* */}
-
-
- {/*
-
-
-
*/}
+
);
};
diff --git a/src/styles/Home.module.css b/src/styles/Home.module.css
index 0bee4ed..84fc9f9 100644
--- a/src/styles/Home.module.css
+++ b/src/styles/Home.module.css
@@ -209,3 +209,19 @@
height: 100vh;
overflow: hidden;
}
+
+.blogLink {
+ color: white;
+ font-size: 24px;
+ padding: 10px;
+ margin-top: 3rem;
+ cursor: pointer;
+ text-decoration: none;
+ border: 1px solid white;
+ border-radius: 10px;
+ background: darkslategrey;
+}
+
+.blogLink:hover {
+ background: rgb(27, 43, 43);
+}
diff --git a/src/styles/Posts.module.css b/src/styles/Posts.module.css
new file mode 100644
index 0000000..6c10a36
--- /dev/null
+++ b/src/styles/Posts.module.css
@@ -0,0 +1,49 @@
+.title {
+ color: white;
+ display: flex;
+ justify-content: center;
+ position: relative;
+ font-size: 64px;
+ padding-top: 12px;
+}
+
+.postLink {
+ color: white;
+ display: flex;
+ justify-content: center;
+ position: relative;
+ font-size: 48px;
+ padding-top: 12px;
+ color: inherit;
+ text-decoration: underline;
+}
+
+.postLink:visited {
+ color: inherit;
+}
+
+.homeIcon {
+ position: absolute;
+ top: 0;
+ left: 0;
+ color: white;
+ font-size: 24px;
+ padding: 25px;
+ z-index: 100;
+ cursor: pointer;
+}
+
+.backIcon {
+ left: 48px;
+}
+
+.markdownContainer {
+ width: 80%;
+ display: flex;
+ justify-content: center;
+ border-radius: 10px;
+ color: black;
+ background-color: #ffffff95;
+ position: relative;
+ flex-direction: column;
+}
diff --git a/tsconfig.json b/tsconfig.json
index 99710e8..37f3c03 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -13,8 +13,17 @@
"resolveJsonModule": true,
"isolatedModules": true,
"jsx": "preserve",
- "incremental": true
+ "incremental": true,
+ "paths": {
+ "@/*": ["./src/*"],
+ "contentlayer/generated": ["./.contentlayer/generated"]
+ }
},
- "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+ "include": [
+ "next-env.d.ts",
+ "**/*.ts",
+ "**/*.tsx",
+ "./.contentlayer/generated"
+ ],
"exclude": ["node_modules"]
}