Updated draft, added do not track component

astro.config.mjs

@@ -1,6 +1,5 @@
 import { defineConfig } from 'astro/config';
 
-// https://astro.build/config
 import tailwind from "@astrojs/tailwind";
 
 // https://astro.build/config
@@ -12,8 +11,11 @@ import prefetch from "@astrojs/prefetch";
 // https://astro.build/config
 import compress from "astro-compress";
 
+// https://astro.build/config
+import react from "@astrojs/react";
+
 // https://astro.build/config
 export default defineConfig({
   site: "https://skyeto.com",
-  integrations: [tailwind(), mdx(), prefetch(), compress()]
-});
+  integrations: [tailwind(), mdx(), prefetch(), compress(), react()]
+});

package.json

@@ -13,11 +13,16 @@
   "dependencies": {
     "@astrojs/mdx": "^0.11.5",
     "@astrojs/prefetch": "^0.1.1",
+    "@astrojs/react": "^2.2.1",
     "@astrojs/rss": "^1.2.1",
     "@astrojs/tailwind": "^3.0.0-beta.1",
+    "@types/react": "^18.2.14",
+    "@types/react-dom": "^18.2.6",
     "astro": "^2.1.7",
     "astro-compress": "^1.1.1",
     "postcss": "^8.4.21",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "tailwind": "^4.0.0",
     "tailwindcss": "^3.2.1",
     "three": "^0.151.3"

public/robots.txt

@@ -0,0 +1,8 @@
+User-agent: ChatGPT-User
+Disallow: /
+
+User-agent: ChatGPT
+Disallow: /
+
+User-agent: OpenAI
+Disallow: /

src/components/DNT.jsx

@@ -0,0 +1,22 @@
+import { useState } from 'react';
+
+export default function DND(props) {
+  const [consent, setConsent] = useState(false);
+
+  if(navigator && navigator.doNotTrack == "1" && !consent) {
+    return (
+      <div style={{
+        background: "rgb(40, 40, 40)",
+        border: "1px solid rgb(60, 60, 60)",
+        padding: "0.5rem",
+        borderRadius: "0.25rem"
+      }}>
+      You have do not track enabled. Do you still want to show the remote content{props.source && <span> from {props.source}</span>}? <button style={{textDecoration: "underline"}} onClick={(e) => setConsent(true)}>Show</button>
+      </div>
+    )
+  }
+
+  return (
+    <div>{props.children}</div>
+  )
+}

src/layouts/Layout.astro

@@ -48,8 +48,7 @@ const { title, description, pubDate } = Astro.props;
     <slot />
 
     <footer class="container">
-      &copy; 2023 skyeto;<br>
-      Content is not licensed for use in AI models nor for training AI models. Copying for non-commercial purposes as long as you give attribution is totally okay!
+      &copy; 2023 skyeto; <a style="text-decoration: underline dotted" href="http://creativecommons.org/licenses/by-sa/4.0/">Licensed under CC-BY-SA 4.0</a><br>
     </footer>
 
     <!-- 

src/layouts/Post.astro

@@ -69,6 +69,7 @@ const { frontmatter } = Astro.props;
 
   article > ul {
     @apply list-disc mb-[1rem];
+    list-style-position: inside;
   }
 
   article > ol {
@@ -82,5 +83,13 @@ const { frontmatter } = Astro.props;
   article a {
     @apply hover:underline decoration-dashed text-[#00b5e2];
   }
+
+  article > .footnotes {
+    @apply mt-[10rem];
+  }
+
+  article > .footnotes > ol li p:first-child:before {
+    content: "> ";
+  }
 </style>