feat: Website enhancements (#376)

* feat: Migrate to tailwind and create blog * blog improvements * update lockfile * remove import * improvements * improvements * fixes * update astro * 0 js * tweaks * remove react astro plugin * remove @fontsource/inter * pin astro to 3.5.3 * fix responsive design * fix responsive design 2 * use video instead of static ui * Nicee * tweaks * tweaks * tweaks * tweaks * wth * mm * okay * lol * metadata * tweak * tweak * add RSS * lock file * Sponsor button * video on readme * typo * update readme * improvements * improvements * mobile padding * fix * fix * fix * improvements * fix * fix * fix * fix * improvements * improvements * improvements * improvements * improvements * improvements * improvements * gradients * use_form * improvements * improvements * improvements * improvements * improvements * hex support * small tweaks * update * update * improvements * tweaks * tweak * revert animation.rs example * fmt
marc2332 · Apr 27, 2024 · 3b28568 · 3b28568
1 parent d417d45
commit 3b28568
Show file tree

Hide file tree

Showing 42 changed files with 3,093 additions and 1,778 deletions.
diff --git a/README.md b/README.md
@@ -20,10 +20,10 @@
 <td style="border:hidden;">
 
 ```rust, no_run
-fn app(cx: Scope) -> Element {
-    let mut count = use_state(cx, || 0);
+fn app() -> Element {
+    let mut count = use_signal(|| 0);
 
-    render!(
+    rsx!(
         rect {
             height: "20%",
             width: "100%",
@@ -50,7 +50,7 @@ fn app(cx: Scope) -> Element {
 </td>
 <td style="border:hidden;">
 
-![Freya](./demo.png)
+![Freya Demo](https://github.com/marc2332/freya/assets/38158676/f81a95a2-7add-4dbe-9820-3d3b6b42f6e5)
 
 </td>
 </table>

diff --git a/website/.gitignore b/website/.gitignore
@@ -18,3 +18,5 @@ pnpm-debug.log*
 
 # macOS-specific files
 .DS_Store
+
+.astro
diff --git a/website/astro.config.mjs b/website/astro.config.mjs
@@ -1,14 +1,19 @@
 import { defineConfig } from 'astro/config';
-
-// https://astro.build/config
-import react from "@astrojs/react";
-
-// https://astro.build/config
+import { rehypeAccessibleEmojis } from 'rehype-accessible-emojis';
+import rehypeAutoLinks from 'rehype-autolink-headings';
+import rehypeSlug from 'rehype-slug'
 import deno from "@astrojs/deno";
+import tailwind from "@astrojs/tailwind";
 
 // https://astro.build/config
 export default defineConfig({
-  integrations: [react()],
+  site: "https://freyaui.dev",
+  integrations: [tailwind()],
   output: "server",
-  adapter: deno()
+  adapter: deno(),
+  markdown: {
+    rehypePlugins: [rehypeAccessibleEmojis, rehypeSlug, () => rehypeAutoLinks({
+      behavior: "append",
+    })]
+  }
 });
diff --git a/website/biome.json b/website/biome.json
@@ -0,0 +1,10 @@
+{
+  "formatter": {
+    "enabled": true,
+    "formatWithErrors": false,
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "lineWidth": 80,
+    "ignore": []
+  }
+}
diff --git a/website/package.json b/website/package.json
@@ -8,19 +8,20 @@
     "start": "astro dev",
     "build": "astro build",
     "preview": "deno run --allow-net --allow-read --allow-env ./dist/server/entry.mjs",
-    "astro": "astro"
+    "astro": "astro",
+    "format": "biome format ./src --write "
   },
   "dependencies": {
     "@astrojs/deno": "^5.0.0",
-    "@astrojs/react": "^3.0.0",
-    "@fontsource/inter": "^5.0.0",
-    "@types/react": "^18.0.21",
-    "@types/react-dom": "^18.0.6",
-    "astro": "^4.0.0",
-    "highlight.js": "^11.7.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "react-icons": "^5.0.0",
-    "react-syntax-highlighter": "^15.5.0"
+    "@astrojs/rss": "^4.0.1",
+    "@astrojs/tailwind": "^5.0.2",
+    "astro": "3.5.3",
+    "rehype-accessible-emojis": "^0.3.2",
+    "rehype-autolink-headings": "^7.1.0",
+    "rehype-slug": "^6.0.0",
+    "tailwindcss": "^3.0.24"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "^1.3.3"
   }
 }