Merge pull request #485 from code-hike/next

✨ Update website ✨

Author: pomber

apps/web/app/landing/download.tsx

@@ -0,0 +1,20 @@
+"use client"
+import * as htmlToImage from "html-to-image"
+
+export function Download({ selector }: { selector: string }) {
+  const onClick = async () => {
+    const nodes = document.querySelectorAll(selector) as any
+    for (const node of nodes) {
+      const dataUrl = await htmlToImage.toPng(node as HTMLElement)
+      var img = new Image()
+      img.src = dataUrl
+      document.getElementById("out")!.appendChild(img)
+    }
+  }
+  return (
+    <div>
+      <button onClick={onClick}>As PNG</button>
+      <div id="out" className="min-w-6 min-h-6 border"></div>
+    </div>
+  )
+}

apps/web/app/landing/sponsors.json

@@ -9,7 +9,7 @@
   },
   {
     "name": "speakeasy-api",
-    "amount": 4331
+    "amount": 4649
   },
   {
     "name": "uidotdev",
@@ -29,11 +29,11 @@
   },
   {
     "name": "kickstartDS",
-    "amount": 957
+    "amount": 986
   },
   {
     "name": "brianespinosa",
-    "amount": 912
+    "amount": 941
   },
   {
     "name": "jsheroes",
@@ -47,21 +47,25 @@
     "name": "scvnc",
     "amount": 421
   },
+  {
+    "name": "remotion-dev",
+    "amount": 400
+  },
   {
     "name": "nathanclevenger",
-    "amount": 372
+    "amount": 391
   },
   {
     "name": "arosenkranz",
     "amount": 370
   },
   {
     "name": "molebox",
-    "amount": 333
+    "amount": 342
   },
   {
     "name": "traviscooper",
-    "amount": 315
+    "amount": 324
   },
   {
     "name": "obgibson",
@@ -85,15 +89,15 @@
   },
   {
     "name": "codeSTACKr",
-    "amount": 252
+    "amount": 261
   },
   {
-    "name": "matthiaszepper",
-    "amount": 250
+    "name": "kiliman",
+    "amount": 255
   },
   {
-    "name": "kiliman",
-    "amount": 246
+    "name": "matthiaszepper",
+    "amount": 250
   },
   {
     "name": "lostintangent",
@@ -219,6 +223,10 @@
     "name": "ranman",
     "amount": 86
   },
+  {
+    "name": "zmzlois",
+    "amount": 84
+  },
   {
     "name": "grikomsn",
     "amount": 81
@@ -243,10 +251,6 @@
     "name": "devopsbarista",
     "amount": 67
   },
-  {
-    "name": "zmzlois",
-    "amount": 65
-  },
   {
     "name": "cdalsoniii",
     "amount": 63
@@ -371,6 +375,10 @@
     "name": "1rodriguez",
     "amount": 25
   },
