cria destaques nas fotos de show

src/config/photos/concert.json

@@ -2,6 +2,7 @@
     "recent": [
         {
             "title": "Radwimps",
+            "highlighted": true,
             "path": "images/concert/6-dreamers-entertainment/3-radwimps",
             "count": 10,
             "details": {
@@ -44,6 +45,7 @@
         },
         {
             "title": "Bambam",
+            "highlighted": true,
             "path": "images/concert/7-gig-music/1-bambam",
             "count": 17,
             "details": {
@@ -118,9 +120,12 @@
                     "article": "/eventos/comeback-kid-sao-paulo/"
                 }
             }
-        },
+        }
+    ],
+    "archived": [
         {
             "title": "The Ghost Inside",
+            "highlighted": true,
             "path": "images/concert/6-dreamers-entertainment/2-the-ghost-inside",
             "count": 35,
             "details": {
@@ -180,6 +185,7 @@
         },
         {
             "title": "Underoath",
+            "highlighted": true,
             "path": "images/concert/6-dreamers-entertainment/1-underoath",
             "count": 33,
             "details": {
@@ -216,9 +222,7 @@
                     ]
                 }
             }
-        }
-    ],
-    "archived": [
+        },
         {
             "title": "Titãs",
             "path": "images/concert/5-boomerang-music/4-titas",
@@ -286,6 +290,7 @@
         },
         {
             "title": "Alter Bridge",
+            "highlighted": true,
             "path": "images/concert/2-igor-miranda/8-alter-bridge",
             "count": 5,
             "details": {

src/config/photos/nature.json

@@ -5,8 +5,8 @@
         "count": 9
     },
     {
-        "title": "Macro",
-        "path": "images/nature/macro",
+        "title": "Natureza",
+        "path": "images/nature/natureza",
         "count": 7
     }
 ]

src/index.pug

@@ -67,11 +67,23 @@ html(lang="pt-BR")
             section.section.music
                 .wrapper
                     h3.title 🎙 Shows
+                     -
+                        const concerts = Object.entries(concert).reduce((concerts, [name, values]) => {
+                            const rest = values.filter(c => !c.highlighted);
+                            const currentHighlights = values.filter(c => c.highlighted);
+                            let highlights = concerts.highlights ? [...concerts.highlights, ...currentHighlights] : currentHighlights;
+
+                            return { ...concerts, [name]: rest, highlights}
+                        }, {})
+                    h4.subtitle.subdivision
+                        span Destaques ⭐️
+                    +gallery(concerts.highlights)
+
                     h4.subtitle.subdivision
                         span Recentes
-                    +gallery(locals.concert.recent)
+                    +gallery(concerts.recent, true)
 
-                    +archive(locals.concert.archived)
+                    +archive(concerts.archived)
 
                 hr
                 div.section.ebook

src/style.css

@@ -190,7 +190,8 @@
     content: attr(data-emoji) !important;
 }
 
-.accordion.archive {
+.accordion.archive,
+.accordion + .subtitle.subdivision {
     margin-top: var(--spacing-double);
 }