adiciona show do Bambam, Gavin James e insere links de produtoras e r…

…edes sociais de artistas

src/config/producers.json

@@ -0,0 +1,4 @@
+{
+    "Gig Music": "https://www.instagram.com/gigmusicoficial",
+    "Dreamers Entertainment": "https://www.instagram.com/drmrs_entertainment"
+}

src/config/social.json

@@ -0,0 +1,5 @@
+{
+    "instagram": "https://www.instagram.com",
+    "twitter": "https://twitter.com",
+    "facebook": "https://www.facebook.com"
+}

src/index.pug

@@ -51,14 +51,14 @@ html(lang="pt-BR")
 
                             p.text Sentir a energia de uma música que ecoa em meio à entrega de um artista ao público quando está sobre palco e sublimar esses momentos em algo mais concreto, palpável e visual é uma experiência única e até difícil de descrever.
 
-                            p.text Se tem algo que me fascina, é isso: conseguir combinar em um único artefato essas duas expressões artísticas, a arte de ver e a arte de ouvir. E é nessa jornada em frente aos palcos que já tive a honra de ter minhas fotos utilizadas pelos veículos
-                                - const vehicles = Object.entries(locals.press)
-                                span.vehicles-list
-                                    each vehicle in vehicles
-                                        span.vehicles-item
-                                            - const [name, url] = vehicle
-                                            - const vehicleClass = name.toLowerCase().replace(/\s/g, '');
-                                            - const classes = `vehicle ${vehicleClass}`
+                            p.text Se tem algo que me fascina, é isso: conseguir combinar em um único artefato essas duas expressões artísticas, a arte de ver e a arte de ouvir. E é nessa jornada junto aos palcos que já tive a honra de trabalhar e ter minhas fotos utilizadas por alguns veículos de imprensa, bandas e produtoras, como:
+                                - const outlets = [...Object.entries(locals.press), ...Object.entries(locals.producers)]
+                                span.outlets-list
+                                    each outlet in outlets
+                                        span.outlets-item
+                                            - const [name, url] = outlet
+                                            - const outletClass = name.toLowerCase().replace(/\s/g, '');
+                                            - const classes = `outlet ${outletClass}`
                                             a(class=classes href=url target="_blank") #{name}
 
                         figure.avatar

src/mixins.pug

@@ -1,10 +1,10 @@
-mixin vehicle(press, more)
-    - const base = locals.press[press.vehicle]
-    - const article = press.article;
+mixin outlet(outlet, more)
+    - let base = locals[outlet.category][outlet.name] || locals[outlet.category][outlet.network] || '';
+    - const article = outlet.article;
     - const href = article ? `${base}${article}` : base
-    - const vehicleClass = press.vehicle.toLowerCase().replace(/\s/g, '');
-    - const classes = `vehicle ${vehicleClass} ${more && 'more'}`
-    a(href=href  target="_blank" title=press.title class=classes) #{press.vehicle}
+    - const outletClass = outlet.category === 'social' ? outlet.network : outlet.name.toLowerCase().replace(/\s/g, '');
+    - const classes = ['outlet', outletClass, more && 'more'].filter(c => c).join(' ');
+    a(href=href  target="_blank" title=press.title class=classes) #{outlet.name}
 
 mixin details(category)
     if category.details
@@ -19,16 +19,15 @@ mixin details(category)
                     span.detail #{category.details.date} !{" "}
                     span.info @
                     span.detail !{" "} #{category.details.venue}
-            if category.details.press
+            if category.details.outlet
                 p.press
-                    - const label = category.details.press.article ? 'Leia a matéria completa: ' : 'Veículo: ';
-                    span.detail #{label}
-                    +vehicle(category.details.press)
-                if category.details.press.more
+                    span.detail Cobertura:
+                    +outlet(category.details.outlet)
+                if category.details.outlet.more
                     p.press
                         span.detail Veja mais em: !{" "}
-                            each extra in category.details.press.more
-                                +vehicle(extra, true)
+                            each extra in category.details.outlet.more
+                                +outlet(extra, true)
 
 mixin photos(category)
     summary.expander(data-emoji=category.emoji)

src/style.css

@@ -211,65 +211,70 @@
     color: var(--color-terminal-yellow);
 }
 
-.vehicles-list {
+.outlets-list {
     font-size: var(--font-size-small);
     padding-left: var(--spacing-half);
 }
 
-.vehicles-item {
+.outlets-item {
     display: inline;
 }
 
-.vehicles-item:not(:first-child):before {
+.outlets-item:not(:first-child):before {
     content: ', ';
 }
 
-.vehicles-item:last-child:before {
+.outlets-item:last-child:before {
     content: 'e ';
     margin-left: var(--spacing-half);
 }
 
-.vehicles-item:last-child:after {
+.outlets-item:last-child:after {
     content: '.';
 }
 
-.vehicle {
+.outlet {
     padding: 0 var(--spacing-half);
     border-radius: var(--radius-default);
     color: var(--color-black);
     display: inline-block;
     font-weight: bold;
+    background: #ffffff;
 }
 
-.vehicle.igormiranda {
-    background: #e84c3d;
+.outlet.instagram {
+    background: #f42a5c;
 }
 
-.vehicle.sonoridadeunderground {
-    background: #f8a002;
+.outlet.facebook {
+    background: #0a65ff;
 }
 
-.vehicle.downstage {
-    background: #d691ac;
+.outlet.twitter {
+    background: #179df1;
 }
 
-.vehicle.boomerangmusic {
-    background: #ac5200;
+.outlet.igormiranda {
+    background: #e84c3d;
 }
 
-.vehicle.hedflow {
-    background: #ffffff;
+.outlet.sonoridadeunderground {
+    background: #f8a002;
 }
 
-.vehicle:not(.more):hover {
-    color: var(--color-white);
+.outlet.downstage {
+    background: #d691ac;
+}
+
+.outlet.boomerangmusic {
+    background: #ac5200;
 }
 
-.vehicle.hedflow:hover {
-    color: initial;
+.outlet:hover{
+    opacity: 0.8;
 }
 
-.vehicle.more:not(:last-child) {
+.outlet.more:not(:last-child) {
     margin-right: var(--spacing-half);
 }