diff --git a/artwork.html b/artwork.html index b74c02e..3790a61 100644 --- a/artwork.html +++ b/artwork.html @@ -1,58 +1,107 @@ - - - - - - - - - - - - - - - - -
Logo do OpenBSD - - - -
Versão 7.2
- - - - 		Versão 7.1
- - - - 		Versão 7.0
- - - - 		Versão 6.9
- - - - 		Versão 6.8
- - - - 		Versão 6.7
- - - - 		Versão 6.6
- - - - 		Versão 6.5
- - - - 		Versão 6.4
- - - -
+ + + + + + Logos do OpenBSD + + + + + +

Logos do OpenBSD

+ +
+
+ + Logo do OpenBSD com Puffy, o mascote. + Logo do OpenBSD + +
+
+ +

Logos por Versão

+ +
+
+ + Logo da versão 7.5 do OpenBSD. + Versão 7.5 + +
+
+ + Logo da versão 7.4 do OpenBSD. + Versão 7.4 + +
+
+ + Logo da versão 7.3 do OpenBSD. + Versão 7.3 + +
+
+ + Logo da versão 7.2 do OpenBSD. + Versão 7.2 + +
+
+ + Logo da versão 7.1 do OpenBSD. + Versão 7.1 + +
+
+ + Logo da versão 7.0 do OpenBSD. + Versão 7.0 + +
+
+ + Logo da versão 6.9 do OpenBSD. + Versão 6.9 + +
+
+ + Logo da versão 6.8 do OpenBSD. + Versão 6.8 + +
+
+ + Logo da versão 6.7 do OpenBSD. + Versão 6.7 + +
+
+ + Logo da versão 6.6 do OpenBSD. + Versão 6.6 + +
+
+ + Logo da versão 6.5 do OpenBSD. + Versão 6.5 + +
+
+ + Logo da versão 6.4 do OpenBSD. + Versão 6.4 + +
+
+ + diff --git a/artwork/artwork.md b/artwork/artwork.md index 2f52e39..5056bb2 100644 --- a/artwork/artwork.md +++ b/artwork/artwork.md @@ -11,55 +11,55 @@ details: Logo do OpenBSD - - + + Logo do OpenBSD Versão 7.2
- + Logo da versão 7.2 do OpenBSD Versão 7.1
- + Logo da versão 7.1 do OpenBSD Versão 7.0
- - + + Logo da versão 7.0 do OpenBSD Versão 6.9
- + Logo da versão 6.9 do OpenBSD Versão 6.8
- + Logo da versão 6.8 do OpenBSD Versão 6.7
- - + + Logo da versão 6.7 do OpenBSD Versão 6.6
- - + + Logo da versão 6.6 do OpenBSD Versão 6.5
- + Logo da versão 6.5 do OpenBSD - Versão 6.4
- - + Versão 6.4
+ + Logo da versão 6.4 do OpenBSD diff --git a/css/artwork.css b/css/artwork.css new file mode 100644 index 0000000..1b9d52d --- /dev/null +++ b/css/artwork.css @@ -0,0 +1,101 @@ +/* Resetando alguns estilos padrão do navegador */ +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +body { + font-family: 'Roboto', sans-serif; + background-color: #f0f2f5; + color: #333; + margin: 0; + padding: 20px; +} + +h1 { + text-align: center; + color: #222; + font-size: 3em; + margin-bottom: 30px; + font-weight: 700; +} + +h2 { + color: #333; + font-size: 2em; + text-align: center; + margin: 60px 0 20px; + font-weight: 700; +} + +.logo-table, .version-logos { + display: flex; + flex-wrap: wrap; + justify-content: center; + margin: 0 auto; + max-width: 1200px; +} + +.logo-item { + background-color: white; + border-radius: 8px; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); + margin: 15px; + padding: 20px; + text-align: center; + flex: 1 1 calc(25% - 30px); + box-sizing: border-box; +} + +.logo-item img { + width: 100%; + max-width: 200px; + height: auto; + border-radius: 10px; + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +.logo-item img:hover { + transform: scale(1.05); + box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); +} + +.logo-item a { + text-decoration: none; + color: inherit; +} + +.logo-item strong { + display: block; + margin-top: 15px; + font-size: 1.2em; + color: #555; +} + +/* Design Responsivo */ +@media (max-width: 1024px) { + .logo-item { + flex: 1 1 calc(33.333% - 30px); + } +} + +@media (max-width: 768px) { + .logo-item { + flex: 1 1 calc(50% - 30px); + } +} + +@media (max-width: 480px) { + .logo-item { + flex: 1 1 calc(100% - 30px); + } + + h1 { + font-size: 2em; + } + + h2 { + font-size: 1.5em; + } +} diff --git a/img/puffy75.gif b/img/puffy75.gif new file mode 100644 index 0000000..8b4c80e Binary files /dev/null and b/img/puffy75.gif differ diff --git a/index.html b/index.html index 537ea18..3aada5c 100644 --- a/index.html +++ b/index.html @@ -1,88 +1,77 @@ - - + - - + + - OpenBSD-BR.org (Grupo Brasileiro dos Usuários de OpenBSD) + OpenBSD-BR.org (Grupo Brasileiro dos Usuários de OpenBSD) + + + +
+ + Fork me on GitHub + - - - - - - - - -
- - Fork me on GitHub - - - +
-
+
- -
+ +
@@ -92,47 +81,67 @@

Comunidade OpenBSD Brasil

- Versão estável 7.4 + Versão estável 7.5
-

O Projeto OpenBSD oferece, como carro chefe, um sistema operacional multi-plataforma, gratuito e de código aberto baseado no BSD Unix, da Universidade de Berkeley.

-

A primeira versão do sistema operacional OpenBSD data do inicio do ano de 1995 e iniciou como um fork do NetBSD; outro sistema operacional da mesma linhagem do Unix de Berkeley. Dentre alguns dos esforços desempenhados pelo projeto, vemos segurança, simplicidade e portabilidade.

-

Outros projetos também são hospedados e mantidos pelos desenvolvedores do OpenBSD: - OpenSSH, - OpenBGPD, - rpki-client, - OpenNTPD, - OpenSMTPD, - OpenIKED, - mandoc, - LibreSSL +

+ O Projeto OpenBSD oferece, como carro chefe, um sistema operacional + multi-plataforma, gratuito e de código aberto baseado no BSD Unix, da Universidade de + Berkeley. +

+ +

+ A primeira versão do sistema operacional OpenBSD data do inicio do ano de + 1995 e iniciou como um fork do NetBSD; outro sistema operacional da mesma linhagem do Unix de Berkeley. + Dentre alguns dos esforços desempenhados pelo projeto, vemos segurança, simplicidade e + portabilidade. +

+ +

+ Outros projetos também são hospedados e mantidos pelos desenvolvedores do OpenBSD: + OpenSSH, + OpenBGPD, + rpki-client, + OpenNTPD, + OpenSMTPD, + OpenIKED, + mandoc, + LibreSSL

-
+
-

- - Obtenha o OpenBSD através de um servidor no Brasil. + + Obtenha o OpenBSD através de um servidor no Brasil.

-
-

-

- OpenBSD (CDN) - Cloudflare (CDN) - UFPR (Curitiba) -

-
-

- - -

-
+
+

+ OpenBSD (CDN) + Cloudflare (CDN) + UFPR (Curitiba) +

+
+

+ + +

+
@@ -140,20 +149,21 @@

IRC

- Venha bater um papo conosco no canal #openbsd-br na - FreeNode. + Venha bater um papo conosco no canal + #openbsd-br + na FreeNode.

GitHub

- Colabore com este site ou algum projeto OpenBSD. Visite nosso - Github. + Colabore com este site ou algum projeto OpenBSD. Visite nosso + Github.

-

Lista de Discussão

+

Lista de Discussão

- Temos uma lista de discussão para atender a comunidade Brasileira. Para maiores - informações clique aqui. + Temos uma lista de discussão para atender a comunidade Brasileira. Para maiores + informações clique aqui.

Servidores Espelho

@@ -163,39 +173,41 @@

Servidores Espelho

-
+
-
+
- - - - + + diff --git a/js/openbsd-br.js b/js/openbsd-br.js index 5884251..ddb5698 100644 --- a/js/openbsd-br.js +++ b/js/openbsd-br.js @@ -1,20 +1,61 @@ -/* - * openbsd-br.org - */ - -$(document).ready(function () { - var menu = $('#menu'); - var origOffsetY = menu.offset().top; - - function scroll() { - if ($(window).scrollTop() >= origOffsetY) { - $('#menu').addClass('navbar-fixed-top'); - $('#menu').addClass('menu-fixed-style'); +document.addEventListener('DOMContentLoaded', () => { + // Initialize the menu + const menu = document.getElementById('menu'); + const origOffsetY = menu.offsetTop; + + // Function to handle scroll event + function onScroll() { + if (window.scrollY >= origOffsetY) { + menu.classList.add('navbar-fixed-top', 'menu-fixed-style'); } else { - $('#menu').removeClass('navbar-fixed-top'); - $('#menu').removeClass('menu-fixed-style'); + menu.classList.remove('navbar-fixed-top', 'menu-fixed-style'); } } - - document.onscroll = scroll; + + // Attach the scroll event listener + document.addEventListener('scroll', onScroll); + + // Initialize Google Analytics + initGoogleAnalytics('UA-76214150-1'); + + // Load Twitter widget + loadTwitterWidget('twitter-wjs'); }); + +// Function to initialize Google Analytics +function initGoogleAnalytics(trackingId) { + (function (i, s, o, g, r, a, m) { + i['GoogleAnalyticsObject'] = r; + i[r] = i[r] || function () { + (i[r].q = i[r].q || []).push(arguments); + }, i[r].l = 1 * new Date(); + a = s.createElement(o); + m = s.getElementsByTagName(o)[0]; + a.async = 1; + a.src = g; + m.parentNode.insertBefore(a, m); + })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga'); + + ga('create', trackingId, 'auto'); + ga('send', 'pageview'); +} + +// Function to load Twitter widget +function loadTwitterWidget(widgetId) { + window.twttr = (function (d, s, id) { + let js, fjs = d.getElementsByTagName(s)[0], + t = window.twttr || {}; + if (d.getElementById(id)) return t; + js = d.createElement(s); + js.id = id; + js.src = "https://platform.twitter.com/widgets.js"; + fjs.parentNode.insertBefore(js, fjs); + + t._e = []; + t.ready = function (f) { + t._e.push(f); + }; + + return t; + }(document, "script", widgetId)); +}