Deploying to master from @ 3bd4412 🚀

config/photos/concert.json

@@ -8,7 +8,8 @@
                 "venue": "Allianz Parque",
                 "date": "21/12/2023",
                 "press": {
-                    "vehicle": "Boomerang Music"
+                    "vehicle": "Boomerang Music",
+                    "article": "/portfolio_page/fotos-show-encontro-pra-dizer-adeus-titas-21-12-allianz-parque-sao-paulo/"
                 }
             }
         },

index.pug

@@ -73,6 +73,32 @@ html(lang="pt-BR")
 
                     +archive(locals.concert.archived)
 
+                hr
+                div.section.ebook
+                    .wrapper
+                        .ebook-title
+                            h3.title
+                                span 📖 Então você quer fotografar shows?
+                            h4.subtitle
+                                span Um guia prático para enfrentar desafios dentro e fora dos palcos
+                        .ebook-details
+                            p.text Desde que a minha ficha caiu e eu decidi começar a me dedicar à fotografia de shows, eu demorei um tempo até conseguir entrar de cabeça nesse universo.
+
+                            p.text Fotografar shows não é simples, mas pode ser muito prazeroso e com base no que eu vivi nesse tempo eu montei um pequeno livro.
+
+                            p.text Nele você vai encontrar um pouco mais das minhas experiências no palco, assim como algumas dicas do que fazer (ou não) enquanto estiver cobrindo um show.
+
+                            p.text O ebook é totalmente gratuito e você não precisa fornecer nenhum dado seu. Sem cadastro, sem email, sem enrolação. É só clicar no botão abaixo, fazer download do arquivo em PDF e curtir a leitura.
+
+                            p.text Espero que goste!
+                        .ebook-cover
+                            a(href="https://bit.ly/download-ebook-entao-voce-quer-fotografar-shows" target="_blank")
+                                figure.ebook-figure
+                                    img.ebook-img(src="ebook/capa.jpg")
+
+
+                        .download
+                            a.button(href="https://bit.ly/download-ebook-entao-voce-quer-fotografar-shows" target="_blank") Baixar o livro
             section.section
                 .wrapper 
                     h3.title Um pouco mais de história

style.css

@@ -503,6 +503,109 @@
     opacity: 0;
 }
 
+/* Ebook */
+.download {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+}
+
+.button {
+    background: var(--color-terminal-green);
+    color: var(--color-white);
+    padding: var(--spacing-default);
+    border-radius: var(--radius-half);
+    text-align: center;
+    transition: var(--transition-default);
+    font-size: var(--font-size-medium);
+}
+
+.button:hover {
+    opacity: 0.9;
+}
+
+.ebook .wrapper {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--spacing-double);
+}
+
+.ebook-title {
+    width: 100%;
+}
+
+.ebook-details {
+    width: 65%;
+}
+
+.ebook-cover {
+    width: 30%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.ebook-figure {
+    width: 260px;
+    height: 390px;
+    transform: rotateY(-10deg);
+    transition: var(--transition-default);
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.ebook-figure:before,
+.ebook-figure:after {
+    content: '';
+    display: block;
+    position: absolute;
+    transition: var(--transition-default)
+}
+
+.ebook-figure:before {
+    width: 96%;
+    height: 96%;
+    background: linear-gradient(to right, #a0a0a0, var(--color-post-color));
+    background-size: 2px;
+    background-repeat: repeat-x;
+    z-index: -1;
+    transform: translate(8px, 0);
+}
+
+.ebook-figure:after {
+    width: 97%;
+    height: 97%;
+    z-index: -2;
+    background: #513721;
+    transform: translate(10px, 0);
+    box-shadow: var(--shadow-default);
+}
+
+.ebook-figure:hover {
+    transform: rotateY(-15deg);
+
+}
+
+.ebook-figure:hover:before {
+    transform: translate(13px, 0);
+}
+
+.ebook-figure:hover:after {
+    transform: translate(17px, 0);
+}
+
+.ebook-figure > img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    border-radius: 3px 0 0 3px;
+}
+
 @media (max-width: 800px) {
     .greeting {
         text-align: center;
@@ -519,4 +622,20 @@
     .texts {
         width: initial;
     }
+}
+
+@media (max-width: 1000px) {
+    .ebook .wrapper {
+        flex-direction: column;
+        justify-content: center;
+    }
+
+    .ebook-cover, .ebook-details {
+        width: 100%;
+    }
+
+    .ebook-cover {
+        display: flex;
+        justify-content: center;
+    }
 }