diff --git a/assets/logo.jpeg b/assets/logo.jpeg new file mode 100644 index 0000000..2782f7f Binary files /dev/null and b/assets/logo.jpeg differ diff --git a/components/footer.html b/components/footer.html new file mode 100644 index 0000000..a1509c6 --- /dev/null +++ b/components/footer.html @@ -0,0 +1,3 @@ + diff --git a/components/header.html b/components/header.html new file mode 100644 index 0000000..2bff94d --- /dev/null +++ b/components/header.html @@ -0,0 +1,23 @@ +
+ +
diff --git a/global.css b/global.css index b038525..b20378d 100644 --- a/global.css +++ b/global.css @@ -9,6 +9,7 @@ :root { --white: #f3f3f3; --black: #333; + --blue: #007bff; } body { @@ -23,3 +24,49 @@ body { color: var(--white); } } + +footer { + position: fixed; + bottom: 0; + left: 0; + width: 100%; + padding: 1rem; + text-align: center; + background-color: var(--blue); + color: var(--white); +} + +header { + padding: 1rem 0rem; + text-align: center; + background-color: var(--blue); + color: var(--white); + + ul { + display: flex; + list-style: none; + justify-content: center; + padding: 0; + } + + li { + display: flex; + align-items: center; + margin: 0 1rem; + } + + a { + color: var(--white); + text-decoration: none; + } + + nav { + background-color: var(--black); + } + + img { + width: 3rem; + margin-right: 0.5rem; + border-radius: 0.2rem; + } +} diff --git a/index.html b/index.html index 21ec72f..8f9f3b7 100644 --- a/index.html +++ b/index.html @@ -1,13 +1,19 @@ - - - - - Associação Jovens do Futuro - - - - - - - \ No newline at end of file + + + + + Associação Jovens do Futuro + + + + + + + + +
+ + + + diff --git a/pages/contato/index.html b/pages/contato/index.html index f0760dc..0e2efbf 100644 --- a/pages/contato/index.html +++ b/pages/contato/index.html @@ -1,13 +1,18 @@ - - - - Contatos - - - - - - - \ No newline at end of file + + + + Contatos + + + + + + + +
+ + + + diff --git a/pages/doacoes/index.html b/pages/doacoes/index.html index 41cff9f..801dcf1 100644 --- a/pages/doacoes/index.html +++ b/pages/doacoes/index.html @@ -1,13 +1,18 @@ - - - - Doações - - - - - - - \ No newline at end of file + + + + Doações + + + + + + + +
+ + + + diff --git a/pages/home/style.css b/pages/home/style.css deleted file mode 100644 index e69de29..0000000 diff --git a/pages/servicos/CCA/index.html b/pages/servicos/CCA/index.html index 265f73d..19bb819 100644 --- a/pages/servicos/CCA/index.html +++ b/pages/servicos/CCA/index.html @@ -4,7 +4,15 @@ Centro de Crianças e Adolescentes - - - + + + + + + + +
+ + + diff --git a/pages/servicos/CEI/index.html b/pages/servicos/CEI/index.html index a368c0b..2551b0b 100644 --- a/pages/servicos/CEI/index.html +++ b/pages/servicos/CEI/index.html @@ -5,6 +5,13 @@ Centro de Educação Infantil + + + - + +
+ + + diff --git a/pages/servicos/index.html b/pages/servicos/index.html index 2fb122f..ca2e9be 100644 --- a/pages/servicos/index.html +++ b/pages/servicos/index.html @@ -6,6 +6,13 @@ Serviços + + + - + +
+ + + diff --git a/pages/sobre/index.html b/pages/sobre/index.html index 2b4c165..7392b7d 100644 --- a/pages/sobre/index.html +++ b/pages/sobre/index.html @@ -4,9 +4,15 @@ Sobre - - + + + + + + - +
+ + diff --git a/scripts/loaders/footer.js b/scripts/loaders/footer.js new file mode 100644 index 0000000..20d65aa --- /dev/null +++ b/scripts/loaders/footer.js @@ -0,0 +1,13 @@ +import loader from './index.js' + +function loadFooter() { + const url = '../../components/footer.html' + + loader(url, function (response) { + const footer = document.querySelector('footer') + + footer.innerHTML = response + }) +} + +loadFooter() diff --git a/scripts/loaders/header.js b/scripts/loaders/header.js new file mode 100644 index 0000000..cc8ff04 --- /dev/null +++ b/scripts/loaders/header.js @@ -0,0 +1,13 @@ +import loader from './index.js' + +function loadHeader() { + const url = '../../components/header.html' + + loader(url, function (response) { + const header = document.querySelector('header') + + header.innerHTML = response + }) +} + +loadHeader() diff --git a/scripts/loaders/index.js b/scripts/loaders/index.js new file mode 100644 index 0000000..361825e --- /dev/null +++ b/scripts/loaders/index.js @@ -0,0 +1,20 @@ +export default async (url, callback) => { + try { + const response = await fetch(url); + + const data = await response.text(); + + if (!response.ok) { + throw new Error('Erro ao carregar o arquivo'); + } + + if (!data) { + throw new Error('Arquivo vazio'); + } + + callback(data); + } catch (error) { + console.error('Erro:', error); + callback(''); + } +}