index.html

<!DOCTYPE html>
<html lang="pt-BR" xmlns="http://www.w3.org/1999/html">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/main_styles.css">

    <!-- Fonts / Styles -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:wght@200;500;900&display=swap"
        rel="stylesheet">
    <!-- Primary Meta Tags -->
    <title>PyNE23 | Python Nordeste 2023 | Salvador - BA, Brasil | Em Setembro</title>
    <meta name="title" content="PyNE23 | Python Nordeste 2023 | Salvador - BA, Brasil | Em Setembro">
    <meta name="description" content="PyNE23 | Python Nordeste 2023 | Salvador - BA, Brasil | Em Setembro">
    <!-- Open Graph / Facebook Meta Tags -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://2023.pythonnordeste.org/">
    <meta property="og:title" content="PyNE23 | Python Nordeste 2023 | Salvador - BA, Brasil | Em Setembro">
    <meta property="og:description" content="PyNE23 | Python Nordeste 2023 | Salvador - BA, Brasil | Em Setembro">
    <meta property="og:image" content="img/miniatura_website.jpg">
    <!-- Twitter Meta Tags -->
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="https://2023.pythonnordeste.org/">
    <meta property="twitter:title" content="PyNE23 | Python Nordeste 2023 | Salvador - BA, Brasil | Em Setembro">
    <meta property="twitter:description" content="PyNE23 | Python Nordeste 2023 | Salvador - BA, Brasil | Em Setembro">
    <meta property="twitter:image" content="img/miniatura_website.jpg">
    <!-- Icons -->
    <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
    <link rel="manifest" href="/favicon/site.webmanifest">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/iconoir-icons/iconoir@main/css/iconoir.css">

    <script>console.log("\nPython Nordeste 2023\n\nPessoas > Tecnologia\n✊🏿✊🏾✊🏽✊✊🏼✊🏻 🏳️‍🌈🏳️‍⚧️♿\n ")</script>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-L0X42JQJ9N"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());
        gtag('config', 'G-L0X42JQJ9N');
    </script>
</head>

