Merge pull request #305 from vordgi/rd-304

rd-304 add nextjs-dev to showcases
vordgi · Oct 13, 2024 · 0a41886 · 0a41886
2 parents edb5719 + 690680d
commit 0a41886
Show file tree

Hide file tree

Showing 6 changed files with 24 additions and 4 deletions.
diff --git a/examples/nextjs-conributing/src/app/[[...path]]/robindoc.ts b/examples/nextjs-conributing/src/app/[[...path]]/robindoc.ts
@@ -11,7 +11,7 @@ export const { Page, Sidebar, getPages, getMeta, getPageContent, getPageData } =
             type: "heading",
             href: "/",
             configuration: {
-                sourceRoot: "https://github.com/vercel/next.js/blob/canary/readme.md",
+                sourceRoot: "https://github.com/vercel/next.js/blob/canary/contributing.md",
             },
         },
         {

diff --git a/site/src/components/sections/showcases/images/nextjs-dev.png b/site/src/components/sections/showcases/images/nextjs-dev.png
diff --git a/site/src/components/sections/showcases/images/nimpl-tech.png b/site/src/components/sections/showcases/images/nimpl-tech.png
diff --git a/site/src/components/sections/showcases/images/nimpl.png b/site/src/components/sections/showcases/images/nimpl.png
diff --git a/site/src/components/sections/showcases/index.tsx b/site/src/components/sections/showcases/index.tsx
@@ -24,11 +24,18 @@ const Showcases = () => (
         </div>
         <div className="showcases-list">
             <a href="https://nimpl.tech" target="_blank" rel="noopener noreferrer" className="showcases-card">
-                <Image src={require('./images/nimpl.png').default} alt="" className="showcases-img" />
+                <Image src={require('./images/nimpl-tech.png').default} alt="" className="showcases-img" />
                 <h2 className="showcases-product">
                     Nimpl
                 </h2>
             </a>
+            <a href="https://nextjs-dev.robindoc.com/" target="_blank" rel="noopener noreferrer" className="showcases-card">
+                <Image src={require('./images/nextjs-dev.png').default} alt="" className="showcases-img" />
+                <h2 className="showcases-product">
+                    Next.js Contibuting Guide
+                </h2>
+                <div className="showcases-product-badge">Unofficial</div>
+            </a>
         </div>
     </Container>
 )

diff --git a/site/src/components/sections/showcases/showcases.scss b/site/src/components/sections/showcases/showcases.scss
@@ -87,12 +87,14 @@
 }
 
 .showcases-card {
+  position: relative;
   display: block;
   border-radius: 12px;
   text-decoration: none;
   background-color: var(--neutral50);
   padding: 16px;
   color: inherit;
+  text-align: left;
   filter: grayscale(0.5);
   transition: background-color 0.2s;
 
@@ -109,7 +111,18 @@
 }
 
 .showcases-product {
-  text-align: left;
-  line-height: 1;
   margin: 24px 12px 12px;
+  line-height: 1;
+  font-size: 1.25em;
+}
+
+.showcases-product-badge {
+  position: absolute;
+  top: 16px;
+  right: 16px;
+  padding: 6px 10px;
+  background-color: var(--neutral100);
+  backdrop-filter: opacity(0.4);
+  border-top-right-radius: 8px;
+  border-bottom-left-radius: 8px;
 }