<!DOCTYPE html>
<html lang="pt">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>docs | mdsmax.dev</title>
    <link rel="stylesheet" href="css/docs.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css">
    <link rel="shortcut icon" type="image/jpg" href="../assets/icon.png"/>
</head>
<body>
    <nav class="navbar">
        <div class="logo">mdsmax.dev</div>
        <ul class="nav-links">
            <li><a href="https://mdsmax.dev">Início</a></li>
            <li><a href="https://mdsmax.dev/#projects">Projetos</a></li>
        </ul>
        <div class="menu-toggle" id="mobile-menu">
            <span></span>
            <span></span>
            <span></span>
        </div>
    </nav>

    <div class="start">
        <div class="title">Instalando Python<br>e usando Bots</div>
        <div class="desc">Neste tutorial você aprenderá como instalar Python em sua máquina e iniciar/configurar Bots do Discord.</div>
        <a href="https://discord.com/users/358711420612771861" class="btn"><i class="fa-solid fa-envelope"></i> Suporte</a>
        <br>
        <div class="desc"><span class="step">Primeiro passo:</span> Instale os arquivos abaixos necessários para o funcionamento do Bot.</div>
        <div class="containers">
            <div class="container">
                <div class="title">Python</div>
                <div class="desc">
                    <div class="versao">Versão recomendada: 3.12</div>
                    <div class="install">Instalar: Microsoft Store</div>
                </div>
                <div class="button">
                    <a href="https://apps.microsoft.com/detail/9NCVDN91XZQP?hl=neutral&gl=BR&ocid=pdpshare" class="btn"><i class="fa-solid fa-arrow-up-right-from-square"></i> Download</a>
                </div>

            </div>
            <div class="container">
                <div class="title">VSCode</div>
                <div class="desc">
                    <div class="versao">Versão recomendada: 1.96</div>
                    <div class="install">Instalar: Site Principal</div>
                </div>
                <div class="button">
                    <a href="https://code.visualstudio.com/sha/download?build=stable&os=win32-x64-user" class="btn"><i class="fa-solid fa-arrow-up-right-from-square"></i> Download</a>
                </div>
            </div>
        </div>
    </div>

    <div class="installingpackages">
        <div class="title">Instalando as<br>packages</div>
        <div class="desc">Para instalar as packages, é necessário entrar no 'cmd' (Prompt de Comando) e executar certos comandos.</div>
        <br>
        <div class="desc">Depois de baixar <span class="step">Python</span>, execute os seguintes comandos:</div>
        <code class="smallcode">
            pip install -r requirements.txt
        </code>
    </div>

    <div class="configuringbot">
        <div class="title">Configurando<br>o Bot</div>
        <div class="desc">Para iniciar o Bot, precisamos configurar o seu arquivo. Acesse<br><span class="code">config.json</span> e configure assim conforme o código abaixo.</div>
        <br>
        <div class="codebig">
            <pre>
{
    "owner": "",
    "token": ""
}
</pre>
        </div>
        <br>
        <div class="desc">Configure o <span class="code">token</span> com o token do seu Bot e o <span class="code">owner</span> com seu ID do Discord.</div>
    </div>

    <div class="iniciandobot">
        <div class="title">Iniciando o Bot</div>
        <div class="desc">Para iniciar o Bot, precisamos accesar o 'cmd' (Prompt de Comando) novamente. Após isso, digite:</div>
        <br>
        <div class="codebig">
            <pre>
python index.py
</pre>
        </div>
        <br>
        <div class="desc"><i class="fa-solid fa-triangle-exclamation"></i> Cuidado: Execute o 'cmd' (Prompt de Comando) no mesmo diretório do Bot.</div>
    </div>

    <footer>
        <div class="footertext">© Desenvolvido por <b>Guilherme</b> | 2025 Todos os direitos reservados</div>
      </footer>

    <script>
        const menuToggle = document.getElementById('mobile-menu');
        const navLinks = document.querySelector('.nav-links');
  
        menuToggle.addEventListener('click', () => {
            navLinks.classList.toggle('active');
        });
  
        document.addEventListener('contextmenu', (event) => {
          event.preventDefault();
      });
    </script>
  
      <script src="https://kit.fontawesome.com/92bef1279f.js" crossorigin="anonymous"></script>
      <script disable-devtool-auto src='https://cdn.jsdelivr.net/npm/disable-devtool'></script>
</body>
</html>