Added contributors section in a landing page (#946)

src/web/landing/src/Flow/Website/Controller/DefaultController.php

@@ -11,6 +11,111 @@ class DefaultController extends AbstractController
     #[Route('/', name: 'main')]
     public function main() : Response
     {
-        return $this->render('main/index.html.twig');
+        $contributors = [
+            [
+                'url' => 'https://github.com/norberttech',
+                'avatar' => 'https://avatars.githubusercontent.com/u/1921950?s=60&v=4',
+                'name' => 'norberttech',
+            ],
+            [
+                'url' => 'https://github.com/stloyd',
+                'avatar' => 'https://avatars.githubusercontent.com/u/67402?s=60&v=4',
+                'name' => 'stloyd',
+            ],
+            [
+                'url' => 'https://github.com/tomaszhanc',
+                'avatar' => 'https://avatars.githubusercontent.com/u/7013293?s=60&v=4',
+                'name' => 'tomaszhanc',
+            ],
+            [
+                'url' => 'https://github.com/DawidSajdak',
+                'avatar' => 'https://avatars.githubusercontent.com/u/946972?s=60&v=4',
+                'name' => 'DawidSajdak',
+            ],
+            [
+                'url' => 'https://github.com/rzarno',
+                'avatar' => 'https://avatars.githubusercontent.com/u/12570337?s=60&v=4',
+                'name' => 'rzarno',
+            ],
+            [
+                'url' => 'https://github.com/owsiakl',
+                'avatar' => 'https://avatars.githubusercontent.com/u/9623965?s=60&v=4',
+                'name' => 'owsiakl',
+            ],
+            [
+                'url' => 'https://github.com/norbertmwk',
+                'avatar' => 'https://avatars.githubusercontent.com/u/82225968?s=60&v=4',
+                'name' => 'norbertmwk',
+            ],
+            [
+                'url' => 'https://github.com/szepeviktor',
+                'avatar' => 'https://avatars.githubusercontent.com/u/952007?s=60&v=4',
+                'name' => 'szepeviktor',
+            ],
+            [
+                'url' => 'https://github.com/scyzoryck',
+                'avatar' => 'https://avatars.githubusercontent.com/u/8014727?s=60&v=4',
+                'name' => 'scyzoryck',
+            ],
+            [
+                'url' => 'https://github.com/xaviermarchegay',
+                'avatar' => 'https://avatars.githubusercontent.com/u/658523?s=60&v=4',
+                'name' => 'xaviermarchegay',
+            ],
+            [
+                'url' => 'https://github.com/Wiktor6',
+                'avatar' => 'https://avatars.githubusercontent.com/u/24683748?s=60&v=4',
+                'name' => 'Wiktor6',
+            ],
+            [
+                'url' => 'https://github.com/peter279k',
+                'avatar' => 'https://avatars.githubusercontent.com/u/9021747?s=60&v=4',
+                'name' => 'peter279k',
+            ],
+            [
+                'url' => 'https://github.com/saulblake',
+                'avatar' => 'https://avatars.githubusercontent.com/u/582274?s=60&v=4',
+                'name' => 'saulblake',
+            ],
+            [
+                'url' => 'https://github.com/jpiatko',
+                'avatar' => 'https://avatars.githubusercontent.com/u/80686947?s=60&v=4',
+                'name' => 'jpiatko',
+            ],
+            [
+                'url' => 'https://github.com/drupol',
+                'avatar' => 'https://avatars.githubusercontent.com/u/252042?s=60&v=4',
+                'name' => 'drupol',
+            ],
+            [
+                'url' => 'https://github.com/Wirone',
+                'avatar' => 'https://avatars.githubusercontent.com/u/600668?s=60&v=4',
+                'name' => 'Wirone',
+            ],
+            [
+                'url' => 'https://github.com/mleczakm',
+                'avatar' => 'https://avatars.githubusercontent.com/u/3474636?s=60&v=4',
+                'name' => 'mleczakm',
+            ],
+            [
+                'url' => 'https://github.com/flavioheleno',
+                'avatar' => 'https://avatars.githubusercontent.com/u/471860?s=60&v=4',
+                'name' => 'flavioheleno',
+            ],
+            [
+                'url' => 'https://github.com/voku',
+                'avatar' => 'https://avatars.githubusercontent.com/u/264695?s=60&v=4',
+                'name' => 'voku',
+            ],
+            [
+                'url' => 'https://github.com/FunkyOz',
+                'avatar' => 'https://avatars.githubusercontent.com/u/26649880?s=60&v=4',
+                'name' => 'FunkyOz',
+            ],
+        ];
+
+        return $this->render('main/index.html.twig', [
+            'contributors' => $contributors,
+        ]);
     }
 }

src/web/landing/templates/main/index.html.twig

@@ -83,4 +83,24 @@
             </div>
         {% endfor %}
     </div>
+
+    <div class="bg-blue-200">
+        <section class="mx-auto max-w-screen-xl sm:flex justify-between items-center py-6 px-4">
+            <div class="max-sm:mb-6 mr-6 whitespace-nowrap">
+                <h2 class="text-2xl font-semibold tracking-wide">Contributors</h2>
+                <a href="https://github.com/flow-php/flow/graphs/contributors" target="_blank" class="flex items-center">
+                    Join us on GitHub
+                    <img src="{{ asset('images/icons/external.svg') }}" alt="external resource" class="w-4 ml-0.5">
+                </a>
+            </div>
+
+            <div class="grid gap-1 sm:gap-2 lg:gap-4 grid-cols-8 lg:grid-cols-12">
+                {% for contributor in contributors %}
+                    <a href="{{ contributor.url }}">
+                        <img src="{{ contributor.avatar }}" alt="{{ contributor.name }}" title="{{ contributor.name }}" class="w-full max-w-14 rounded-full">
+                    </a>
+                {% endfor %}
+            </div>
+        </section>
+    </div>
 {% endblock %}