feat: hn showcase

@apps/factor-site/src/showcase/map.ts

@@ -13,13 +13,16 @@ import DarwinScreenshot2 from "./darwin/screenshot-2.webp"
 import DarwinScreenshot3 from "./darwin/screenshot-3.webp"
 import DarwinIcon from "./darwin/icon.png"
 
+import HnScreenshot1 from "./hn/screenshot.webp"
+import HnIcon from "./hn/icon.svg"
+
 import { ExtendItem } from "../types"
 export const map: Partial<ExtendItem>[] = [
   {
     name: "Zeno",
     permalink: "zeno",
-    authorName: "Andrew Powers",
-    authorUrl: "https://www.andrewpowers.co",
+    authorName: "Raymond Aleman",
+    authorUrl: "https://github.com/finestpixels",
     icon: ZenoIcon,
     description:
       "Zeno is an example application/theme created specifically as a boilerplate for your project. Includes dynamic images and figures.",
@@ -61,4 +64,17 @@ export const map: Partial<ExtendItem>[] = [
     category: "marketing",
     tags: ["saas", "business", "analytics", "marketing"],
   },
+  {
+    name: "HackerNews",
+    permalink: "factorjs-hacker-news",
+    authorName: "Factor Team",
+    authorUrl: "https://www.factor.so",
+    icon: HnIcon,
+    description: "A recreation of Hacker News built with FactorJS 3.",
+    screenshots: [HnScreenshot1],
+    url: "https://factor-hn.netlify.app",
+    repo: "https://github.com/FactorJS/factor-example-hacker-news",
+    category: "miscellaneous",
+    tags: ["example", "code", "hacker-news"],
+  },
 ]

@apps/fiction-site/src/el/ViewCompanies.vue

@@ -5,7 +5,15 @@
     <div class="lg:relative lg:z-10">
       <div class="mx-auto max-w-7xl px-8 py-16 lg:py-24">
         <h1
-          class="pl-6 text-5xl leading-normal font-bold border-l-4 border-primary-500 text-gray-100 lg:text-7xl lg:leading-tight"
+          class="
+            pl-6
+            text-5xl
+            leading-normal
+            font-bold
+            border-l-4 border-primary-500
+            text-gray-100
+            lg:text-7xl lg:leading-tight
+          "
         >
           Fiction Companies.
         </h1>
@@ -28,7 +36,17 @@
           :key="company.title"
           :href="company.link"
           target="_blank"
-          class="flex items-center px-4 py-6 rounded-md bg-gray-900 transition-all border-2 border-transparent hover:border-primary-500 hover:shadow-xl"
+          class="
+            flex
+            items-center
+            px-4
+            py-6
+            rounded-md
+            bg-gray-900
+            transition-all
+            border-2 border-transparent
+            hover:border-primary-500 hover:shadow-xl
+          "
         >
           <div
             v-if="company"
@@ -48,19 +66,48 @@
     </div>
 
     <div
-      class="mx-auto max-w-5xl py-16 px-4 lg:py-24 text-center lg:relative lg:z-10"
+      class="
+        mx-auto
+        max-w-5xl
+        py-16
+        px-4
+        lg:py-24
+        text-center
+        lg:relative lg:z-10
+      "
     >
       <h2
-        class="mt-4 text-3xl font-bold text-gray-300 md:text-5xl md:leading-tight"
+        class="
+          mt-4
+          text-3xl
+          font-bold
+          text-gray-300
+          md:text-5xl md:leading-tight
+        "
       >
         Think your company belongs here?
       </h2>
       <a
         href="mailto:hello@fiction.com"
-        class="mt-12 inline-flex justify-center rounded-md transition-colors border-2 border-primary-500 text-gray-200 hover:bg-primary-500 hover:text-white"
+        class="
+          mt-12
+          inline-flex
+          justify-center
+          rounded-md
+          transition-colors
+          border-2 border-primary-500
+          text-gray-200
+          hover:bg-primary-500 hover:text-white
+        "
       >
         <ElemButton
-          class="px-5 py-3 focus:ring-opacity-0 sm:mt-0 md:px-8 md:py-3 md:text-lg"
+          class="
+            px-5
+            py-3
+            focus:ring-opacity-0
+            sm:mt-0
+            md:px-8 md:py-3 md:text-lg
+          "
         >
           Get in touch
           <ElemHoverArrow size="large" />
@@ -71,7 +118,17 @@
     <ElemCta class="lg:relative lg:z-10" />
 
     <svg
-      class="hidden absolute z-0 max-w-lg h-auto top-20 right-0 text-gray-700 lg:block"
+      class="
+        hidden
+        absolute
+        z-0
+        max-w-lg
+        h-auto
+        top-20
+        right-0
+        text-gray-700
+        lg:block
+      "
       viewBox="0 0 768 1948"
       xmlns="http://www.w3.org/2000/svg"
     >
@@ -117,7 +174,7 @@ export default {
         content: "Conversion analytics.",
       },
       {
-        link: "https://factor.dev/?ref=fiction",
+        link: "https://factor.so/?ref=fiction",
         icon: `<svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3 20C3 12.8942 8.76036 7.1339 15.8661 7.1339H23.7739C30.8796 7.1339 36.6399 12.8942 36.6399 20C36.6399 27.1058 30.8796 32.8661 23.7738 32.8661H15.8661C8.76035 32.8661 3 27.1058 3 20ZM15.8661 13.0968C12.0536 13.0968 8.96294 16.1875 8.96294 20C8.96294 23.8125 12.0536 26.9032 15.8661 26.9032H23.7738C27.5863 26.9032 30.6771 23.8125 30.6771 20C30.6771 16.1875 27.5864 13.0968 23.7739 13.0968H15.8661Z" fill="currentColor" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7319 40C17.3445 40 17.0304 39.6859 17.0304 39.2985V0.701524C17.0304 0.314082 17.3445 0 17.7319 0H22.2918C22.6792 0 22.9933 0.314081 22.9933 0.701518V39.2985C22.9933 39.6859 22.6792 40 22.2918 40H17.7319Z" fill="currentColor" /></svg>`,
         title: "Factor",
         content: "A minimal CMS for javascript.",

@apps/fiction-site/src/el/ViewHome.vue

@@ -576,7 +576,7 @@ export default {
         img: `<svg class="h-10 mx-auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 245.71 62.54"><path d="M46.4 19.46h-3.32V6.58A6.59 6.59 0 0036.5 0h-.9a16.16 16.16 0 00-16.14 16.14v3.32H6.58A6.59 6.59 0 000 26v.9a16.16 16.16 0 0016.14 16.18h3.32V56A6.59 6.59 0 0026 62.54h.9A16.16 16.16 0 0043.08 46.4v-3.32H56a6.59 6.59 0 006.58-6.58v-.9A16.16 16.16 0 0046.4 19.46zM16.14 37.35A10.42 10.42 0 015.73 26.94V26a.85.85 0 01.85-.85h18.61v-9A10.42 10.42 0 0135.6 5.73h.9a.85.85 0 01.85.85v18.61h9A10.42 10.42 0 0156.81 35.6v.9a.85.85 0 01-.85.85H37.35v9a10.42 10.42 0 01-10.41 10.46H26a.85.85 0 01-.85-.85V37.35z" fill="#00d1ff"/><path d="M98.69 34.53v16a.42.42 0 01-.48.48h-6.72q-.42 0-.42-.48V11.49q0-.42.48-.42h23.34a.49.49 0 01.54.48l.6 4.74q.06.54-.48.54H98.69v11.94h15.18a.42.42 0 01.48.48v4.86q0 .42-.48.42zM143 33v11.49a32.81 32.81 0 00.18 4 .24.24 0 01-.18.24 30.2 30.2 0 01-12.9 2.94 14.62 14.62 0 01-8.67-2.37q-3.33-2.37-3.33-7.23a7.75 7.75 0 013.75-7q3.75-2.37 10-2.37h3.78v-1a5.87 5.87 0 00-.33-1.92 4.2 4.2 0 00-1.77-1.92 6.82 6.82 0 00-3.84-1 17.8 17.8 0 00-8.22 2.1q-.48.24-.48-.36V24a.55.55 0 01.36-.6 21.1 21.1 0 019.78-2.16q5.88 0 8.88 3.21A11.93 11.93 0 01143 33zm-7.38 12.78v-8.31a17 17 0 00-3.36-.24 8.72 8.72 0 00-5 1.2 3.85 3.85 0 00-1.74 3.36 4.43 4.43 0 001.48 3.42 6.4 6.4 0 004.44 1.32 10.77 10.77 0 004.15-.78zM169 45.21V50a.52.52 0 01-.3.54 18.48 18.48 0 01-6.9 1.08q-7.08 0-11.1-4.2a15.06 15.06 0 01-4-10.86 14.66 14.66 0 014.44-11 15.9 15.9 0 0111.58-4.32 15.71 15.71 0 015.94.84.86.86 0 01.36.66l-.06 4.8q0 .6-.48.36a11.57 11.57 0 00-5.22-1.08 8.18 8.18 0 00-6.33 2.58 9.8 9.8 0 00-2.37 6.9q0 4.62 2.58 7.05a8.77 8.77 0 006.24 2.43 13.56 13.56 0 005.22-.9q.4-.15.4.33zM191 46.23v3.66q0 .6-.36.72a12.71 12.71 0 01-5.52 1q-8 0-8-8.46V27.27h-3.66q-.42 0-.42-.54v-4.44a.42.42 0 01.48-.48h3.6a62.31 62.31 0 01.66-7.32q.12-.48.48-.54l6.42-.84q.42-.12.42.3-.24 2.7-.36 8.4h5.76q.42 0 .42.48v4.56q0 .42-.36.42h-5.82v15.12a4.73 4.73 0 00.75 3 3.18 3.18 0 002.61.93 7.4 7.4 0 002.46-.42q.44-.15.44.33zM208.37 21.27q6.84 0 10.74 4.26a15.38 15.38 0 013.9 10.8q0 7.08-4.08 11.19a14.39 14.39 0 01-10.68 4.11q-7.26 0-11-4.41a16 16 0 01-3.78-10.77 15.08 15.08 0 014.11-10.92 14.36 14.36 0 0110.79-4.26zm-.3 5.22a6 6 0 00-5 2.61 12 12 0 00-1.92 7.23 12.41 12.41 0 001.85 7.32 6.19 6.19 0 005.34 2.7 6.05 6.05 0 004.92-2.49q2-2.49 2-7.41a13 13 0 00-1.8-7.23 6 6 0 00-5.39-2.73zM227.93 21.81h5.94a.67.67 0 01.66.54 15.5 15.5 0 01.66 3.54 11.45 11.45 0 019.6-4.62.37.37 0 01.42.42v6.18a.42.42 0 01-.48.48q-5.46-.36-8.7 2.88a2 2 0 00-.54 1.44v17.88a.42.42 0 01-.49.45h-6.6q-.54 0-.54-.48V30.33q0-4.68-.3-8.1-.05-.42.37-.42z" stroke="#E9E9EE" fill="#E9E9EE" stroke-miterlimit="10"/></svg>`,
         title: "Factor",
         content: "JavaScript CMS",
-        link: "https://www.factor.dev",
+        link: "https://www.factor.so",
       },
     ])
 

