chore(app): fix some links

README.md

@@ -112,7 +112,7 @@ ReactDOM.render(<App />, document.getElementById("root"));
 - [eleventy-plugin-phosphoricons](https://github.com/reatlat/eleventy-plugin-phosphoricons) ▲ An Eleventy plugin for add shortcode, allows Phosphor icons to be embedded as inline svg into templates
 - [phosphor-leptos](https://github.com/SorenHolstHansen/phosphor-leptos) ▲ Phosphor icon component library for Leptos apps (rust)
 
-If you've made a port of Phosphor and you want to see it here, just open a PR [here](https://github.com/phosphor-icons/phosphor-home)!
+If you've made a port of Phosphor and you want to see it here, just open a PR [here](https://github.com/phosphor-icons/homepage)!
 
 ## License
 

package.json

@@ -1,6 +1,6 @@
 {
-  "name": "phosphor-home",
+  "name": "@phosphor-icons/homepage",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "license": "MIT",
   "homepage": "https://phosphoricons.com",
   "author": {

src/components/App/App.tsx

@@ -8,7 +8,7 @@ import IconGrid from "@/components/IconGrid";
 import Footer from "@/components/Footer";
 import ErrorBoundary from "@/components/ErrorBoundary";
 import Notice from "@/components/Notice";
-// import Recipes from "@/components/Recipes";
+import Recipes from "@/components/Recipes";
 import { useCSSVariables } from "@/hooks";
 import { isDarkThemeSelector } from "@/state";
 

src/components/Footer/Footer.tsx

@@ -112,7 +112,7 @@ const Footer = (_: FooterProps) => {
             Phosphor is free and open-source, licensed under{" "}
             <a
               className="main-link"
-              href="https://raw.githubusercontent.com/phosphor-icons/phosphor-home/master/LICENSE"
+              href="https://raw.githubusercontent.com/phosphor-icons/homepage/master/LICENSE"
             >
               MIT
             </a>
@@ -149,7 +149,7 @@ const Footer = (_: FooterProps) => {
           <div className="fine-print">
             <p>
               Type set in{" "}
-              <a className="main-link" href="https://manropefont.com/">
+              <a className="main-link" href="https://www.gent.media/manrope">
                 Manrope
               </a>{" "}
               by Mikhail Sharanda and{" "}

src/components/Links/Links.tsx

@@ -86,7 +86,10 @@ const Links = (_: LinksProps) => {
       <div>
         <ArrowElbowDownRight size={24} />
         <span>
-          <OutboundLink href="https://paypal.me/minoraxis" eventLabel="Donate">
+          <OutboundLink
+            href="https://www.buymeacoffee.com/phosphoricons"
+            eventLabel="Donate"
+          >
             Donate on BuyMeACoffee
           </OutboundLink>
           {" / "}

src/components/Recipes/Recipe.tsx

@@ -8,7 +8,7 @@ export type RecipeProps = {
 
 const Recipe = ({ url, Example }: RecipeProps) => {
   return (
-    <a className="recipe card" href={url}>
+    <a className="recipe card" href={url} target="_blank">
       {/* <h1>{title}</h1> */}
       <div className="recipe-linkout">
         <span>Open on StackBlitz</span>

src/components/Recipes/items/HandDrawn.tsx

@@ -4,14 +4,14 @@ import { RecipeProps } from "../Recipe";
 
 const animation: RecipeProps = {
   title: "Hand Drawn",
-  url: "https://stackblitz.com/edit/react-ts-f7q7gs?file=App.tsx,style.css",
+  url: "https://stackblitz.com/edit/stackblitz-starters-4vqgkm?file=src%2FApp.tsx",
   Example() {
     return (
       <div className="example">
         <CassetteTape
           color="teal"
           style={{ filter: "url(#displacementFilter)" }}
-         >
+        >
           <defs>
             <filter id="displacementFilter">
               <feTurbulence
@@ -30,18 +30,9 @@ const animation: RecipeProps = {
             </filter>
           </defs>
         </CassetteTape>
-        <Cube
+        <Cube color="teal" style={{ filter: "url(#displacementFilter)" }} />
-          color="teal"
+        <ThumbsUp color="teal" style={{ filter: "url(#displacementFilter)" }} />
-          style={{ filter: "url(#displacementFilter)" }}
+        <Virus color="teal" style={{ filter: "url(#displacementFilter)" }} />
-        />
-        <ThumbsUp
-          color="teal"
-          style={{ filter: "url(#displacementFilter)" }}
-        />
-        <Virus
-          color="teal"
-          style={{ filter: "url(#displacementFilter)" }}
-        />
       </div>
     );
   },