docs/index.html

<!DOCTYPE html>
<html>
  <head>
  <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-177856746-1"></script>
    <script type="module" src="./analytics.js"></script>
    <title>OpenDevUFCG</title>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Comunidade voltada a incentivar a cultura open source no curso de Ciência da Computação da UFCG." />
    <meta name="theme-color" content="#387ca5">
    <link rel="stylesheet" href="./home/css/styles.css" />
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.9.0/css/all.css">
    <link rel="stylesheet" href="./hacktoberfest/css/glitch.css">
    <link rel="manifest" href="/manifest.json" />
    <link rel="icon" href="./home/img/favicon.ico">
  </head>
  <body>
    <div class="container">
      <div class="content-area">
        <header>
          <img class="logo" src="./home/img/opendevufcg_main_icon.svg"/>
          <div class="button-area">
            <a href="https://github.com/OpenDevUFCG" target="_blank">
              <button class="default-button">CONTRIBUIR</button>
            </a>
          </div>
        </header>
        <section>
          <h2 class="join-community">Faça parte da nossa<br/>comunidade<span class="blue-color">.</span></h2>
          <div class="join-community-call">
            <div class="join-community-phrase">
              <p>
                Junte-se a nós e descubra a mágica do código aberto na sua vida
              </p>
            </div>
            <div class="join-community-button">
              <a href="https://github.com/OpenDevUFCG"><button class="default-button discover-button">DESCOBRIR</button></a>
            </div>
          </div>
        </section>
        <section class="section-split">
          <div class="community-call-label">
            <div class="line"></div>
            <h2>
              Desenvolvemos projetos para a comunidade da UFCG
            </h2>
            <p class="section-phrase">
              Queremos empoderar pessoas, do iniciante ao experiente, todos podem aprender, sugerir e ajudar na OpenDevUFCG.
            </p>
          </div>
          <div class="projects">
            <div class="project">
              <a href="https://github.com/OpenDevUFCG/laguinho" target="_blank"><img src="./home/img/projetos_logos/laguinho_logo.svg"/></a>
            </div>
            <div class="project">
              <a href="https://github.com/OpenDevUFCG/glossario-ufcg" target=_blank"><img src="./home/img/projetos_logos/glossario_logo.svg"/></a>
            </div>
            <div class="project">
              <a href="https://github.com/OpenDevUFCG/roadmap-cc" target=_blank"><img src="./home/img/projetos_logos/roadmapcc_logo.svg"/></a>
            </div>
            <div class="project">
              <a href="https://github.com/OpenDevUFCG/Tamburetei" target=_blank"><img src="./home/img/projetos_logos/tamburetei_logo.svg"/></a>
            </div>
          </div>
        </section>
        <section class="section-split column-reverse">
          <div class="maintainers">
          </div>
          <div class="community-call-label">
            <div class="line"></div>
            <h2>
              Uma comunidade forte é a base para o sucesso
            </h2>
            <p class="section-phrase">
              Juntos fazemos mais, por isso nos esforçamos em criar uma comunidade que intensifique o diálogo, amizade e respeito.
            </p>
          </div>
        </section>
        <footer class="section-split">
          <div class="discord-wrapper">
            <div class="discord-split">
              <div>
                <p class="section-phrase">Todos são bem vindos, seja para contribuir, sugerir novas ideias ou pedir ajuda. Junte-se a comunidade da OpenDevUFCG!</p>
              </div>
              <div class="join-discord-call">
                <img height="100" src="./home/img/Discord-Logo-Color.svg"/>
                <a href="https://discord.gg/Yf5SjACg" target="_blank"><button class="default-button discover-button discord-button">CONECTAR</button></a>
              </div>
            </div>
          </div>
        </footer>
      </div>
      <div class="gradient">
      </div>
    </div>
    <script src="./home/data/projetos.js"></script>
    <script type="module" src="./home/js/app.js"></script>
    <script src="./home/js/typewriter.js"></script>
    <script type="module" src="./home/js/equipe.js"></script>
    <!-- Must be in the root folder to access the root scope -->
    <script src="/sw-register.js"></script>
  </body>
</html>