6. Extras

README.md

@@ -1,2 +1,143 @@
 # openbsd-br.github.io
-Public Website Source
+
+![OpenBSD Brasil](https://openbsd-br.org/img/openbsd.png)
+
+## Índice
+
+- [Sobre](#sobre)
+- [Recursos](#recursos)
+- [Tecnologias Utilizadas](#tecnologias-utilizadas)
+- [Instalação](#instalação)
+- [Uso](#uso)
+- [Contribuição](#contribuição)
+- [Licença](#licença)
+- [Contato](#contato)
+- [Agradecimentos](#agradecimentos)
+
+## Sobre
+
+**openbsd-br.github.io** é o repositório de código-fonte público do site oficial da Comunidade OpenBSD Brasil. Nosso objetivo é fornecer informações atualizadas, recursos e suporte para os usuários brasileiros do OpenBSD, promovendo a segurança, simplicidade e portabilidade que caracterizam o projeto OpenBSD.
+
+Este site serve como um hub para:
+
+- **Downloads:** Acesso facilitado aos servidores espelho no Brasil para baixar o OpenBSD.
+- **Comunicação:** Links para listas de e-mail oficiais, canais de IRC e redes sociais.
+- **Arte e Design:** Galeria de artworks relacionados ao OpenBSD.
+- **Contribuição:** Recursos para colaborar com o site e os projetos OpenBSD mantidos pela comunidade brasileira.
+
+## Recursos
+
+- **Página Inicial:** Visão geral do projeto e seus objetivos.
+- **Downloads:** Links para servidores espelho no Brasil, facilitando o acesso rápido às atualizações.
+- **Comunidade:** Informações sobre como se envolver, incluindo IRC, GitHub e listas de discussão.
+- **Artwork:** Galeria de artes e logos oficiais do OpenBSD.
+- **Redes Sociais:** Conexão com nossos perfis no GitHub, Facebook e Twitter.
+
+## Tecnologias Utilizadas
+
+O site foi desenvolvido utilizando as seguintes tecnologias:
+
+- **HTML5:** Estrutura semântica e responsiva.
+- **CSS3:** Estilização personalizada com Bootstrap para responsividade.
+- **JavaScript:** Interatividade e funcionalidades dinâmicas.
+- **jQuery:** Manipulação simplificada do DOM.
+- **Bootstrap:** Framework front-end para design responsivo.
+- **Font Awesome:** Ícones sociais e visuais.
+
+## Instalação
+
+Para configurar o ambiente de desenvolvimento localmente, siga os passos abaixo:
+
+### Pré-requisito
+
+- [Git](https://git-scm.com/) instalado.
+
+### Passos
+
+1. **Clone o repositório:**
+
+   ```bash
+   git clone https://github.com/OpenBSD-BR/openbsd-br.github.io.git
+   ```
+
+2. **Navegue até o diretório do projeto:**
+
+   ```bash
+   cd openbsd-br.github.io
+   ```
+
+3. **Abra o arquivo `index.html` diretamente no seu navegador.**
+
+
+
+## Uso
+
+Após configurar o ambiente local, você pode editar os arquivos HTML, CSS e JavaScript conforme necessário. As principais áreas de interesse incluem:
+
+- **HTML:** Arquivos na raiz do repositório (`index.html`, `artwork.html`).
+- **CSS:** Estilos personalizados localizados na pasta `css/`.
+- **JavaScript:** Scripts localizados na pasta `js/`.
+
+### Desenvolvimento
+
+- **Editar Conteúdo:** Atualize o conteúdo textual e os links conforme necessário para manter o site atualizado.
+- **Adicionar Artwork:** Adicione novas entradas na tabela de `artwork.html` com as versões e imagens correspondentes.
+- **Estilização:** Faça ajustes nos arquivos CSS para melhorar a aparência e a responsividade do site.
+- **Funcionalidades:** Adicione ou modifique scripts JavaScript para aprimorar a interatividade.
+
+
+## Contribuição
+
+Contribuições são bem-vindas! Siga as diretrizes abaixo para colaborar com o projeto:
+
+1. **Fork o Repositório:** Crie uma cópia do repositório no seu perfil do GitHub.
+2. **Crie uma Branch:** Trabalhe em uma branch separada para suas alterações.
+
+   ```bash
+   git checkout -b minha-nova-feature
+   ```
+
+3. **Faça as Alterações:** Edite os arquivos conforme necessário.
+4. **Commit suas Alterações:**
+
+   ```bash
+   git commit -m "Adiciona nova funcionalidade X"
+   ```
+
+5. **Push para a Branch:**
+
+   ```bash
+   git push origin minha-nova-feature
+   ```
+
+6. **Abra um Pull Request:** Compare suas alterações com a branch `main` e abra um Pull Request descrevendo suas modificações.
+
+### Regras de Conduta
+
+Por favor, respeite as seguintes regras ao contribuir:
+
+- **Seja Respeitoso:** Mantenha um ambiente amigável e colaborativo.
+- **Seja Claro:** Descreva suas alterações de forma clara e detalhada.
+- **Teste suas Alterações:** Verifique se suas modificações não introduzem erros.
+
+## Licença
+
+Este projeto está licenciado sob a [Licença BSD 2-Clause](https://opensource.org/licenses/BSD-2-Clause). Consulte o arquivo `LICENSE` para mais detalhes.
+
+## Contato
+
+Para dúvidas, sugestões ou suporte, entre em contato conosco através das seguintes plataformas:
+
+- **GitHub:** [OpenBSD-BR/openbsd-br.github.io](https://github.com/OpenBSD-BR/openbsd-br.github.io)
+- **Facebook:** [facebook.com/openbsdbrasil](https://www.facebook.com/openbsdbrasil/)
+- **Twitter:** [@openbsd_br](https://twitter.com/openbsd_br)
+- **IRC:** [#openbsd-br na Libera Chat](https://web.libera.chat/#openbsd-br)
+
+## Agradecimentos
+
+Agradecemos a todos os contribuidores e membros da comunidade OpenBSD Brasil que tornam este projeto possível. Seu apoio contínuo e dedicação são fundamentais para o sucesso do OpenBSD no Brasil.
+
+---
+
+**OpenBSD Brasil**  
+"Segurança, Simplicidade e Portabilidade desde 1995"

artwork.html

@@ -1,58 +1,107 @@
-<table>
-    <tr>
-        <td>Logo do OpenBSD</td>
-        <td>
-            <a href="http://www.openbsd-br.org/artwork/1200px-OpenBSD_Logo_-_Cartoon_Puffy_with_textual_logo_below.svg.png">
-                <img src="/artwork/1200px-OpenBSD_Logo_-_Cartoon_Puffy_with_textual_logo_below.svg.png" align="left" height="100" width="100" >
-            </a>
-        </td>
-    </tr>
-    <tr>
-        <td>Versão 7.2<br>
-            <a href="https://www.openbsd.org/images/OneFishTwoFish-s.gif">
-                <img src="https://www.openbsd.org/images/OneFishTwoFish-s.gif" align="left" height="100" width="100" >
-            </a>
-        </td>
-        <td>Versão 7.1<br>
-            <a href="https://www.openbsd.org/images/TheGreatWaveOffCalgary.png">
-                <img src="https://www.openbsd.org/images/TheGreatWaveOffCalgary-s.gif" align="left" height="100" width="100" >
-            </a>
-        </td>
-        <td>Versão 7.0<br>
-            <a href="http://www.openbsd.org/images/StarryPointers.png">
-                <img src="/artwork/70_StarryPointers-s.png" align="left" height="100" width="100" >
-            </a>
-        </td>
-        <td>Versão 6.9<br>
-            <a href="https://www.openbsd.org/images/nice.png">
-                <img src="/artwork/nice-69.png" align="left" height="100" width="100" >
-            </a>
-        </td>
-        <td>Versão 6.8<br>
-            <a href="https://www.openbsd.org/images/PuffyOverride.png">
-                <img src="/artwork/puffyOverride-68.png" align="left" height="100" width="100" >
-            </a>
-        </td>
-        <td>Versão 6.7<br>
-            <a href="http://www.openbsd.org/images/CoralFever.gif">
-                <img src="/artwork/CoralFever-67.gif" align="left" height="100" width="100" >
-            </a>
-        </td>
-        <td>Versão 6.6<br>
-            <a href="http://www.openbsd.org/images/sixdotsix.gif">
-                <img src="/artwork/sixdotsix.gif" align="left" height="100" width="100" >
-            </a>
-        </td>
-        <td>Versão 6.5<br>
-            <a href="https://www.openbsd.org/images/Puffystock.gif">
-                <img src="/artwork/puffystock-65.gif" align="left" height="100" width="100" >
-            </a>
-        </td>
-        <td>Versão 6.4</br>
-            <a href="http://www.openbsd-br.org/artwork/puffoil-64.jpg">
-                <img src="/artwork/puffoil-64.jpg" align="left" height="100" width="100" >
-            </a>
-        </td>
-    </tr>
-</table>
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Logos do OpenBSD</title>
+    <link rel="shortcut icon" href="img/favicon.ico" TYPE="image/x-icon">
+    <link rel="stylesheet" href="css/artwork.css">
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
 
+</head>
+<body>
+<h1>Logos do OpenBSD</h1>
+
+<div class="logo-table">
+    <div class="logo-item">
+        <a href="https://www.openbsd-br.org/artwork/1200px-OpenBSD_Logo_-_Cartoon_Puffy_with_textual_logo_below.svg.png">
+            <img src="/artwork/1200px-OpenBSD_Logo_-_Cartoon_Puffy_with_textual_logo_below.svg.png"
+                 alt="Logo do OpenBSD com Puffy, o mascote." loading="lazy">
+            <strong>Logo do OpenBSD</strong>
+        </a>
+    </div>
+</div>
+
+<h2>Logos por Versão</h2>
+
+<div class="version-logos">
+    <div class="logo-item">
+        <a href="https://www.openbsd.org/images/King_of_Kings-s.gif">
+            <img src="https://www.openbsd.org/images/King_of_Kings-s.gif" alt="Logo da versão 7.5 do OpenBSD."
+                 loading="lazy">
+            <strong>Versão 7.5</strong>
+        </a>
+    </div>
+    <div class="logo-item">
+        <a href="https://www.openbsd.org/images/ImHappyBecauseEveryoneLovesMe-s.gif">
+            <img src="https://www.openbsd.org/images/ImHappyBecauseEveryoneLovesMe-s.gif"
+                 alt="Logo da versão 7.4 do OpenBSD." loading="lazy">
+            <strong>Versão 7.4</strong>
+        </a>
+    </div>
+    <div class="logo-item">
+        <a href="https://www.openbsd.org/images/DryGarden-s.gif">
+            <img src="https://www.openbsd.org/images/DryGarden-s.gif" alt="Logo da versão 7.3 do OpenBSD."
+                 loading="lazy">
+            <strong>Versão 7.3</strong>
+        </a>
+    </div>
+    <div class="logo-item">
+        <a href="https://www.openbsd.org/images/OneFishTwoFish-s.gif">
+            <img src="https://www.openbsd.org/images/OneFishTwoFish-s.gif" alt="Logo da versão 7.2 do OpenBSD."
+                 loading="lazy">
+            <strong>Versão 7.2</strong>
+        </a>
+    </div>
+    <div class="logo-item">
+        <a href="https://www.openbsd.org/images/TheGreatWaveOffCalgary.png">
+            <img src="https://www.openbsd.org/images/TheGreatWaveOffCalgary-s.gif" alt="Logo da versão 7.1 do OpenBSD."
+                 loading="lazy">
+            <strong>Versão 7.1</strong>
+        </a>
+    </div>
+    <div class="logo-item">
+        <a href="https://www.openbsd.org/images/StarryPointers.png">
+            <img src="/artwork/70_StarryPointers-s.png" alt="Logo da versão 7.0 do OpenBSD." loading="lazy">
+            <strong>Versão 7.0</strong>
+        </a>
+    </div>
+    <div class="logo-item">
+        <a href="https://www.openbsd.org/images/nice.png">
+            <img src="/artwork/nice-69.png" alt="Logo da versão 6.9 do OpenBSD." loading="lazy">
+            <strong>Versão 6.9</strong>
+        </a>
+    </div>
+    <div class="logo-item">
+        <a href="https://www.openbsd.org/images/PuffyOverride.png">
+            <img src="/artwork/puffyOverride-68.png" alt="Logo da versão 6.8 do OpenBSD." loading="lazy">
+            <strong>Versão 6.8</strong>
+        </a>
+    </div>
+    <div class="logo-item">
+        <a href="https://www.openbsd.org/images/CoralFever.gif">
+            <img src="/artwork/CoralFever-67.gif" alt="Logo da versão 6.7 do OpenBSD." loading="lazy">
+            <strong>Versão 6.7</strong>
+        </a>
+    </div>
+    <div class="logo-item">
+        <a href="https://www.openbsd.org/images/sixdotsix.gif">
+            <img src="/artwork/sixdotsix.gif" alt="Logo da versão 6.6 do OpenBSD." loading="lazy">
+            <strong>Versão 6.6</strong>
+        </a>
+    </div>
+    <div class="logo-item">
+        <a href="https://www.openbsd.org/images/Puffystock.gif">
+            <img src="/artwork/puffystock-65.gif" alt="Logo da versão 6.5 do OpenBSD." loading="lazy">
+            <strong>Versão 6.5</strong>
+        </a>
+    </div>
+    <div class="logo-item">
+        <a href="https://openbsd-br.org/artwork/puffoil-64.jpg">
+            <img src="/artwork/puffoil-64.jpg" alt="Logo da versão 6.4 do OpenBSD." loading="lazy">
+            <strong>Versão 6.4</strong>
+        </a>
+    </div>
+</div>
+</body>
+</html>

artwork/artwork.md

@@ -11,55 +11,55 @@ details:
     <tr>
         <td>Logo do OpenBSD</td>
         <td>
-            <a href="http://www.openbsd-br.org/artwork/1200px-OpenBSD_Logo_-_Cartoon_Puffy_with_textual_logo_below.svg.png">
-                <img src="/artwork/1200px-OpenBSD_Logo_-_Cartoon_Puffy_with_textual_logo_below.svg.png" align="left" height="100" width="100" >
+            <a href="https://openbsd-br.org/artwork/1200px-OpenBSD_Logo_-_Cartoon_Puffy_with_textual_logo_below.svg.png">
+                <img src="/artwork/1200px-OpenBSD_Logo_-_Cartoon_Puffy_with_textual_logo_below.svg.png" height="100" width="100" alt="Logo do OpenBSD">
             </a>
         </td>
     </tr>
     <tr>
         <td>Versão 7.2<br>
             <a href="https://www.openbsd.org/images/OneFishTwoFish-s.gif">
-                <img src="https://www.openbsd.org/images/OneFishTwoFish-s.gif" align="left" height="100" width="100" >
+                <img src="https://www.openbsd.org/images/OneFishTwoFish-s.gif" height="100" width="100" alt="Logo da versão 7.2 do OpenBSD">
             </a>
         </td>
         <td>Versão 7.1<br>
             <a href="https://www.openbsd.org/images/TheGreatWaveOffCalgary.png">
-                <img src="https://www.openbsd.org/images/TheGreatWaveOffCalgary-s.gif" align="left" height="100" width="100" >
+                <img src="https://www.openbsd.org/images/TheGreatWaveOffCalgary-s.gif" height="100" width="100" alt="Logo da versão 7.1 do OpenBSD">
             </a>
         </td>
         <td>Versão 7.0<br>
-            <a href="http://www.openbsd.org/images/StarryPointers.png">
-                <img src="/artwork/70_StarryPointers-s.png" align="left" height="100" width="100" >
+            <a href="https://www.openbsd.org/images/StarryPointers.png">
+                <img src="/artwork/70_StarryPointers-s.png" height="100" width="100" alt="Logo da versão 7.0 do OpenBSD">
             </a>
         </td>
         <td>Versão 6.9<br>
             <a href="https://www.openbsd.org/images/nice.png">
-                <img src="/artwork/nice-69.png" align="left" height="100" width="100" >
+                <img src="/artwork/nice-69.png" height="100" width="100" alt="Logo da versão 6.9 do OpenBSD">
             </a>
         </td>
         <td>Versão 6.8<br>
             <a href="https://www.openbsd.org/images/PuffyOverride.png">
-                <img src="/artwork/puffyOverride-68.png" align="left" height="100" width="100" >
+                <img src="/artwork/puffyOverride-68.png" height="100" width="100" alt="Logo da versão 6.8 do OpenBSD">
             </a>
         </td>
         <td>Versão 6.7<br>
-            <a href="http://www.openbsd.org/images/CoralFever.gif">
-                <img src="/artwork/CoralFever-67.gif" align="left" height="100" width="100" >
+            <a href="https://www.openbsd.org/images/CoralFever.gif">
+                <img src="/artwork/CoralFever-67.gif" height="100" width="100" alt="Logo da versão 6.7 do OpenBSD">
             </a>
         </td>
         <td>Versão 6.6<br>
-            <a href="http://www.openbsd.org/images/sixdotsix.gif">
-                <img src="/artwork/sixdotsix.gif" align="left" height="100" width="100" >
+            <a href="https://www.openbsd.org/images/sixdotsix.gif">
+                <img src="/artwork/sixdotsix.gif" height="100" width="100" alt="Logo da versão 6.6 do OpenBSD">
             </a>
         </td>
         <td>Versão 6.5<br>
             <a href="https://www.openbsd.org/images/Puffystock.gif">
-                <img src="/artwork/puffystock-65.gif" align="left" height="100" width="100" >
+                <img src="/artwork/puffystock-65.gif" height="100" width="100" alt="Logo da versão 6.5 do OpenBSD">
             </a>
         </td>
-        <td>Versão 6.4</br>
-            <a href="http://www.openbsd-br.org/artwork/puffoil-64.jpg">
-                <img src="/artwork/puffoil-64.jpg" align="left" height="100" width="100" >
+        <td>Versão 6.4<br>
+            <a href="https://openbsd-br.org/artwork/puffoil-64.jpg">
+                <img src="/artwork/puffoil-64.jpg" height="100" width="100" alt="Logo da versão 6.4 do OpenBSD">
             </a>
         </td>
     </tr>