devdocs-website-6 Add Contributor Highlights in the docs (#67)

Author: nikolalardev

app/Http/Controllers/DocsController.php

@@ -90,6 +90,8 @@ public function show($version, $page = null)
         $metaDescription = $pageCustomData['description'] ?? self::DEFAULT_META_DESCRIPTION;
         $metaKeywords = $pageCustomData['keywords'] ?? self::DEFAULT_META_KEYWORDS;
         $communityNote = $pageCustomData['communityNote'] ?? true;
+        $contributors = $pageCustomData['contributors'] ?? false;
+        $contributorsData = explode(',', $contributors);
 
         if (is_null($content)) {
             $otherVersions = $this->docs->versionsContainingPage($page);
@@ -137,6 +139,7 @@ public function show($version, $page = null)
             'metaDescription' => $metaDescription,
             'metaKeywords' => $metaKeywords,
             'communityNote' => $communityNote,
+            'contributors' => $contributorsData,
         ]);
     }
 

resources/views/components/accessibility/contributors.blade.php

@@ -0,0 +1,26 @@
+@if ($contributors)
+    <div>
+        <div>
+            <h3>Want to see who contributed this for you?</h3>
+        </div>
+        <div style="margin-bottom: 10px;">A special thanks goes to our contributors:</div>
+        <div>
+            <div>
+                @foreach($contributors as $contributor)
+                    <div style="display: inline-flex; align-items: center; gap: 10px; margin-right: 10px;">
+                        <figure style="max-width: 60px; margin: 0;">
+                            <img
+                                src="https://github.com/{{$contributor}}.png"
+                                alt="{{$contributor}}"
+                                width="60"
+                                height="60"
+                                style="border-radius: 50%; display: block;"
+                            >
+                        </figure>
+                        <a href="https://github.com/{{$contributor}}" target="_blank" rel="noopener noreferrer" style="text-decoration: none; color: inherit;">{{$contributor}}</a>
+                    </div>
+                @endforeach
+            </div>
+        </div>
+    </div>
+@endif

resources/views/docs.blade.php

@@ -277,6 +277,9 @@ class="opacity-75"/>
                             <x-accessibility.main-content-wrapper :communityNote="$communityNote">
                                 {!! $content !!}
                             </x-accessibility.main-content-wrapper>
+                            <x-accessibility.contributors :contributors="$contributors">
+
+                            </x-accessibility.contributors>
                         </section>
                     </section>
                 </div>