<body>
    <nav class="navbar">
        <div class="navbar__logo">
            <a href="index.html" class="logo">
                <img class="nav-logo" src="./img/assets/LOGO.png" alt="">
            </a>
        </div>

        <ul class="navbar-menu" id="nav-list">
            <li class="menu-item"><a href="#intro">Sobre a cidade</a></li>
            <li class="menu-item"><a href=" https://www.eventbrite.com.br/e/python-nordeste-2023-tickets-685066200447 "
                    target=" _blank" rel="noopener noreferrer">Inscrições</a></li>
            <li class="menu-item"><a href="https://pretalx.com/python-nordeste-2023/schedule/" target="_blank"
                    rel="noopener noreferrer">Grade
                    de palestras</a></li>
            <li class="menu-item"><a href="#sponsor">Como patrocinar</a></li>
            <li class="menu-item"><a href="cdc.html" target="_blank" rel="noopener noreferrer">Código de conduta</a>
            </li>
            <li class="menu-item"><a href="#doacoes" target="_blank" rel="noopener noreferrer">Doações arrecadadas</a>
            </li>
            <li class="menu-item"><a href="#social-media">Redes sociais</a></li>
            <li class="menu-item"><a href="orientacoes.html" rel="noopener noreferrer">Orientações para a Covid-19</a>
            </li>
        </ul>
        <div class="navbar-btn" id="nav-toggle">
            <i class="iconoir-menu-scale"></i>
        </div>
    </nav>

    <header class="header">
        <img class="header__hero" src="./img/assets/hero_pyne2023.png"
            aria-label="Fitas voando escrito Python Nordeste 2023">
        <div class="header__intro">
            <h1 class="header__callout__heading">Python Nordeste 2023</h1>
            <h2 class="header__callout__subheading"><br>22 a 24 de setembro de 2023</h2>
            <p class="header__callout__address">
                <a href="https://goo.gl/maps/QmuKpDPjvXigJ9rV8"><br><b></b>Escola Politécnica da UFBA - R.
                    Prof. Aristídes Novis, 2 - Federação,
                    Salvador - BA, 40210-630
                    </b>
            </p>
            </a>

            <div class="header__c4p">
                <a href="https://www.eventbrite.com.br/e/python-nordeste-2023-tickets-685066200447 " target="_blank"
                    class="btn-subscriptions">
                    Inscreva-se já!
                </a>
            </div>
            <div class="header__c4p">
                <a href="https://pretalx.com/python-nordeste-2023/schedule/" target="_blank" class="btn-c4p">Cronograma
                    do evento</a>
            </div>
        </div>
    </header>

    <!-- <main> -->
    <div class="intro" id="intro">

        <div class="intro__wrapper">
            <h2 class="intro__headline">Conheça mais sobre Salvador!</h2>

            <include src="carousel.html" frameborder="0"></include>
            <div class="intro__container">
                <div class="intro__descritpion">
                    <p>
                        A cidade-sede da Python Nordeste 2023 será em Salvador, capital e maior cidade da Bahia.
                    </p>
                    <p>
                        Considerada o centro da cultura afro-brasileira no Brasil. O território soteropolitano
                        possui
                        belas paisagens geográficas, e se beneficia de características muito específicas. Tem um
                        clima
                        quente e ensolarado o ano todo; a beleza natural de praias, como Ondina, Arembepe, Farol da
                        Barra, Amaralina, e de lagoas, como a do Abaeté; as manifestações variadas da cultura negra,
                        como a rica e saborosa culinária, música e ritmos revolucionários, sincretismo religioso,
                        terreiros de candomblé e exibições de capoeira - tudo relacionado com o respeito,
                        preservação e
                        reverência à ancestralidade de seu povo!
                    </p>
                    <p>
                        Há ainda um belo conjunto arquitetônico remanescentes da época da colonização que representa
                        um
                        pedaço vivo da história do Brasil. A cidade registra manifestações culturais e religiosas
                        importantes, sendo conhecida, pelos festejos do Senhor do Bonfim, Iemanjá, Carnaval e Ano
                        Novo.
                        </br>
                    </p>
                    <p>
                        Predominam em Salvador as atividades de serviços, turismo e comércio, mas é marcante o
                        crescimento da industrialização e tecnologia nomeada como uma das cidades inteligentes do
                        Nordeste. Ficou em primeiro lugar do Nordeste no Ranking Connected Smart Cities, que aponta
                        as
                        cidades mais conectadas
                        e inteligentes do País.
                    </p>
                </div>
            </div>
        </div>
        <div class="intro" id="intro">

            <div class="intro__wrapper">
                <h2 class="intro__headline">Objetivos da #PyNE2023</h2>
                <div class="intro__container">
                    <div class="intro__descritpion">
                        <p>
                            A Python Nordeste (PyNE) é um evento de tecnologia realizado anualmente desde 2013. O evento
                            é construído de forma colaborativa e voluntária pela comunidade nordestina de amantes da
                            linguagem de programação Python e em 2023 chegaremos a nossa 11ª edição! <3 </p>
                                <p>
                                    Durante 3 dias de imersão os participantes poderão aprender sobre novas tecnologias,
                                    compartilhar conhecimento e experiências, ter contato com grandes nomes da
                                    comunidade
                                    internacional e confraternizar. Tudo isso em um ambiente amistoso, de boa
                                    convivência,
                                    inclusivo e livre de intimidação, onde todas as pessoas são bem-vindas.
                                </p>
                                <p>
                                    <b> Os objetivos do evento são:</b>
                                </p>
                                <ol>
                                    <li>
                                        <p>

                                            1- Difundir a linguagem Python para todos os níveis de conhecimento
                                            (iniciante,
                                            intermediário e
                                            avançado);
                                        </p>
                                    </li>
                                    <li>
                                        <p>

                                            2- Promover a troca de conhecimento entre todas as pessoas participantes de
                                            forma
                                            respeitosa e
                                            construtiva;
                                        </p>
                                    </li>
                                    <li>
                                        <p>

                                            3- Incentivar o crescimento da comunidade, tanto em participantes quanto em
                                            impacto
                                            social;
                                            Fomentar a circulação da economia na cidade sede do evento.
                                        </p>
                                    </li>
                                </ol>
                    </div>
                </div>
            </div>

            <div class="keynote">
                <h2>Keynotes</h2>

                <div class="keynote__wrapper">
                    <div class="keynote__card">
                        <div class="keynote__header">
                            <div class="keynote__avatar">
                                <img class="keynote__avatar--img" src="./img/keynotes/anicely.jpg"
                                    alt="foto de anicely santos">
                            </div>
                        </div>

                        <div class="keynote__infos">
                            <h3 class="keynote__name">Anicely Santos</h3>
                            <p>Formanda em Análise e Desenvolvimento de Sistemas, pós graduanda em Ciências de Dados e
                                Analytics. Trabalha na Escola de Dados, na Open Knowledge Brasil e faz parte do PyLadies
                                Recife e do DiversiPy.</p>
                            <section class="keynote__linkedin">
                                <a href="https://www.linkedin.com/in/anicelysantos/" target="_blank"
                                    rel="noopener noreferrer">
                                    <i class="iconoir-link" /></i>
                                </a>
                            </section>

                        </div>
                    </div>

                    <div class="keynote__card">
                        <div class="keynote__header">
                            <div class="keynote__avatar">
                                <img class="keynote__avatar--img" src="./img/keynotes/matheus.jpg"
                                    alt="foto de matheus moreira">
                            </div>
                        </div>

                        <div class="keynote__infos">
                            <h3 class="keynote__name">Matheus Moreira</h3>
                            <p>Cientista de dados por profissão, pesquisador da Economia Política das Tecnologias de
                                Informação e Comunicação e co-fundador do SoteroLab (não necessariamente nesta ordem).
                            </p>
                            <section class="keynote__linkedin">
                                <a href="https://www.linkedin.com/in/moreira-matheus/" target="_blank"
                                    rel="noopener noreferrer">
                                    <i class="iconoir-link" /></i>
                                </a>
                            </section>

                        </div>
                    </div>

                    <div class="keynote__card">
                        <div class="keynote__header">
                            <div class="keynote__avatar">
                                <img class="keynote__avatar--img" src="./img/keynotes/tarcizio.jpg"
                                    alt="foto de tarcizio silva">
                            </div>
                        </div>
                        <div class="keynote__infos">
                            <h3 class="keynote__name">Tarcízio Silva</h3>
                            <p>Mestre em Comunicação (UFBA) e desenvolve tese sobre regulação antirracista de IA
                                (UFABC). Senior Tech Policy Fellow na Fundação Mozilla. Autor e organizador de livros
                                como “Racismo Algorítmico: inteligência artificial e discriminação nas redes digitais”
                                (Edições Sesc, 2022) e “Comunidades, Algoritmos e Ativismos Digitais: olhares
                                afrodiaspóricos” (LiteraRUA, 2020).
                            </p>
                            <section class="keynote__linkedin">
                                <a href="https://www.linkedin.com/in/tarciziosilva/" target="_blank"
                                    rel="noopener noreferrer">
                                    <i class="iconoir-link" /></i>
                                </a>
                            </section>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="sponsor" id="sponsor">
            <h2>Seja uma empresa patrocinadora da Python Nordeste</h2>
            <div class="sponsor--section">
                <section lang="pt-br" class="sponsor-texto">
                    <h3>Junte-se a nós para construir este evento!</h3>
                    <p>Não deixe de conferir o nosso Plano de Patrocínio!</p>
                    <section class="c4p">
                        <a href="https://drive.google.com/file/d/1mpw3NoA-tizdEWYbKxWLciw9cm0TgZ9X/view?usp=share_link"
                            target="_blank" class="btn-c4p">
                            Baixar o PDF
                        </a>
                    </section>
                </section>

                <section lang="en-us" class="sponsor-texto">
                    <h3>Become a sponsor of Python Nordeste</h3>
                    <p>Check out our Sponsorship Plan!</p>
                    <section class="c4p">
                        <a href="https://drive.google.com/file/d/17qei9Stdsef0Sxz8pZvYFZD6JmY85gKN/view" target="_blank"
                            class="btn-c4p">
                            Download PDF file
                        </a>
                    </section>
                </section>
            </div>
        </div>


        <article class="sponsors-list">
            <h3 class="sponsors-list__headline">Confira as nossas patrocinadoras e apoiadoras!</h3>

            <section class="sponsors-list__block">

                <h4 class="sponsors-list__heading--diamante">Diamante</h4>
                <div class="sponsors-list--diamante">
                    <a href="https://www.instagram.com/cozinhadengodevo/" class="sponsors-flex"><img
                            src="./img/assets/dengo_de_vo.png" alt="Dengo de Vó" /></a>
                    <a href="https://www.python.org/psf-landing/" class="sponsors-flex"><img
                            src="./img/assets/psf-logo.png" alt="Python Software Foundation"></a>
                </div>
            </section>
            <section class="sponsors-list__block">

                <h4 class="sponsors-list__heading--ouro">Ouro</h4>
                <div class="sponsors-list--ouro">
                    <a href="https://www.botcity.dev/" class="sponsor-list"><img src="./img/assets/botcity.png"
                            alt="Botcity" /></a>
                    <a href="https://www.elastic.co/pt/about" class="sponsor-list"><img src="./img/assets/elastic.png"
                            alt="Elastic" /></a>
                </div>
            </section>

            <section class="sponsors-list__block">

                <h4 class="sponsors-list__heading--bronze">Bronze</h4>
                <div class="sponsors-list--bronze">
                    <a href="https://www.globo.com/" class="sponsor-list"><img src="./img/assets/globo.png"
                            alt="Globo" /></a>
                    <a href="https://www.vinta.com.br/" class="sponsor-list"><img src="./img/assets/vinta.png"
                            alt="Vinta" /></a>
                    <a href="https://sobre.jusbrasil.com.br/" class="sponsor-list"><img
                            src="./img/assets/jusbrasil_rescaled.png" alt="Jusbrasil" /></a>
                </div>
            </section>
            <section class="sponsors-list__block">

                <div class="sponsors-list--apoiadores">
                    <h4 class="sponsors-list__heading--apoiadores">Apoiadores</h4>
                    <div class="sponsors-flex">
                        <a href="https://www.eng.ufba.br/" class="sponsors-flex"><img src="./img/assets/ufba.png"
                                alt="UFBA" /></a>
                        <a href="https://www.instagram.com/cienciadedadosnaep/" class="sponsors-flex"><img
                                src="./img/assets/naep.png" alt="NAEP" /></a>
                        <a href="https://gamma-ufba.github.io/index.html" class="sponsors-flex"><img
                                src="./img/assets/gamma-ufba.png" alt="GAMMA"></a>
                    </div>
            </section>
        </article>

        <section class="doacoes" id="doacoes">
            <h3>Agradecemos pelas doações de alimentos não perecíveis</h3>
            <p>A comunidade Python Nordeste acredita e se compromete com o princípio da solidariedade e por esta razão,
                conseguimos arrecadar cerca de <strong>105 kg</strong> de alimentos não perecíveis,
                que foram doados para a
                entidade <a href="https://www.instagram.com/lar_recanto/">Lar
                    Recanto dos Idosos</a> em Salvador.</p>

        </section>

        <article class="localizacao">
            <section class="localizacao--texto">
                <h2>Confira o local do evento</h2>
                <p>A PyNE 2023 será sediada na Escola Politécnica da UFBA <br>(Universidade Federal da Bahia) -
                    Salvador
                </p>
                <br>
                <p>R. Prof. Aristídes Novis, 2 - Federação, Salvador - BA, 40210-630</p>
            </section>
            <iframe
                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3887.56535363496!2d-38.512876424041686!3d-12.999628560375259!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x716049dd45f3533%3A0x6e449a7096d9e5e0!2sEscola%20Polit%C3%A9cnica%20da%20UFBA!5e0!3m2!1spt-BR!2sbr!4v1685062528945!5m2!1spt-BR!2sbr"
                width="400" height="300" style=" border: 10px double #f7931e; outline: 10px double #299BA6;"
                allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
        </article>
        <footer>
            <div class="footer__social">

                <div class="social-media" id="social-media">
                    <div class="social-media__list">
                        <a href="mailto:nordeste@python.org.br" target="_blank" rel="noopener noreferrer">
                            <img class="social-media--icons" src="./img/icons/EMAIL.svg" alt="Email" />
                            <!-- nordeste@python.org.br -->
                        </a>
                        <a href="https://www.instagram.com/pythonnordeste/" target="_blank" rel="noopener noreferrer">
                            <img class="social-media--icons" src="./img/icons/INSTAGRAM.svg" alt="Instagram" />
                        </a>
                        <a href="https://twitter.com/pythonnordeste" target="_blank" rel="noopener noreferrer">
                            <img class="social-media--icons" src="./img/icons/TWITTER.svg" alt="Twitter" />
                        </a>
                        <a href="https://www.linkedin.com/company/python-nordeste-2022/" target="_blank"
                            rel="noopener noreferrer">
                            <img class="social-media--icons" src="./img/icons/LINKEDIN.svg" alt="Linkedin" />
                        </a>

                    </div>
                    <div class="footer__footnote">
                        <a class="footer__footnote" href="mailto:nordeste@python.org.br">
                            <p>nordeste@python.org.br</p>
                        </a>
                        <hr>
                        <small class="footer__note">
                            22 a 24 de setembro de 2023 | Salvador - BA, Brasil | Feito com <3 por pythonistas
                                nordestinos </small>
                    </div>
                </div>
            </div>
        </footer>
        <script src="https://unpkg.com/htmlincludejs"></script>
        <script src="script.js"></script>

</body>

</html>