Make it to have default notion styling

Author: 1chang1

.gitignore

@@ -26,6 +26,7 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+yarn.lock
 
 # local env files
 .env

site.config.ts

@@ -45,20 +45,35 @@ export default siteConfig({
   //   '/foo': '067dd719a912471ea9a3ac10710e7fdf',
   //   '/bar': '0be6efce9daf42688f65c76b89f8eb27'
   // }
-  pageUrlOverrides: null,
+  pageUrlOverrides: {
+    '/careers/p2achai': '7a39a94e4e104d04ab14385f244e5613',
+    '/careers/teamluckly':
+      'https://1c1.notion.site/SW-12-6c60cc7c9b064bab9963598a1da21805',
+    '/careers/teamrare': 'SW-12-93c0e513e98048209b20b117210959e4',
+    '/careers/rokaf': '15-8cfb950730264881a2e90576617db4a6',
+    '/careers/ajou': '0ddbb2fb30814fbdb1d6156f64839ca9',
+    '/projects/teft': 'Teft-3796aad2db414f82a85569be93247268',
+    '/projects/ojjam': 'f0f7beabb162475583cfe432179ae4a1',
+    '/projects/mytypetest': 'd4dbb5d3300140e9a947598d11a4c07e',
+    '/projects/stady': 'STADY-84595d1b794745baaa8fd2c79ad49ecf',
+    '/projects/routelog': 'RouteLog-10d1892dc4c848dc998cc989a68bc2d9',
+    '/projects/traffin': 'TRAFFIN-24971d0c6a8e470e8d05ac7ed12327d4',
+    '/projects/hyowonlife': '750da52c857648978e315f5d11c00daf',
+    '/projects/tothesky': 'toTheSky-1b33457e15fa4ba3851eb685f2edbfac'
+  }
 
   // whether to use the default notion navigation style or a custom one with links to
   // important pages
   // navigationStyle: 'default'
-  navigationStyle: 'custom',
-  navigationLinks: [
-    {
-      title: 'About',
-      pageId: 'f1199d37579b41cbabfc0b5174f4256a'
-    },
-    {
-      title: 'Contact',
-      pageId: '6a29ebcb935a4f0689fe661ab5f3b8d1'
-    }
-  ]
+  // navigationStyle: 'custom',
+  // navigationLinks: [
+  //   {
+  //     title: 'About',
+  //     pageId: 'f1199d37579b41cbabfc0b5174f4256a'
+  //   },
+  //   {
+  //     title: 'Contact',
+  //     pageId: '6a29ebcb935a4f0689fe661ab5f3b8d1'
+  //   }
+  // ]
 })

styles/notion.css

@@ -21,7 +21,7 @@
   --notion-max-width: 900px;
 }
 
