Team : Update Dennis' website and swap Twitter with Mastodon

pxlrbt · pxlrbt · commit 8a692278aaa7 · 2025-07-13T21:10:30.000+02:00
diff --git a/resources/views/components/team/member-list.blade.php b/resources/views/components/team/member-list.blade.php
@@ -62,8 +62,8 @@ class="grid grid-cols-1 place-items-center gap-x-10 gap-y-14 pb-20 md:grid-cols-
             avatar="https://avatars.githubusercontent.com/u/22632550?v=4"
             name="Dennis Koch"
             title="Community Manager & Developer"
-            website="https://pixelarbeit.de?ref=filamentphp.com"
-            twitter="https://twitter.com/pixelarbeit"
+            website="https://denniskoch.dev?ref=filamentphp.com"
+            mastodon="https://phpc.social/@denniskoch"
             github="https://github.com/pxlrbt"
         />
         <x-team.member
diff --git a/resources/views/components/team/member.blade.php b/resources/views/components/team/member.blade.php
@@ -3,8 +3,9 @@
     'name',
     'title',
     'github',
-    'twitter',
     'website',
+    'twitter' => null,
+    'mastodon' => null,
 ])
 
 <div
@@ -33,39 +34,61 @@ class="aspect-square w-28 rounded-full lg:w-36"
         </div>
         {{-- Links --}}
         <div class="flex flex-wrap items-center gap-3.5 text-hurricane">
-            <a
-                target="_blank"
-                href="{{ $twitter }}"
-                class="group/twitter-link relative grid h-9 w-9 place-items-center rounded-xl bg-merino hover:text-black motion-reduce:transition-none"
-            >
-                <svg
-                    width="40"
-                    height="40"
-                    class="relative -top-0.5 w-[1.45rem] transition duration-300 group-hover/twitter-link:scale-0 group-hover/twitter-link:opacity-0"
-                    fill="none"
-                    viewBox="0 0 40 40"
-                    xmlns="http://www.w3.org/2000/svg"
+            @if ($twitter)
+                <a
+                    target="_blank"
+                    href="{{ $twitter }}"
+                    class="group/twitter-link relative grid h-9 w-9 place-items-center rounded-xl bg-merino hover:text-black motion-reduce:transition-none"
                 >
-                    <path
-                        d="M37.02 9.427c-1.272.562-2.62.932-4.002 1.096a6.991 6.991 0 0 0 3.064-3.856 13.935 13.935 0 0 1-4.425 1.691 6.97 6.97 0 0 0-11.877 6.357A19.79 19.79 0 0 1 5.412 7.432a6.947 6.947 0 0 0-.944 3.505 6.973 6.973 0 0 0 3.1 5.801 6.947 6.947 0 0 1-3.156-.871v.084a6.975 6.975 0 0 0 5.591 6.837 7.008 7.008 0 0 1-3.15.12 6.975 6.975 0 0 0 6.514 4.842 13.99 13.99 0 0 1-10.32 2.887A19.719 19.719 0 0 0 13.73 33.77c12.823 0 19.833-10.622 19.833-19.834 0-.3-.006-.603-.02-.901a14.17 14.17 0 0 0 3.477-3.608Z"
-                        fill="currentColor"
-                    />
-                </svg>
+                    <svg
+                        width="40"
+                        height="40"
+                        class="relative -top-0.5 w-[1.45rem] transition duration-300 group-hover/twitter-link:scale-0 group-hover/twitter-link:opacity-0"
+                        fill="none"
+                        viewBox="0 0 40 40"
+                        xmlns="http://www.w3.org/2000/svg"
+                    >
+                        <path
+                            d="M37.02 9.427c-1.272.562-2.62.932-4.002 1.096a6.991 6.991 0 0 0 3.064-3.856 13.935 13.935 0 0 1-4.425 1.691 6.97 6.97 0 0 0-11.877 6.357A19.79 19.79 0 0 1 5.412 7.432a6.947 6.947 0 0 0-.944 3.505 6.973 6.973 0 0 0 3.1 5.801 6.947 6.947 0 0 1-3.156-.871v.084a6.975 6.975 0 0 0 5.591 6.837 7.008 7.008 0 0 1-3.15.12 6.975 6.975 0 0 0 6.514 4.842 13.99 13.99 0 0 1-10.32 2.887A19.719 19.719 0 0 0 13.73 33.77c12.823 0 19.833-10.622 19.833-19.834 0-.3-.006-.603-.02-.901a14.17 14.17 0 0 0 3.477-3.608Z"
+                            fill="currentColor"
+                        />
+                    </svg>
 
-                <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="16"
-                    height="16"
-                    viewBox="0 0 16 16"
-                    class="absolute right-1/2 top-1/2 -translate-y-1/2 translate-x-1/2 scale-0 opacity-0 transition duration-300 group-hover/twitter-link:scale-100 group-hover/twitter-link:opacity-100"
-                    fill="none"
+                    <svg
+                        xmlns="http://www.w3.org/2000/svg"
+                        width="16"
+                        height="16"
+                        viewBox="0 0 16 16"
+                        class="absolute right-1/2 top-1/2 -translate-y-1/2 translate-x-1/2 scale-0 opacity-0 transition duration-300 group-hover/twitter-link:scale-100 group-hover/twitter-link:opacity-100"
+                        fill="none"
+                    >
+                        <path
+                            d="M12.6182 0.80542H15.0592L9.72628 6.90056L16 15.1947H11.0877L7.24026 10.1643L2.83789 15.1947H0.395405L6.09945 8.67524L0.0810547 0.80542H5.11803L8.5958 5.40334L12.6182 0.80542ZM11.7614 13.7336H13.114L4.38307 2.18974H2.9316L11.7614 13.7336Z"
+                            fill="currentColor"
+                        />
+                    </svg>
+                </a>
+            @endif
+
+            @if ($mastodon)
+                <a
+                    target="_blank"
+                    href="{{ $mastodon }}"
+                    class="grid h-9 w-9 place-items-center rounded-xl bg-merino transition duration-300 hover:text-black motion-reduce:transition-none"
                 >
-                    <path
-                        d="M12.6182 0.80542H15.0592L9.72628 6.90056L16 15.1947H11.0877L7.24026 10.1643L2.83789 15.1947H0.395405L6.09945 8.67524L0.0810547 0.80542H5.11803L8.5958 5.40334L12.6182 0.80542ZM11.7614 13.7336H13.114L4.38307 2.18974H2.9316L11.7614 13.7336Z"
-                        fill="currentColor"
-                    />
-                </svg>
-            </a>
+                    <svg
+                        class="w-5 relative -top-0.5"
+                        xmlns="http://www.w3.org/2000/svg"
+                        width="40"
+                        height="40"
+                        viewBox="0 0 216.4144 232.00976"
+                    >
+                        <path fill="currentColor" d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915"/>
+                        <path fill="#fff" d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675"/>
+                    </svg>
+                </a>
+            @endif
+
             <a
                 target="_blank"
                 href="{{ $website }}"