@plugins/plugin-blog-engine/package.json

@@ -29,7 +29,7 @@
   "bugs": {
     "url": "https://github.com/fiction-com/factor/issues"
   },
-  "homepage": "https://factor.dev/plugin/plugin-docs-engine",
+  "homepage": "https://factor.so/plugin/plugin-docs-engine",
   "dependencies": {
     "@factor/api": "3.2.17",
     "@factor/plugin-highlight-code": "3.2.17",

@plugins/plugin-docs-engine/package.json

@@ -29,7 +29,7 @@
   "bugs": {
     "url": "https://github.com/fiction-com/factor/issues"
   },
-  "homepage": "https://factor.dev/plugin/plugin-docs-engine",
+  "homepage": "https://factor.so/plugin/plugin-docs-engine",
   "dependencies": {
     "@factor/api": "3.2.17",
     "@factor/plugin-highlight-code": "3.2.17",

@plugins/plugin-highlight-code/package.json

@@ -24,7 +24,7 @@
   "bugs": {
     "url": "https://github.com/fiction-com/factor/issues"
   },
-  "homepage": "https://factor.dev/plugin/highlight-code-factor-plugin",
+  "homepage": "https://factor.so/plugin/highlight-code-factor-plugin",
   "gitHead": "435e8535660c83acb445295cfb98a21b32c69434",
   "dependencies": {
     "@factor/api": "3.2.17",