-.notion-text {
+/* .notion-text {
   padding: 0.5em 2px;
 }
 
@@ -114,7 +114,7 @@
   }
 }
 
-.notion-quote {
+/* .notion-quote {
   padding: 0.2em 0.75em;
   line-height: 1.5;
   font-style: italic;
@@ -162,15 +162,6 @@
   margin-right: auto;
 }
 
-.notion-title {
-  display: block;
-  text-align: start;
-  letter-spacing: 4px;
-  text-decoration-line: underline;
-  text-decoration-style: wavy;
-  text-underline-offset: 12px;
-}
-
 .notion-collection-row {
   padding-bottom: 1em;
 }
@@ -244,95 +235,10 @@
 
   transition-property: background-position, background-size;
   transition-duration: 300ms;
-}
-
-.notion-red_background,
-.notion-pink_background,
-.notion-blue_background,
-.notion-purple_background,
-.notion-teal_background,
-.notion-yellow_background,
-.notion-orange_background,
-.notion-brown_background,
-.notion-gray_background {
-  padding: 0 0.5rem;
-  margin: 0 -0.5rem 0 -0.25rem;
-  border-radius: 0.5rem;
-  border-bottom-left-radius: 0.125rem;
-  box-decoration-break: clone;
-
-  background-color: none;
-
-  /* light yellow */
-  background-image: linear-gradient(
-    119deg,
-    var(--bg-color),
-    #fff697 10.5%,
-    #fdf59d 85.29%,
-    var(--bg-color)
-  );
-}
-
-.notion-purple_background,
-.notion-pink_background {
-  /* light pink */
-  background-image: linear-gradient(
-    119deg,
-    var(--bg-color),
-    #f5b8d1 10.5%,
-    #f9bcd3 85.29%,
-    var(--bg-color)
-  );
-}
-
-.notion-blue_background,
-.notion-gray_background {
-  /* light blue */
-  background-image: linear-gradient(
-    119deg,
-    var(--bg-color),
-    #adedfc 10.5%,
-    #adebfd 85.29%,
-    var(--bg-color)
-  );
-}
-
-.notion-red_background,
-.notion-orange_background {
-  /* light red */
-  background-image: linear-gradient(
-    119deg,
-    var(--bg-color),
-    #f5c4ff 10.5%,
-    #e7a8fc 85.29%,
-    var(--bg-color)
-  );
-}
-
-.notion-teal_background {
-  /* light green */
-  background-image: linear-gradient(
-    119deg,
-    var(--bg-color),
-    #d4eabc 10.5%,
-    #d2eabc 85.29%,
-    var(--bg-color)
-  );
-}
-
-.notion-brown_background {
-  /* dark blue */
-  background-image: linear-gradient(
-    119deg,
-    var(--bg-color),
-    #96b8ec 10.5%,
-    #a6c3f0 85.29%,
-    var(--bg-color)
-  );
-}
+} */
 
 /* disable highlighting in dark mode */
-.dark-mode .notion-red_background,
+/* .dark-mode .notion-red_background,
 .dark-mode .notion-pink_background,
 .dark-mode .notion-blue_background,
 .dark-mode .notion-purple_background,
@@ -345,17 +251,17 @@
   margin: 0;
   border-radius: 0;
   background: none !important;
-}
+} */
 
 /* if you don't want rounded page icon images, remove this */
-.notion-page-icon-hero.notion-page-icon-image {
+/* .notion-page-icon-hero.notion-page-icon-image {
   border-radius: 50%;
   box-shadow: 0 8px 40px 0 rgb(0 0 0 / 21%);
 }
 .notion-page-icon-hero.notion-page-icon-image span,
 .notion-page-icon-hero.notion-page-icon-image img {
   border-radius: 50%;
-}
+} */
 
 .notion-header {
   background: hsla(0, 0%, 100%, 0.8);
@@ -375,10 +281,10 @@
   }
 }
 
-.notion-bookmark:hover {
+/* .notion-bookmark:hover {
   border-image: linear-gradient(90.68deg, #b439df 0.26%, #e5337e 102.37%);
   border-image-slice: 1;
-}
+} */
 
 .notion-block-ab9a258d6cf444f3bb40dc2600feae91 .notion-column {
   padding: 0;
@@ -388,6 +294,8 @@
   display: none;
 }
 
+/* edit */
+
 .notion-collection-header {
   display: none;
 }
@@ -419,3 +327,30 @@
 .title {
   font-weight: 700;
 }
+
+.notion-title {
+  display: none;
+  text-align: start;
+  letter-spacing: 4px;
+  text-decoration-line: underline;
+  text-decoration-style: wavy;
+  text-underline-offset: 12px;
+}
+
+.notion-page-title-text {
+  font-size: 20px;
+  font-weight: 700;
+}
+
+.notion-page-icon-inline {
+  min-width: 28px;
+  max-width: 28px;
+  min-height: 28px;
+  max-height: 28px;
+  display: flex;
+}
+
+.notion-page-icon-inline img {
+  align-self: center;
+  justify-self: center;
+}

yarn.lock

@@ -3605,7 +3605,7 @@ supports-preserve-symlinks-flag@^1.0.0:
   resolved "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz"
   integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
 
-tar-fs@*, tar-fs@^2.0.0, tar-fs@^2.1.1:
+tar-fs@^2.0.0, tar-fs@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/tar-fs/-/tar-fs-2.1.1.tgz#489a15ab85f1f0befabb370b7de4f9eb5cbe8784"
   integrity sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==