diff --git a/content/data/event.json b/content/data/event.json index 4c259b6..133f4ea 100644 --- a/content/data/event.json +++ b/content/data/event.json @@ -23,7 +23,7 @@ "youtube": "https://www.youtube.com/@PythonSul", "github": "https://github.com/pythonsul/python-sul-site", "telegram": "https://t.me/PythonSulBR", - "whatsapp": "" + "whatsapp": "https://chat.whatsapp.com/E0T75BJFPUhC82cWLBap4j" }, "sponsorship": { "plans": [ diff --git a/content/data/section/sponsors.json b/content/data/section/sponsors.json index dd93a4e..71a7973 100644 --- a/content/data/section/sponsors.json +++ b/content/data/section/sponsors.json @@ -31,7 +31,40 @@ "platinum": [], "diamond": [], "gold": [], - "silver": [], - "bronze": [], - "supporters": [] + "silver": [ + { + "name": "Avidity", + "url": "https://avidity.com.br/pt/", + "logo": "https://avidity.com.br/assets/images/logotype.svg", + "alt": { + "pt-br": "Logo da Avidity", + "en": "Avidity Group Logo", + "es": "Logo de Avidity Group" + } + } + ], + "bronze": [ + { + "name": "Conta Aberta", + "url": "https://contaaberta.info/", + "logo": "https://contaaberta.info/img/logo4.png", + "alt": { + "pt-br": "Logo da Conta Aberta", + "en": "Conta Aberta Logo", + "es": "Logo de Conta Aberta" + } + } + ], + "supporters": [ + { + "name": "PHPRS", + "url": "https://github.com/PHPRS", + "logo": "./images/phprs.jpg", + "alt": { + "pt-br": "Logo da PHPRS", + "en": "PHPRS Logo", + "es": "Logo de PHPRS" + } + } + ] } diff --git a/content/images/authors/vinicius-gubiani-ferreira.png b/content/images/authors/vinicius-gubiani-ferreira.png new file mode 100644 index 0000000..a9ee4aa Binary files /dev/null and b/content/images/authors/vinicius-gubiani-ferreira.png differ diff --git a/content/images/posts/avidity/image.png b/content/images/posts/avidity/image.png new file mode 100644 index 0000000..1ec30b2 Binary files /dev/null and b/content/images/posts/avidity/image.png differ diff --git a/content/images/posts/conta-aberta/image.png b/content/images/posts/conta-aberta/image.png new file mode 100644 index 0000000..c120981 Binary files /dev/null and b/content/images/posts/conta-aberta/image.png differ diff --git a/content/markdown/english/blog/avidity-sponsor-python-sul-2025.md b/content/markdown/english/blog/avidity-sponsor-python-sul-2025.md new file mode 100644 index 0000000..ae91c85 --- /dev/null +++ b/content/markdown/english/blog/avidity-sponsor-python-sul-2025.md @@ -0,0 +1,31 @@ ++++ +title = "Avidity: Innovation, Diversity, and Global Reach at Python Sul 2025" +description = "Python Sul 2025 proudly welcomes Avidity as a sponsor. Discover their story, values, and impact on technology and community." +date = '2025-09-09T03:00:00Z' +author = "Regis Tomkiel" +categories = ["event"] +image = "images/posts/avidity/image.png" +draft = false +url = "avidity-sponsor-python-sul-2025" ++++ + + +## Meet Avidity + +We’re excited to announce **Avidity** as a sponsor of Python Sul 2025! + +Founded in 2012, Avidity is a Swedish-Brazilian-German software company helping businesses across Europe build robust, innovative solutions. + +Their team is diverse and multidisciplinary, covering development, DevOps, cloud operations, integration, and more. They work with software companies, digital agencies, financial institutions, and educational platforms. + +--- + +## Why it matters + +Avidity embodies **technology, diversity, and innovation**, values that align perfectly with Python Sul. + +By supporting our event, they reinforce the importance of community-driven Free Software and Open Source initiatives. + +We’re thrilled about this partnership and can’t wait for attendees to connect with Avidity during Python Sul 2025. + +👉 Learn more: [avidity.com.br](https://avidity.com.br/pt/company.html) diff --git a/content/markdown/english/blog/python-sul-2025-conta-aberta-partnership.md b/content/markdown/english/blog/python-sul-2025-conta-aberta-partnership.md new file mode 100644 index 0000000..fed5881 --- /dev/null +++ b/content/markdown/english/blog/python-sul-2025-conta-aberta-partnership.md @@ -0,0 +1,67 @@ ++++ +title = "Python Sul 2025 + Conta Aberta: Transparency in Action" +description = "See how Python Sul 2025 and Conta Aberta partner to bring transparency and community engagement to the forefront." +date = '2025-09-14T03:00:00Z' +author = "Regis Tomkiel" +categories = ["community"] +image = "images/posts/conta-aberta/image.png" +draft = false +url = "python-sul-2025-conta-aberta-partnership" ++++ + + +# Python Sul 2025 + Conta Aberta: Transparency in Action + +Python Sul 2025 has joined forces with **[Conta Aberta](https://contaaberta.info/)** to put transparency at the center of the event. +Now anyone can track the event’s finances and see how resources are used—directly on Conta Aberta’s website. + +--- + +## About Conta Aberta + +**Conta Aberta** strengthens public and community transparency. +It helps groups to: + +- Show how resources are used and share clear reports. +- Work openly with practical guides and tools. +- Make financial and operational information accessible to everyone. + +--- + +## What this means for Python Sul 2025 + +This partnership isn’t just symbolic—it guarantees clear, open processes and strengthens community trust. + +- **Clear decisions:** Budget choices, sponsors, and contracts are transparent. +- **Accessible results:** Reports, financial statements, and participation data are available to all. +- **Active community:** Follow progress, suggest improvements, and join decisions. +- **Credibility boost:** Transparency builds trust with participants, sponsors, and supporters. + +--- + +## Inspiring other organizers + +Python Sul sets an example for other community events. +We share practices to inspire others, such as: + +- Cost breakdowns for venue, infrastructure, and team. +- Transparent criteria for selecting sponsors and speakers. +- Diversity and participant data. +- Post-event reports comparing planned vs. actual results, with lessons learned. + +--- + +## Why it matters + +Python Sul is more than coding—it’s **community, collaboration, and learning**. +Trust is key, and open processes strengthen it. More trust means more engagement, more impact, and a healthier community. + +--- + +## Join us + +Python Sul 2025 delivers top content in Python, AI, DevOps, and web development—but its real strength is **how it’s run**: clearly, responsibly, and openly. + +Follow this partnership, get involved, and help build this story with us. + +👉 Learn more at [sul.python.org.br](https://sul.python.org.br/) and [contaaberta.info](https://contaaberta.info/). diff --git a/content/markdown/portuguese/blog/parceria-python-sul-2025-conta-aberta.md b/content/markdown/portuguese/blog/parceria-python-sul-2025-conta-aberta.md new file mode 100644 index 0000000..c89e4d9 --- /dev/null +++ b/content/markdown/portuguese/blog/parceria-python-sul-2025-conta-aberta.md @@ -0,0 +1,80 @@ ++++ +title = "Python Sul 2025 + Conta Aberta: compromisso real com transparência e comunidade" +description = "Entenda como a parceria entre Python Sul 2025 e Conta Aberta reforça o compromisso com transparência e participação da comunidade." +date = '2025-09-14T03:00:00Z' +author = "Regis Tomkiel" +categories = ["comunidade"] +image = "images/posts/conta-aberta/image.png" +draft = false +url = "parceria-python-sul-2025-conta-aberta" ++++ + + +# Python Sul 2025 + Conta Aberta: transparência em foco + +A **Python Sul 2025** firmou uma parceria com o **[Conta Aberta](https://contaaberta.info/)** para colocar a transparência no centro da sua organização. +Agora qualquer pessoa pode acompanhar de perto a saúde financeira do evento diretamente no site do Conta Aberta. + +--- + +## Conheça o Conta Aberta + +O **Conta Aberta** é um projeto dedicado a fortalecer a transparência pública e comunitária. +Entre seus principais pontos estão: + +- Explicar como iniciativas usam recursos, prestam contas e compartilham informações. +- Oferecer um manual prático para orientar qualquer grupo que queira trabalhar de forma aberta e acessível. +- Disponibilizar ferramentas e guias que podem ser consultados por qualquer pessoa interessada em aplicar boas práticas de transparência. + +--- + +## O que essa parceria traz para a Python Sul 2025 + +Essa colaboração não é apenas simbólica. O objetivo principal é garantir transparência, mas também mostrar a saúde financeira e as necessidades reais do grupo organizador. + +1. **Processos claros** + Decisões sobre orçamento, escolha de patrocinadores e contratações terão mais visibilidade e explicação. + +2. **Resultados acessíveis** + Relatórios, balanços e dados de participação estarão disponíveis para qualquer pessoa consultar. + +3. **Comunidade ativa** + A comunidade poderá acompanhar de perto, sugerir melhorias e participar das decisões. + +4. **Mais credibilidade** + Um evento transparente fortalece sua reputação diante de participantes, patrocinadores e apoiadores. + +--- + +## Inspiração para outras organizadoras + +A iniciativa da Python Sul pode servir como modelo para outros eventos da comunidade. +Queremos que mais encontros aconteçam e que novas comunidades surjam. Para isso, é importante compreender os desafios envolvidos na organização. + +Com essa parceria, buscamos compartilhar práticas que podem inspirar outros grupos, como: + +- Planilhas de custos, com valores de local, infraestrutura e equipe. +- Critérios bem definidos para seleção de patrocinadores e palestrantes. +- Dados de diversidade e perfil de quem participa. +- Relatório pós-evento comparando o planejado e o realizado, junto com aprendizados coletados. + +--- + +## Por que isso importa + +A Python Sul vai muito além da programação. É um espaço de **comunidade, colaboração e aprendizado**. +E nada disso se sustenta sem confiança. + +Quando os processos são abertos, essa confiança se fortalece. Isso atrai mais pessoas, mais engajamento e mais impacto positivo. + +Em tempos em que a sociedade exige mais responsabilidade, a Python Sul 2025 mostra que é possível unir tecnologia, comunidade e transparência. + +--- + +## Conclusão + +A **Python Sul 2025** vai entregar conteúdo de qualidade em Python, IA, DevOps e web. Mas o que realmente a diferencia é a forma como se organiza: de maneira clara, responsável e aberta. + +O convite está feito: acompanhe essa parceria de perto, participe e ajude a construir essa história junto com a comunidade. + +👉 Saiba mais em [sul.python.org.br](https://sul.python.org.br/) e [contaaberta.info](https://contaaberta.info/). diff --git a/content/markdown/portuguese/blog/patrocinadora-avidity-python-sul-2025.md b/content/markdown/portuguese/blog/patrocinadora-avidity-python-sul-2025.md new file mode 100644 index 0000000..6bb5685 --- /dev/null +++ b/content/markdown/portuguese/blog/patrocinadora-avidity-python-sul-2025.md @@ -0,0 +1,27 @@ ++++ +title = "Conheça a patrocinadora Avidity: inovação, equipe multidisciplinar e alcance internacional" +description = "A Python Sul 2025 orgulha-se de ter a Avidity como patrocinadora. Vamos conhecer sua história, valores e como ela contribui para tecnologia e comunidade." +date = '2025-09-09T03:00:00Z' +author = "Regis Tomkiel" +categories = ["evento"] +image = "images/posts/avidity/image.png" +draft = false +url = "patrocinadora-avidity-python-sul-2025" ++++ + + +## Conheça a Avidity + +Estamos muito animados em anunciar que a **Avidity** é uma das patrocinadoras da Python Sul 2025! A Avidity é uma empresa sueco-brasileira-alemã especializada em desenvolvimento de software. Desde 2012, ela atua no mercado europeu ajudando empresas de diferentes setores a criar soluções tecnológicas robustas e inovadoras. + +O time da Avidity é diverso e multitecnológico, com profissionais que trabalham com desenvolvimento, DevOps, operações em nuvem, integração e muitas outras áreas estratégicas. Para completar, a empresa atende empresas de software, agências digitais, instituições financeiras e plataformas de ensino. + +É inspirador ter uma patrocinadora tão conectada com tecnologia, diversidade e inovação no nosso evento! + +--- + +É inspirador ter uma patrocinadora tão ligada à tecnologia, à diversidade e à inovação em nosso evento. Empresas como a Avidity não só acreditam no potencial da Python Sul e de sua comunidade, como também reforçam a importância de apoiar o ecossistema de Software Livre e Open Source. + +Estamos muito felizes com essa parceria e empolgados para que todos possam conhecer mais sobre a Avidity durante o evento. + +👉 Saiba mais: [avidity.com.br](https://avidity.com.br/pt/company.html) \ No newline at end of file diff --git a/content/markdown/portuguese/blog/porque-submeter-a-tua-palestra.md b/content/markdown/portuguese/blog/porque-submeter-a-tua-palestra.md index 3fdbe15..ab85155 100644 --- a/content/markdown/portuguese/blog/porque-submeter-a-tua-palestra.md +++ b/content/markdown/portuguese/blog/porque-submeter-a-tua-palestra.md @@ -1,8 +1,9 @@ +++ -date = '2025-09-10T23:45:10-03:00' +date = '2025-09-15T23:45:10-03:00' title = 'Porque submeter a tua palestra?' description = "Compartilhando ideias e visões de porque participar de eventos como palestrante: opiniões de quem já fez isso antes." author = "Vinícius Gubiani Ferreira" +avatar = "images/authors/vinicius-gubiani-ferreira.png" categories = ["eventos"] image = "images/posts/04.png" url = "porque-submeter-a-tua-palestra" diff --git a/content/markdown/spanish/blog/alianza-python-sul-2025-conta-aberta.md b/content/markdown/spanish/blog/alianza-python-sul-2025-conta-aberta.md new file mode 100644 index 0000000..cec5984 --- /dev/null +++ b/content/markdown/spanish/blog/alianza-python-sul-2025-conta-aberta.md @@ -0,0 +1,79 @@ ++++ +title = "Python Sul 2025 + Conta Aberta: un compromiso real con la transparencia y la comunidad" +description = "Conocé cómo la alianza entre Python Sul 2025 y Conta Aberta refuerza el compromiso con la transparencia y la participación comunitaria." +date = '2025-09-14T03:00:00Z' +author = "Regis Tomkiel" +categories = ["comunidad"] +image = "images/posts/conta-aberta/image.png" +draft = false +url = "alianza-python-sul-2025-conta-aberta" ++++ + +# Python Sul 2025 + Conta Aberta: la transparencia como prioridad + +**Python Sul 2025** se asoció con **[Conta Aberta](https://contaaberta.info/)** para poner la transparencia en el centro de su organización. +A partir de ahora, cualquier persona podrá seguir de cerca la salud financiera del evento directamente desde el sitio de Conta Aberta. + +--- + +## Conocé Conta Aberta + +**Conta Aberta** es un proyecto dedicado a fortalecer la transparencia pública y comunitaria. +Entre sus principales objetivos se destacan: + +- Explicar cómo las iniciativas utilizan los recursos, rinden cuentas y comparten información. +- Ofrecer un manual práctico para orientar a cualquier grupo que quiera trabajar de manera abierta y accesible. +- Poner a disposición herramientas y guías que cualquier persona interesada pueda consultar para aplicar buenas prácticas de transparencia. + +--- + +## Qué aporta esta alianza a Python Sul 2025 + +Esta colaboración no es solo simbólica. Su objetivo principal es garantizar transparencia, pero también mostrar la salud financiera y las necesidades reales del equipo organizador. + +1. **Procesos claros** + Las decisiones sobre presupuesto, selección de patrocinadores y contrataciones serán más visibles y explicadas. + +2. **Resultados accesibles** + Informes, balances y datos de participación estarán disponibles para cualquier persona que desee consultarlos. + +3. **Comunidad activa** + La comunidad podrá seguir de cerca, sugerir mejoras y participar en la toma de decisiones. + +4. **Mayor credibilidad** + Un evento transparente fortalece su reputación frente a participantes, patrocinadores y aliados. + +--- + +## Inspiración para otros organizadores + +La iniciativa de Python Sul puede servir como modelo para otros eventos comunitarios. +Queremos que más encuentros se realicen y que surjan nuevas comunidades. Para eso, es importante comprender los desafíos que implica la organización. + +Con esta alianza, buscamos compartir prácticas que puedan inspirar a otros grupos, tales como: + +- Hojas de cálculo de costos, incluyendo valores de locación, infraestructura y equipo. +- Criterios claros para la selección de patrocinadores y ponentes. +- Datos de diversidad y perfil de quienes participan. +- Informe post-evento comparando lo planificado con lo realizado, junto con los aprendizajes obtenidos. + +--- + +## Por qué esto es importante + +Python Sul va mucho más allá de la programación. Es un espacio de **comunidad, colaboración y aprendizaje**. +Y nada de esto se sostiene sin confianza. + +Cuando los procesos son abiertos, esa confianza se fortalece. Esto atrae a más personas, mayor participación y más impacto positivo. + +En tiempos donde la sociedad exige más responsabilidad, Python Sul 2025 demuestra que es posible unir tecnología, comunidad y transparencia. + +--- + +## Conclusión + +**Python Sul 2025** ofrecerá contenido de calidad sobre Python, IA, DevOps y desarrollo web. Pero lo que realmente la diferencia es la forma en que se organiza: de manera clara, responsable y abierta. + +El invitación está hecha: seguí esta alianza de cerca, participá y ayudá a construir esta historia junto con la comunidad. + +👉 Conocé más en [sul.python.org.br](https://sul.python.org.br/) y [contaaberta.info](https://contaaberta.info/). diff --git a/content/markdown/spanish/blog/patrocinadora-avidity-python-sul-2025.md b/content/markdown/spanish/blog/patrocinadora-avidity-python-sul-2025.md new file mode 100644 index 0000000..85ba72d --- /dev/null +++ b/content/markdown/spanish/blog/patrocinadora-avidity-python-sul-2025.md @@ -0,0 +1,27 @@ ++++ +title = "Conocé a la patrocinadora Avidity: innovación, equipo multidisciplinario y alcance internacional" +description = "Python Sul 2025 se enorgullece de contar con Avidity como patrocinadora. Conocé su historia, valores y cómo contribuye a la tecnología y la comunidad." +date = '2025-09-09T03:00:00Z' +author = "Regis Tomkiel" +categories = ["evento"] +image = "images/posts/avidity/image.png" +draft = false +url = "patrocinadora-avidity-python-sul-2025" ++++ + +## Conocé a Avidity + +¡Estamos muy entusiasmados de anunciar que **Avidity** es una de las patrocinadoras de Python Sul 2025! +Avidity es una empresa sueco-brasileño-alemana especializada en desarrollo de software. Desde 2012, opera en el mercado europeo ayudando a empresas de distintos sectores a crear soluciones tecnológicas sólidas e innovadoras. + +El equipo de Avidity es diverso y multidisciplinario, con profesionales que trabajan en desarrollo, DevOps, operaciones en la nube, integración y muchas otras áreas estratégicas. Además, la empresa brinda servicios a compañías de software, agencias digitales, instituciones financieras y plataformas educativas. + +¡Es inspirador contar con una patrocinadora tan conectada con la tecnología, la diversidad y la innovación en nuestro evento! + +--- + +Empresas como Avidity no solo creen en el potencial de Python Sul y de su comunidad, sino que también refuerzan la importancia de apoyar el ecosistema de Software Libre y Open Source. + +Estamos muy felices con esta alianza y entusiasmados para que todos puedan conocer más sobre Avidity durante el evento. + +👉 Conocé más en: [avidity.com.br](https://avidity.com.br/pt/company.html) diff --git a/src/assets/scss/core/_mixins.scss b/src/assets/scss/core/_mixins.scss index 12daf48..ef5c556 100644 --- a/src/assets/scss/core/_mixins.scss +++ b/src/assets/scss/core/_mixins.scss @@ -92,7 +92,8 @@ .sponsor-logo { width: $logo-size; - height: $logo-size; + height: auto; + aspect-ratio: 3/1; } } diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss index 89f25bc..63539b3 100644 --- a/src/assets/scss/main.scss +++ b/src/assets/scss/main.scss @@ -24,6 +24,7 @@ @import "./sections/blog"; // Blog section styles @import "./sections/location"; // Location/map section @import "./sections/sponsors"; // Sponsors section +@import "./sections/supporters"; // Supporters section @import "./sections/subscribe"; // Newsletter subscribe section @import "./pages/single-post"; // Single blog post layout diff --git a/src/assets/scss/pages/_single-post.scss b/src/assets/scss/pages/_single-post.scss index c8f1222..99454a8 100644 --- a/src/assets/scss/pages/_single-post.scss +++ b/src/assets/scss/pages/_single-post.scss @@ -43,7 +43,7 @@ .article-wrapper { @include grid(2, $space-6); grid-template-columns: 3fr 1fr; - padding: $space-8 $space-4; + padding: $space-8 0 0 $space-4; background-color: var(--color-single-post-bg); box-shadow: $box-shadow-md; border-radius: $radius-6; @@ -52,7 +52,7 @@ flex-direction: column; @media (min-width: $breakpoint-md) { - padding: $space-8 $space-8 $space-6; + padding: $space-8 0 0 $space-8; display: grid; } } @@ -76,7 +76,7 @@ .share-buttons { @include flex-column-start; gap: $space-4; - padding-bottom: 0; + padding-bottom: $space-6; &__label { font-weight: 500; @@ -220,6 +220,7 @@ line-height: 1.7; color: var(--color-text); text-align: left; + max-width: 70ch; @media (min-width: $breakpoint-md) { padding-block: $space-6; @@ -346,6 +347,10 @@ @import './single/article-sidebar'; @import './single/related-posts'; +.post-content { + line-height: 1.75; +} + .post-content .custom-image-rounded { picture { @@ -368,4 +373,6 @@ font-size: 0.875rem; display: none; } -} \ No newline at end of file +} + +@import './single/some-improves'; \ No newline at end of file diff --git a/src/assets/scss/pages/single/_article-sidebar.scss b/src/assets/scss/pages/single/_article-sidebar.scss index 721be95..1f75621 100644 --- a/src/assets/scss/pages/single/_article-sidebar.scss +++ b/src/assets/scss/pages/single/_article-sidebar.scss @@ -1,11 +1,13 @@ .article-sidebar { @include flex-column-center; - gap: $space-2; + width: 100%; + gap: $space-4; overflow: hidden; + background-color: var(--color-bg); @media (min-width: $breakpoint-md) { margin-top: $space-6; - padding-left: $space-6; + padding-inline: $space-2; padding-block: $space-10; gap: $space-6; border-left: 1px solid var(--color-border); @@ -13,23 +15,26 @@ .sidebar__section { width: 100%; - padding-bottom: $space-4; - padding-inline: $space-3; - transition: background-color 0.2s ease; + background-color: var(--color-surface, #fff); + border-radius: $radius-6; + padding: $space-4 $space-3; + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + transition: background-color 0.25s ease, transform 0.2s ease; &:not(:last-child) { - border-bottom: 1px solid var(--color-border); margin-bottom: $space-2; } &:hover { - background-color: var(--color-accent-50); + background-color: var(--color-surface-hover, #f8f9fa); + transform: translateY(-2px); } } .sidebar__title { - font-weight: 600; - letter-spacing: 0.25px; + font-weight: 700; + font-size: 0.95rem; + letter-spacing: 0.5px; color: var(--color-text); margin-bottom: $space-3; padding-bottom: $space-4; @@ -41,7 +46,7 @@ color: var(--color-text-secondary); line-height: 1.6; font-size: 0.9rem; - margin-bottom: $space-4; + margin-bottom: $space-3; } .sidebar__categories { diff --git a/src/assets/scss/pages/single/_some-improves.scss b/src/assets/scss/pages/single/_some-improves.scss new file mode 100644 index 0000000..3027025 --- /dev/null +++ b/src/assets/scss/pages/single/_some-improves.scss @@ -0,0 +1,71 @@ +.article-content { + margin: 0 auto; + + .post-content { + font-size: 1.05rem; + line-height: 1.75; + color: var(--color-text); + + h2, h3 { + margin-top: $space-6; + margin-bottom: $space-3; + font-weight: 700; + line-height: 1.4; + } + + p { + margin-bottom: $space-4; + } + } +} + +/* Share buttons modernizados */ +.share-buttons { + margin-top: $space-8; + padding-top: $space-6; + border-top: 1px solid var(--color-border); + + .share-buttons__label { + display: block; + font-size: 0.9rem; + font-weight: 600; + margin-bottom: $space-3; + color: var(--color-text-secondary); + } + + .share-buttons__list { + display: flex; + flex-wrap: wrap; + gap: $space-3; + + .btn { + display: flex; + align-items: center; + gap: $space-2; + border-radius: $radius-7; + padding: $space-2 $space-4; + font-size: 0.9rem; + font-weight: 500; + transition: background-color 0.25s ease, transform 0.15s ease; + + &:hover { + transform: translateY(-2px); + } + + &.linkedin:hover { + background-color: #0a66c2; + color: #fff; + } + + &.facebook:hover { + background-color: #1877f2; + color: #fff; + } + + &.copy:hover { + background-color: var(--color-accent); + color: #fff; + } + } + } +} diff --git a/src/assets/scss/sections/_sponsors.scss b/src/assets/scss/sections/_sponsors.scss index 2ceeddd..36e9032 100644 --- a/src/assets/scss/sections/_sponsors.scss +++ b/src/assets/scss/sections/_sponsors.scss @@ -1,70 +1,57 @@ -// Sponsors Section Styles -// ======================= -// Main container and layout for the sponsors section. - .sponsors { @extend .section; - @include flex-center; + @include flex-column-center; text-align: center; + gap: $space-10; - // Sponsors Header + // Header &__header { @include flex-column-center; padding-bottom: $space-6; } - // Sponsors Tiers Container + // Tiers &__tiers { @include flex-column-center; - display: none; - gap: $space-6; + gap: $space-10; - @media (min-width: $breakpoint-md) {} - - // Individual Sponsor Tier Block .sponsor__tier { - &:not(:last-child) { - margin-bottom: $space-10; - - @media (max-width: $breakpoint-sm) { - margin-bottom: $space-6; - } - } + display: flex; + flex-direction: column; + align-items: center; + gap: $space-6; - // Sponsor Tier Title + // Tier title &-title { @include flex-center; - width: fit-content; - padding: $space-3 $space-5; - margin-bottom: $space-6; - font-weight: 500; + padding: $space-2 $space-6; + font-weight: 600; + font-size: 1rem; color: var(--color-text-on-accent); - border-radius: $radius-100; background-color: var(--color-accent); + border-radius: $radius-100; + box-shadow: $box-shadow-strong; &::before { content: ''; - width: $space-2; - height: $space-2; + width: $space-4; + height: $space-4; margin-right: $space-2; - border: 4px solid var(--color-shadow-rgba); border-radius: 50%; - background-color: var(--color-accent); - box-sizing: content-box; - } - - @media (max-width: $breakpoint-sm) { - padding: $space-2 $space-4; - margin-bottom: $space-4; + background-color: $white; } } - // Sponsor Logos Row + // Logos grid &-logos { @include flex-center; - flex-wrap: wrap; gap: $space-6; + img { + max-width: 100%; + height: auto; + } + @media (max-width: $breakpoint-sm) { gap: $space-4; } @@ -72,146 +59,93 @@ } } - // Sponsor Tier Modifiers - // ---------------------- - // Diamond Tier + // Tier modifiers (simplified) &__tier--diamond { - @include sponsor-tier(var(--color-tier-diamond-start), var(--color-tier-diamond-end), 180px); + @include sponsor-tier(var(--color-tier-diamond-start), var(--color-tier-diamond-end), 350px); + display: none !important; } - // Gold Tier &__tier--gold { - @include sponsor-tier(var(--color-tier-gold-start), var(--color-tier-gold-end), 150px); + @include sponsor-tier(var(--color-tier-gold-start), var(--color-tier-gold-end), 300px); + display: none !important; } - // Silver Tier &__tier--silver { - @include sponsor-tier(var(--color-tier-silver-start), var(--color-tier-silver-end), 120px); + @include sponsor-tier(var(--color-tier-silver-start), var(--color-tier-silver-end), 250px); } - // Bronze Tier &__tier--bronze { - @include sponsor-tier(var(--color-tier-bronze-start), var(--color-tier-bronze-end), 100px); + @include sponsor-tier(var(--color-tier-bronze-start), var(--color-tier-bronze-end), 180px); } } -// Sponsors Footer Styles -// ====================== -// Footer section for sponsors, including CTA and description. - +// Footer .sponsors__footer { @include flex-column-center; @include gradient-to-r(var(--color-tier-diamond-start), var(--color-tier-diamond-end)); width: 100%; - padding: $space-6; + padding: $space-8 $space-6; color: var(--color-text-on-accent); text-align: center; - border-radius: 0; + border-radius: $radius-4; + gap: $space-6; + margin-top: $space-10; - // Footer Title &-title { - font-weight: 600; - margin-bottom: $space-4; - - @media (max-width: $breakpoint-sm) {} + font-weight: 700; + font-size: 1.25rem; } - // Footer Description Text &-text { - max-width: 70rem; - margin-bottom: $space-6; + max-width: 60ch; font-weight: 500; - - @media (min-width: $breakpoint-sm) { - margin-bottom: $space-8; - } + line-height: 1.5; } - // Footer Call to Action Row &-cta { @include flex-center; - width: 100%; - gap: $space-5; + gap: $space-4; flex-wrap: wrap; - - @media (max-width: $breakpoint-sm) { - gap: $space-3; - } } @media (max-width: $breakpoint-md) { - width: calc(100% + (#{$space-4} * 2)); + border-radius: 0; margin-inline: -$space-4; - margin-bottom: -$space-5; } - @media screen and (min-width: $breakpoint-lg) { + @media (min-width: $breakpoint-lg) { border-radius: $radius-6; } } -// Sponsor Logo Styles -// =================== -// Logo containers for each sponsor tier. - +// Sponsor logo card .sponsor-logo { @include flex-center; background-color: var(--color-surface); border: 1px solid var(--color-border); border-radius: $radius-3; - box-shadow: $box-shadow-md; - - // Diamond Tier Logo - &--diamond { - width: 180px; - height: 180px; - - @media (max-width: $breakpoint-sm) { - width: 140px; - height: 140px; - } - } - - // Gold Tier Logo - &--gold { - width: 150px; - height: 150px; - - @media (max-width: $breakpoint-sm) { - width: 120px; - height: 120px; - } - } + box-shadow: $box-shadow-strong; + transition: transform 0.2s ease; - // Silver Tier Logo - &--silver { - width: 120px; - height: 120px; - - @media (max-width: $breakpoint-sm) { - width: 100px; - height: 100px; - } - } - - // Bronze Tier Logo - &--bronze { - width: 100px; - height: 100px; - - @media (max-width: $breakpoint-sm) { - width: 85px; - height: 85px; - } + &:hover { + transform: scale(1.05); } } -// Utility: Fully Rounded Icon -// =========================== +// Utility .rounded-full { @include flex-center; width: $space-5; height: $space-5; background-color: var(--color-on-accent); border-radius: 50%; +} + +// Sponsor-specific +.avidity { + background-color: #212C36; +} + +.conta-aberta { + background-color: $white; } \ No newline at end of file diff --git a/src/assets/scss/sections/_supporters.scss b/src/assets/scss/sections/_supporters.scss new file mode 100644 index 0000000..9e234b8 --- /dev/null +++ b/src/assets/scss/sections/_supporters.scss @@ -0,0 +1,30 @@ +.supporters__logos { + @include flex-center; + flex-wrap: wrap; + gap: 2rem; + + .supporter-logo { + @include flex-center; + width: 150px; + height: auto; + aspect-ratio: 3 / 1; + border: 1px solid var(--color-border); + border-radius: 0.5rem; + box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2); + transition: transform 0.2s ease; + + &:hover { + transform: scale(1.05); + } + + img { + width: 100%; + height: auto; + object-fit: contain; + } + } +} + +.phprs { + background-color: $white; +} \ No newline at end of file diff --git a/src/i18n/en.toml b/src/i18n/en.toml index d3583f0..02da9ed 100644 --- a/src/i18n/en.toml +++ b/src/i18n/en.toml @@ -76,4 +76,16 @@ other = "Light" other = "Dark" [read_more] -other = "Read more" \ No newline at end of file +other = "Read more" + +[supporters_section_title] +other = "Our Supporters" + +[supporters_section_description] +other = "All the groups, communities, events, and institutions that support our event." + +[sponsor_tier_silver] +other = "Sponsors Silver" + +[sponsor_tier_bronze] +other = "Sponsors Bronze" \ No newline at end of file diff --git a/src/i18n/es.toml b/src/i18n/es.toml index d41cb8d..c547d99 100644 --- a/src/i18n/es.toml +++ b/src/i18n/es.toml @@ -76,4 +76,16 @@ other = "Modo oscuro" other = "Modo claro" [read_more] -other = "Seguir leyendo" \ No newline at end of file +other = "Seguir leyendo" + +[supporters_section_title] +other = "Nuestros Apoyadores" + +[supporters_section_description] +other = "Todos los grupos, comunidades, eventos e instituciones que apoyan nuestro evento." + +[sponsor_tier_silver] +other = "Patrocinadores Silver" + +[sponsor_tier_bronze] +other = "Patrocinadores Bronze" \ No newline at end of file diff --git a/src/i18n/pt-br.toml b/src/i18n/pt-br.toml index 38c10eb..1df7b8e 100644 --- a/src/i18n/pt-br.toml +++ b/src/i18n/pt-br.toml @@ -76,4 +76,16 @@ other = "Modo escuro" other = "Modo claro" [read_more] -other = "Continuar lendo" \ No newline at end of file +other = "Continuar lendo" + +[supporters_section_title] +other = "Apoiadores" + +[supporters_section_description] +other = "Todos os grupos, comunidades, eventos e instituições que apoiam nosso evento." + +[sponsor_tier_silver] +other = "Patrocinadores Prata" + +[sponsor_tier_bronze] +other = "Patrocinadores Bronze" \ No newline at end of file diff --git a/src/layouts/_default/single.html b/src/layouts/_default/single.html index 687b371..30d380d 100644 --- a/src/layouts/_default/single.html +++ b/src/layouts/_default/single.html @@ -32,7 +32,8 @@

{{ $author := .Params.author | default .Site.Params.defaultAuthor }} - {{ $avatar := printf "images/authors/%s.png" (lower (replace $author " " "-")) }} + {{ $avatar := .Params.avatar | default (printf "images/authors/%s.png" (lower (replace $author " " "-"))) }} +
{{/* Author Avatar */}} {{ partial "core/image.html" (dict "src" $avatar "alt" $author "avatar" true) }} diff --git a/src/layouts/_partials/sections/sponsors.html b/src/layouts/_partials/sections/sponsors.html index 67628c1..4c65e47 100644 --- a/src/layouts/_partials/sections/sponsors.html +++ b/src/layouts/_partials/sections/sponsors.html @@ -2,6 +2,8 @@ {{ $currentLang := .Site.Language.Lang }} {{ $sponsorshipPlans := .Site.Data.event.sponsorship.plans }} +{{ $silverTiers := .Site.Data.section.sponsors.silver }} +{{ $bronzeTiers := .Site.Data.section.sponsors.bronze }} {{/* Loop through sponsors section for the current language */}} {{ range where .Site.Data.section.sponsors.meta "language" $currentLang }} @@ -40,19 +42,31 @@
diff --git a/src/layouts/_partials/sections/supporters.html b/src/layouts/_partials/sections/supporters.html new file mode 100644 index 0000000..a2c21d7 --- /dev/null +++ b/src/layouts/_partials/sections/supporters.html @@ -0,0 +1,22 @@ +{{ $supporters := .Site.Data.section.sponsors.supporters }} + +
+
+
+

+ {{ i18n "supporters_section_title" | safeHTML }} +

+

+ {{ i18n "supporters_section_description" | safeHTML }} +

+
+
+ {{ range $supporters }} + + {{ end }} +
+
\ No newline at end of file diff --git a/src/layouts/home.html b/src/layouts/home.html index aa199fa..6560f9a 100644 --- a/src/layouts/home.html +++ b/src/layouts/home.html @@ -5,6 +5,7 @@ {{ partial "sections/cfp.html" . }} {{/* Call for Papers section: submission info */}} {{ partial "sections/blog.html" . }} {{/* Blog section: latest news or posts */}} {{ partial "sections/sponsors.html" . }} {{/* Sponsors section: sponsor logos/info */}} +{{ partial "sections/supporters.html" . }} {{/* Supporters section: supporter logos/info */}} {{ partial "sections/location.html" . }} {{/* Location section: event or company location */}} {{ partial "sections/subscribe.html" . }} {{/* Subscribe section: newsletter signup */}} diff --git a/src/static/images/phprs.jpg b/src/static/images/phprs.jpg new file mode 100644 index 0000000..8a9de5d Binary files /dev/null and b/src/static/images/phprs.jpg differ