feat: style fixes and adding inline toc

.github/funding.yml

@@ -0,0 +1 @@
+github: [transitive-bullshit]

.github/issue_template.md

@@ -0,0 +1,7 @@
+<!--
+If applicable, please include a link to at least one publicly accessible Notion page related to your issue.
+
+This is extremely helpful for us to debug and fix issues.
+
+Thanks!
+-->

.github/pull_request_template.md

@@ -0,0 +1,7 @@
+<!--
+If applicable, please include a link to at least one publicly accessible Notion page related to your issue.
+
+This is extremely helpful for us to debug and fix issues.
+
+Thanks!
+-->

components/NotionPage.tsx

@@ -90,6 +90,9 @@ export const NotionPage: React.FC<types.PageProps> = ({
 
   const isBlogPost =
     block.type === 'page' && block.parent_table === 'collection'
+  const showTableOfContents = !!isBlogPost
+  const minTableOfContentsItems = 3
+
   const socialImage = config.api.renderSocialImage(pageId)
   const socialDescription =
     getPageDescription(block, recordMap) ?? config.description
@@ -194,6 +197,8 @@ export const NotionPage: React.FC<types.PageProps> = ({
         darkMode={isDarkMode}
         previewImages={site.previewImages !== false}
         showCollectionViewDropdown={false}
+        showTableOfContents={true}
+        minTableOfContentsItems={minTableOfContentsItems}
         defaultPageIcon={config.defaultPageIcon}
         defaultPageCover={config.defaultPageCover}
         defaultPageCoverPosition={config.defaultPageCoverPosition}

readme.md

@@ -2,7 +2,6 @@
   <a href="https://transitivebullsh.it/nextjs-notion-starter-kit">
     <img alt="Example article page" src="https://ssfy.io/https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%252Fsecure.notion-static.com%252Fdf65065d-c53b-4d2a-978c-594d1806a2c4%252Fmain-article-desktop-opt.jpg%3Ftable%3Dblock%26id%3D5b87b717-ca5b-49da-b17c-12c3eab1644a%26cache%3Dv2" width="689">
   </a>
-  
 </p>
 
 # Next.js Notion Starter Kit

styles/global.css

@@ -15,6 +15,10 @@ html {
     Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
 }
 
+body {
+  overflow-x: hidden;
+}
+
 .utterances {
   max-width: 100% !important;
 }

styles/notion.css

@@ -7,6 +7,10 @@
  * places to add some flare and make our site look more like a blog.
  */
 
+.notion {
+  --notion-max-width: 720px;
+}
+
 .notion-page {
   margin: 0 12px;
   width: 720px;