+  {
+    "name": "yowainwright",
+    "amount": 25
+  },
   {
     "name": "codebender828",
     "amount": 23
@@ -464,12 +472,12 @@
     "amount": 9
   },
   {
-    "name": "achan-godaddy",
-    "amount": 7
+    "name": "peterfox",
+    "amount": 8
   },
   {
-    "name": "peterfox",
-    "amount": 6
+    "name": "achan-godaddy",
+    "amount": 7
   },
   {
     "name": "RayJason",

apps/web/package.json

@@ -26,6 +26,7 @@
     "diff": "^5.1.0",
     "dotenv": "^16.4.1",
     "estree-util-to-js": "^2.0.0",
+    "html-to-image": "^1.11.11",
     "lucide-react": "^0.303.0",
     "next": "14.1.0",
     "next-docs-mdx": "7.1.2",

pnpm-lock.yaml

@@ -1,3 +1,5 @@
+# Code Hike
+
 ### Build rich content websites with Markdown and React
 
 Code Hike is an open-source library that bridges the gap between Markdown and React to help you create technical content that takes advantage of the modern web.
@@ -12,13 +14,37 @@ Try it online on [StackBlitz](https://stackblitz.com/github/code-hike/v1-starter
 npx create-next-app -e https://github.com/code-hike/v1-starter
 ```
 
-<!-- #### Powered by
+---
+
+[![GitHub Accelerator](https://github.com/user-attachments/assets/373ac21a-170e-44ea-9401-ed12e545a7f0#gh-dark-mode-only)](https://github.blog/2023-04-12-github-accelerator-our-first-cohort-and-whats-next/#gh-dark-mode-only)
+[![GitHub Accelerator](https://github.com/user-attachments/assets/9e6675bb-4981-4cd8-951b-96ae8f40c9ea#gh-light-mode-only)](https://github.blog/2023-04-12-github-accelerator-our-first-cohort-and-whats-next/#gh-light-mode-only)
+
+### Top Sponsors
+
+[![Meta](https://github.com/user-attachments/assets/e3964404-3fb8-483b-8f99-e65ae2740301#gh-dark-mode-only)](https://opensource.fb.com/#gh-dark-mode-only)
+[![Meta](https://github.com/user-attachments/assets/3be6741f-f6ea-4957-a0ab-32954aab7f84#gh-light-mode-only)](https://opensource.fb.com/#gh-light-mode-only)
+![spacer](https://user-images.githubusercontent.com/1911623/145202317-0bcfb3ed-403c-4737-a781-2eeb6b796e8b.png)
+[![Speakeasy](https://github.com/user-attachments/assets/5c5af791-c8c5-402e-92d5-48228a79e3df#gh-dark-mode-only)](https://www.speakeasy.com/#gh-dark-mode-only)
+[![Speakeasy](https://github.com/user-attachments/assets/e083d81a-e577-48c8-9fb1-efa26ba6f6f9#gh-light-mode-only)](https://www.speakeasy.com/#gh-light-mode-only)
+![spacer](https://user-images.githubusercontent.com/1911623/145202317-0bcfb3ed-403c-4737-a781-2eeb6b796e8b.png)
+[![ui.dev](https://github.com/user-attachments/assets/f45441cd-c734-42a8-9a71-459d3cdf0a59#gh-dark-mode-only)](https://ui.dev/#gh-dark-mode-only)
+[![ui.dev](https://github.com/user-attachments/assets/5fbf4b0e-4ae8-4434-990a-e0d09a6c3562#gh-light-mode-only)](https://ui.dev/#gh-light-mode-only)
+![spacer](https://user-images.githubusercontent.com/1911623/145202317-0bcfb3ed-403c-4737-a781-2eeb6b796e8b.png)
+[![Drivly](https://github.com/user-attachments/assets/cf13e6e5-4d4c-43d1-b990-72dce36d0209#gh-dark-mode-only)](https://driv.ly/#gh-dark-mode-only)
+[![Drivly](https://github.com/user-attachments/assets/50c05647-5c0a-4b3f-9733-3d7286b6f034#gh-light-mode-only)](https://driv.ly/#gh-light-mode-only)
+
+#### Powered by
 
 [![Vercel](https://user-images.githubusercontent.com/1911623/145199399-68b8cd57-c331-4c50-81a2-8c491fb7c0a5.png#gh-dark-mode-only)](https://vercel.com/?utm_source=codehike&utm_campaign=oss#gh-dark-mode-only)
 [![Vercel](https://user-images.githubusercontent.com/1911623/145199467-f07416cf-2ed5-4c6f-a4e1-bbcaabbec603.png#gh-light-mode-only)](https://vercel.com/?utm_source=codehike&utm_campaign=oss#gh-light-mode-only)
 ![spacer](https://user-images.githubusercontent.com/1911623/145202317-0bcfb3ed-403c-4737-a781-2eeb6b796e8b.png)
 [![BrowserStack](https://user-images.githubusercontent.com/1911623/145201865-9786b79a-c532-41f7-8da0-91334b53f380.png#gh-dark-mode-only)](https://www.browserstack.com/#gh-dark-mode-only)
-[![BrowserStack](https://user-images.githubusercontent.com/1911623/145201872-8940020c-5659-4066-9a0b-0eb25ace3e61.png#gh-light-mode-only)](https://www.browserstack.com/#gh-light-mode-only) -->
+[![BrowserStack](https://user-images.githubusercontent.com/1911623/145201872-8940020c-5659-4066-9a0b-0eb25ace3e61.png#gh-light-mode-only)](https://www.browserstack.com/#gh-light-mode-only)
+![spacer](https://user-images.githubusercontent.com/1911623/145202317-0bcfb3ed-403c-4737-a781-2eeb6b796e8b.png)
+[![Gitpod](https://github.com/user-attachments/assets/e219d74d-2154-4e02-aceb-45408fee6f90#gh-dark-mode-only)](https://www.gitpod.io/#gh-dark-mode-only)
+[![Gitpod](https://github.com/user-attachments/assets/d3095f51-0d43-41f1-84f4-92dba8486d61#gh-light-mode-only)](https://www.gitpod.io//#gh-light-mode-only)
+
+---
 
 #### License