Added notion

Author: cheddZy

src/assets/Notion.png

@@ -21,6 +21,7 @@ import Card from "./ui/Card.astro";
     import WebflowInspire from '../assets/webflowInspire.png';
     import Wireframe from '../assets/wireframe.png';
     import Creatoom from '../assets/creatoom.png';
+    import Notion from '../assets/Notion.png';
 
 import CardContent from "./ui/cardContent.astro";
 import CardSubmit from "./ui/cardSubmit.astro";
@@ -160,6 +161,12 @@ import CardSubmit from "./ui/cardSubmit.astro";
                         </svg>
                         <span
                         id="iconAmount"></span></button>
+                    <button class='filterButton' id="productivity" aria-label='Icon Resources'><a>Productivity</a>
+                        <svg data-slot="icon" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                            <path clip-rule="evenodd" d="M15.22 6.268a.75.75 0 0 1 .968-.431l5.942 2.28a.75.75 0 0 1 .431.97l-2.28 5.94a.75.75 0 1 1-1.4-.537l1.63-4.251-1.086.484a11.2 11.2 0 0 0-5.45 5.173.75.75 0 0 1-1.199.19L9 12.312l-6.22 6.22a.75.75 0 0 1-1.06-1.061l6.75-6.75a.75.75 0 0 1 1.06 0l3.606 3.606a12.695 12.695 0 0 1 5.68-4.974l1.086-.483-4.251-1.632a.75.75 0 0 1-.432-.97Z" fill-rule="evenodd"></path>
+                        </svg>
+                        <span
+                                id="productivityAmount">1</span></button>
 
                     <button class='filterButton' id="webdev" aria-label='Free resources'><a>Web</a>
                         <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"
@@ -296,6 +303,13 @@ import CardSubmit from "./ui/cardSubmit.astro";
                   src={RadixIcon}
                   href="https://www.radix-ui.com/icons/?ref=repo.cheddzy.com"/>
         </div>
+
+        <div class="item show icons">
+            <p class="labelText">PRODUCTIVITY</p>
+            <CardContent label="ICONS" title="Notion" func="Powerful productivity & note-taking tool"
+                  src={Notion}
+                  href="https://www.notion.so/?ref=repo.cheddzy.com"/>
+        </div>
         <!--Webdev / Web Design-->
         <div class="item show webdev">
             <p class="labelText">WEB</p>

src/components/Content.astro

@@ -61,7 +61,12 @@ import SubmitButton from "./buttons/SubmitButton.astro";
                       fill-rule="evenodd"></path>
             </svg>
             <a href="/" target="_self">the design repo</a>
-            <span>BETA</span>
+            <span>
+                <svg data-slot="icon" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                    <path clip-rule="evenodd" d="M10.5 3.798v5.02a3 3 0 0 1-.879 2.121l-2.377 2.377a9.845 9.845 0 0 1 5.091 1.013 8.315 8.315 0 0 0 5.713.636l.285-.071-3.954-3.955a3 3 0 0 1-.879-2.121v-5.02a23.614 23.614 0 0 0-3 0Zm4.5.138a.75.75 0 0 0 .093-1.495A24.837 24.837 0 0 0 12 2.25a25.048 25.048 0 0 0-3.093.191A.75.75 0 0 0 9 3.936v4.882a1.5 1.5 0 0 1-.44 1.06l-6.293 6.294c-1.62 1.621-.903 4.475 1.471 4.88 2.686.46 5.447.698 8.262.698 2.816 0 5.576-.239 8.262-.697 2.373-.406 3.092-3.26 1.47-4.881L15.44 9.879A1.5 1.5 0 0 1 15 8.818V3.936Z" fill-rule="evenodd"></path>
+                </svg>
+                BETA
+            </span>
         </h1>
 
         <nav class="menu">
@@ -148,6 +153,16 @@ import SubmitButton from "./buttons/SubmitButton.astro";
         @apply px-1;
         @apply py-0.5;
         background-color: #3574F0;
+        display: flex;
+        flex-direction: row;
+        gap: 0.2rem;
+        align-items: center;
+        justify-content: center;
+    }
+    span svg {
+        height: 0.6rem;
+        color: #f0f1f2;
+        cursor: auto;
     }
 
 </style>