ISSUE-36 página de participantes

config.php

@@ -20,6 +20,13 @@
             },
             'sort' => ['-date'],
         ],
+        'authors' => [
+            'path' => function (\TightenCo\Jigsaw\PageVariable $page) {
+                $builder = new \PODEntender\Domain\Model\Author\AuthorSlugBuilder();
+
+                return $builder->build($page->author['uid']);
+            },
+        ],
     ],
     'assets' => [
         'logo' => '/assets/images/logo.png',

source/_assets/sass/author/author-card-list.scss

@@ -0,0 +1,19 @@
+@import '../colors';
+@import '../font-sizes';
+@import '../mixins/media';
+
+.author-card-list {
+  &__list {
+    display: grid;
+    grid-template-columns: repeat(3, 33%);
+
+    @include mobile-only {
+      display: flex;
+      flex-direction: column;
+    }
+  }
+
+  &__list-item {
+    padding: 0 5px;
+  }
+}

source/_assets/sass/author/author-card.scss

@@ -0,0 +1,29 @@
+@import '../colors';
+
+.author-card {
+  margin-top: .5em;
+  flex: 1;
+  display: block;
+  text-decoration: none;
+  color: $primary-text-color;
+
+  &__cover {
+    object-fit: cover;
+    width: auto;
+    max-width: 100%;
+    max-height: 60vh;
+    border-radius: 5px;
+  }
+
+  &__name {
+    font-size: 15px;
+    font-weight: 700;
+    margin-top: 5px;
+  }
+
+  &__description {
+    font-size: 16px;
+    font-weight: 600;
+    margin: 5px 0;
+  }
+}

source/_assets/sass/author/main.scss

@@ -0,0 +1,3 @@
+@import './page';
+@import './author-card';
+@import './author-card-list';

source/_assets/sass/author/page.scss

@@ -0,0 +1,23 @@
+@import '../mixins/media';
+
+.author {
+  &__picture {
+    width: 100%;
+    max-width: 100%;
+    height: auto;
+
+    @include above-mobile {
+      float: left;
+      padding: 10px;
+      width: auto;
+    }
+  }
+
+  &__bio {
+    padding-top: 1px;
+  }
+
+  &__bio .paragraph {
+    margin: 5px 0;
+  }
+}

source/_assets/sass/main.scss

@@ -0,0 +1,2 @@
+@import './episode/main';
+@import './author/main';

source/_authors/bachega.blade.md

@@ -0,0 +1,9 @@
+---
+extends: _layouts.authors
+section: content
+author:
+  uid: bachega
+  name: Fernando Bachega
+  description: ''
+  picture: '/assets/images/authors/bachega.jpg'
+---

source/_authors/carol.blade.md

@@ -0,0 +1,9 @@
+---
+extends: _layouts.authors
+section: content
+author:
+  uid: carol
+  name: Carol Lacerda
+  description: ''
+  picture: '/assets/images/authors/carol.jpg'
+---

source/_authors/dalton.blade.md

@@ -0,0 +1,9 @@
+---
+extends: _layouts.authors
+section: content
+author:
+  uid: dalton
+  name: Fábio Neves (Dalton)
+  description: ''
+  picture: '/assets/images/authors/dalton.jpg'
+---

source/_authors/katarina.blade.md

@@ -0,0 +1,9 @@
+---
+extends: _layouts.authors
+section: content
+author:
+  uid: katarina
+  name: Katarina Holanda
+  description: ''
+  picture: '/assets/images/authors/katarina.jpg'
+---

source/_authors/nickolas.blade.md

@@ -0,0 +1,25 @@
+---
+extends: _layouts.authors
+section: content
+author:
+  uid: nawarian
+  name: Níckolas Da Silva
+  description: 'O mestre das teias, Nawarian!'
+  picture: '/assets/images/authors/nickolas.jpg'
+---
+
+Pense no melhor estereótipo de menino do T.I. que você conseguir. Salgadinhos, café, óculos de grau, cacunda curvada e
+avançados conhecimentos em video games, filmes nerds, matemática e tudo que se tem direito! Poisé, nosso menino do T.I.
+é uma farsa, porque ele num faz é nada dessas coisa aí, não...
+
+De Mogi das Cruzes (São Paulo) para Berlim diretamente ao maior podcast em linha reta da história recente da humanidade,
+o nosso fajuto menino do T.I. **Nawarian** vive nos dando as força tudo nessas coisas aí de computador, site,
+ar-condicionado e tudo que tem fio elétrico. Que é isso que ele diz que sabe fazer!  
+
+<br>
+## Redes do menino que não é o miranha mas tá aí dominando as teias mundão afora
+
+[Facegrumi](https://fb.com/nawarian) /
+[Instagrão](https://instagram.com/nawarian) /
+[Tuíterson](https://twitter.com/nawarian) /
+[GitRober](https://github.com/nawarian)

source/_authors/tchecao.blade.md

@@ -0,0 +1,9 @@
+---
+extends: _layouts.authors
+section: content
+author:
+  uid: tchecao
+  name: Thiago Peixoto (Tchecão)
+  description: ''
+  picture: '/assets/images/authors/tchecao.jpg'
+---

source/_authors/tonho.blade.md

@@ -0,0 +1,9 @@
+---
+extends: _layouts.authors
+section: content
+author:
+  uid: tonho
+  name: Antônio Marinho
+  description: ''
+  picture: '/assets/images/authors/tonho.jpg'
+---

source/_layouts/authors.blade.php

@@ -0,0 +1,71 @@
+@extends('_layouts.master')
+@section('head')
+<title>
+    {{ $page->author['name'] }} | {{ $page->meta['creatorName'] }}
+</title>
+
+<meta name="description" content="{{ $page->meta['description'] }}">
+<meta name="author" content="{{ $page->baseUrl }}">
+<meta name="publisher" content="{{ $page->baseUrl }}">
+
+<meta property="og:type" content="website">
+<meta property="og:title" content="{{ $page->meta['title'] }}">
+<meta property="og:url" content="{{ $page->getUrl() }}">
+<meta property="og:locale" content="{{ $page->meta['locale'] }}">
+<meta property="og:description" content="{{ $page->meta['description'] }}">
+<meta property="og:image" content="{{ $page->baseUrl . $page->meta['image'] }}">
+<meta property="og:image:secure_url" content="{{ $page->baseUrl . $page->meta['image'] }}">
+<meta property="og:image:alt" content="{{ $page->meta['description'] }}">
+
+<meta name="twitter:card" content="{{ $page->meta['twitter']['card'] }}">
+<meta name="twitter:site" content="{{ $page->meta['twitter']['account'] }}">
+<meta name="twitter:creator" content="{{ $page->meta['twitter']['account'] }}">
+<meta name="twitter:title" content="{{ $page->meta['title'] }}">
+<meta name="twitter:description" content="{{ $page->meta['description'] }}">
+<meta name="twitter:image" content="{{ $page->baseUrl . $page->author['picture'] }}">
+<meta name="twitter:url" content="{{ $page->baseUrl }}">
+
+<link rel="canonical" href="{{ $page->getUrl() }}">
+@endsection
+
+@section('body')
+    @include('_partials.layout.header.navbar')
+
+    <section class="content">
+        <div class="author">
+            <img class="author__picture" src="{{ $page->baseUrl . $page->author['picture'] }}" alt="{{ $page->author['name'] }}">
+
+            <div class="paragraphs-list author__bio">
+                <h1 class="heading heading__primary paragraph--left">{{ $page->author['name'] }}</h1>
+                <p class="paragraph paragraph--bold">{{ $page->author['description'] }}</p>
+
+                @yield('content')
+            </div>
+        </div>
+
+        <br>
+
+        @include('_partials.episode.episode-card-list', [
+            'title' => 'Participação em episódios',
+            'episodes' => $page->episodes->map(function ($page) {
+                /** @var \PODEntender\Domain\Model\Post\AudioEpisode $episode */
+                $episode = $page->audioEpisode;
+
+                return [
+                    'url' => $episode->url(),
+                    'image' => $episode->cover(),
+                    'timestamp' => $episode->createdAt()->getTimestamp(),
+                    'title' => $episode->title(),
+                    'description' => '',
+                ];
+            })->toArray(),
+            'hidden' => [],
+        ])
+    </section>
+
+    @include('_partials.layout.sidemenu.sidemenu')
+    @include('_partials.layout.footer.footer')
+
+    <link rel="stylesheet" href="{{ $page->getBaseUrl() }}/assets/build/css/main.css?{{ date('YmdHis') }}">
+    <script src="{{ $page->getBaseUrl() }}/assets/build/js/main.js?{{ date('YmdHis') }}" async></script>
+@endsection

source/_partials/authors/author-card-list.blade.php

@@ -0,0 +1,9 @@
+<section class="author-card-list">
+    <ul class="author-card-list__list">
+        @foreach($authors as $author)
+            <li class="author-card-list__list-item">
+                @include('_partials.authors.author-card', ['author' => $author])
+            </li>
+        @endforeach
+    </ul>
+</section>

source/_partials/authors/author-card.blade.php

@@ -0,0 +1,11 @@
+<a title="{{ $author['name'] }}" href="{{ $page->baseUrl . '/autores/' . $author['uid'] }}" class="author-card">
+    @include('_partials.components.image', [
+    'url' => $author['picture'],
+    'alt' => $author['name'],
+    'title' => $author['name'],
+    'classes' => ['author-card__cover'],
+    ])
+
+    <h2 class="author-card__name">{{ $author['name'] }}</h2>
+    <p class="author-card__description">{{ $author['description'] }}</p>
+</a>

source/sobre.blade.php

@@ -112,6 +112,14 @@
                 Brasileira e para o Brasil nos formatos de áudio, publicações e notícias.
             </p>
 
+            <h2 class="heading heading__secondary">
+                E quem faz o PODEntender?
+            </h2>
+
+            <br>
+            @include('_partials.authors.author-card-list', ['authors' => $page->allAuthors])
+            <br>
+
             <h2 class="heading heading__secondary">
                 Então bora começar a ouvir!
             </h2>

src/Domain/Model/Author/AuthorSlugBuilder.php

@@ -0,0 +1,15 @@
+<?php
+
+namespace PODEntender\Domain\Model\Author;
+
+use Illuminate\Support\Str;
+
+class AuthorSlugBuilder
+{
+    const PREFIX = 'autores/';
+
+    public function build(string $authorUid): string
+    {
+        return self::PREFIX . Str::slug($authorUid, '-');
+    }
+}

src/Infrastructure/Application/StaticSite/JigsawDecoratePagesAfterCollections.php

@@ -28,6 +28,14 @@ public function handle(Jigsaw $jigsaw): void
         $jigsaw->setConfig('lastEpisode', $latestEpisodeService->execute(1, null)->first());
         $jigsaw->setConfig('latestEpisodesPerCategory', $latestEpisodesPerCategory);
 
+        $authors = $jigsaw->getCollection('authors')
+            ->map(function ($author) {
+                return $author->author;
+            })
+            ->toArray();
+
+        $jigsaw->setConfig('allAuthors', $authors);
+
         $jigsaw->getCollection('episodes')
             ->each(function (PageVariable $page) use ($factory, $recommendationsService) {
                 // AudioEpisode
@@ -41,5 +49,16 @@ public function handle(Jigsaw $jigsaw): void
 
                 $page->recommendations = $recommendedEpisodes;
             });
+
+        $jigsaw->getCollection('authors')
+            ->each(function (PageVariable $authorPage) use ($jigsaw) {
+                $authorPage->episodes = $jigsaw->getCollection('episodes')
+                    ->filter(function (PageVariable $episode) use ($authorPage) {
+                        return in_array($authorPage->author['uid'], $episode->tags ?? []);
+                    })
+                    ->sortByDesc(function (PageVariable $episode) {
+                        return $episode->date;
+                    });
+            });
     }
 }

webpack.mix.js

@@ -13,7 +13,6 @@ mix.webpackConfig({
 
 mix.js('source/_assets/js/main.js', 'js')
     .sass('source/_assets/sass/main.scss', 'css')
-    .sass('source/_assets/sass/episode/main.scss', 'css')
     .options({
         processCssUrls: false,
     }).version();