Merge pull request #3 from GEdO23/v2

Ajustando links, pastas e estilos
om-corp · Apr 21, 2024 · bafe209 · bafe209
2 parents 5eb8119 + 96bbb9c
commit bafe209
Show file tree

Hide file tree

Showing 21 changed files with 137 additions and 236 deletions.
diff --git a/Components/Card/card.json b/Components/Card/card.json
@@ -2,108 +2,99 @@
     {
         "tit": "ADMINSTRAÇÃO",
         "desc": "Domine as habilidades essenciais de gestão e liderança para impulsionar o sucesso em diversos setores empresariais.",
-        "url": "/Pages/Cursos/adm.html",
+        "url": "./cursos/adm.html",
         "img": {
-            "src": "/Imgs/fiap.png",
+            "src": "./imgs/fiap.png",
             "alt": "FIAP"
         }
     },
     {
         "tit": "ANÁLISE E DESENVOLVIMENTO DE SISTEMAS",
         "desc": "Aprenda a projetar, desenvolver e implementar soluções de software inovadoras para atender às demandas do mercado digital em constante evolução.",
-        "url": "/Pages/Cursos/ads.html",
+        "url": "./cursos/ads.html",
         "img": {
-            "src": "/Imgs/fiap.png",
+            "src": "./imgs/fiap.png",
             "alt": "FIAP"
         }
     },
     {
         "tit": "BANCO DE DADOS",
         "desc": "Torne-se especialista na gestão eficiente e segura de grandes volumes de dados, preparando-se para atuar em projetos de bancos de dados complexos.",
-        "url": "/Pages/Cursos/banco-de-dados.html",
+        "url": "./cursos/banco-de-dados.html",
         "img": {
-            "src": "/Imgs/fiap.png",
+            "src": "./imgs/fiap.png",
             "alt": "FIAP"
         }
     },
     {
         "tit": "ENGENHARIA DA COMPUTAÇÃO",
         "desc": "Explore o mundo da tecnologia de hardware e software, desenvolvendo habilidades para criar sistemas computacionais avançados e inovadores.",
-        "url": "/Pages/Cursos/engenharia-da-computacao.html",
+        "url": "./cursos/engenharia-da-computacao.html",
         "img": {
-            "src": "/Imgs/fiap.png",
+            "src": "./imgs/fiap.png",
             "alt": "FIAP"
         }
     },
     {
         "tit": "ENGENHARIA DA MECATRÔNICA",
         "desc": "Integre conhecimentos de engenharia mecânica, eletrônica e de controle para projetar e construir sistemas automatizados e robóticos.",
-        "url": "/Pages/cursos/engenharia-da-mecatronica.html",
+        "url": "./cursos/engenharia-da-mecatronica.html",
         "img": {
-            "src": "/Imgs/fiap.png",
+            "src": "./imgs/fiap.png",
             "alt": "FIAP"
         }
     },
     {
         "tit": "ENGENHARIA DA PRODUÇÃO",
         "desc": "Adquira expertise em otimização de processos, gestão de recursos e logística para aumentar a eficiência e a qualidade na produção industrial.",
-        "url": "/Pages/cursos/engenharia-da-producao.html",
+        "url": "./cursos/engenharia-da-producao.html",
         "img": {
-            "src": "/Imgs/fiap.png",
+            "src": "./imgs/fiap.png",
             "alt": "FIAP"
         }
     },
     {
         "tit": "GESTÃO DE TECNOLOGIA DA INFORMAÇÃO",
         "desc": "Desenvolva competências para gerir recursos tecnológicos de forma estratégica, alinhando a TI aos objetivos de negócio da organização.",
-        "url": "/Pages/cursos/gestao-de-tecnologia-da-informacao.html",
+        "url": "./cursos/gestao-de-tecnologia-da-informacao.html",
         "img": {
-            "src": "/Imgs/fiap.png",
+            "src": "./imgs/fiap.png",
             "alt": "FIAP"
         }
     },
     {
         "tit": "JOGOS DIGITAIS",
         "desc": "Entre no universo criativo dos jogos digitais, aprendendo a projetar, desenvolver e publicar jogos envolventes para diversas plataformas.",
-        "url": "/Pages/cursos/jogos-digitais.html",
+        "url": "./cursos/jogos-digitais.html",
         "img": {
-            "src": "/Imgs/fiap.png",
+            "src": "./imgs/fiap.png",
             "alt": "FIAP"
         }
     },
     {
         "tit": "REDE DE COMPUTADORES",
         "desc": "Aprofunde-se na arquitetura, configuração e segurança de redes de computadores, preparando-se para atuar na administração e manutenção de infraestruturas de rede.",
-        "url": "/Pages/cursos/rede-de-computadores.html",
+        "url": "./cursos/rede-de-computadores.html",
         "img": {
-            "src": "/Imgs/fiap.png",
+            "src": "./imgs/fiap.png",
             "alt": "FIAP"
         }
     },
     {
         "tit": "SISTEMAS DA INFORMAÇÃO",
         "desc": "Desenvolva habilidades para analisar, projetar e implementar sistemas de informação eficientes, integrando tecnologia e processos de negócio.",
-        "url": "/Pages/cursos/sistemas-da-informacao.html",
+        "url": "./cursos/sistemas-da-informacao.html",
         "img": {
-            "src": "/Imgs/fiap.png",
+            "src": "./imgs/fiap.png",
             "alt": "FIAP"
         }
     },
     {
         "tit": "SISTEMAS PARA INTERNET",
         "desc": "Explore as tecnologias web mais recentes, aprendendo a desenvolver aplicações web dinâmicas e interativas para atender às demandas do mercado online.",
-        "url": "/Pages/cursos/sistemas-para-internet.html",
+        "url": "./cursos/sistemas-para-internet.html",
         "img": {
-            "src": "/Imgs/fiap.png",
-            "alt": "FIAP"
-        }
-    },
-    {
-        "tit": "UM NOVO CARD",
-        "desc": "Explore as tecnologias web mais recentes, aprendendo a desenvolver aplicações web dinâmicas e interativas para atender às demandas do mercado online.",
-        "url": "/Pages/cursos/sistemas-para-internet.html",
-        "img": {
-            "src": "/Imgs/fiap.png",
+            "src": "./imgs/fiap.png",
             "alt": "FIAP"
         }
     }

diff --git a/Components/Card/index.js b/Components/Card/index.js
@@ -1,7 +1,7 @@
 import Card from './card.js';
 
 function obterDadosDoJSON() {
-    return fetch('/Components/Card/card.json')
+    return fetch('../Components/Card/card.json')
         .then(response => {
             if (!response.ok) throw new Error('Erro ao carregar o arquivo JSON');
             return response.json();

diff --git a/Components/Curso/cursos.json b/Components/Curso/cursos.json
@@ -130,8 +130,8 @@
         "title": "Sistemas para Internet",
         "text": [
             "Tecnologia em Sistemas para Internet prepara você para criar experiências omnichannel e desenvolver plataformas tecnológicas que apoiem o processo de transformação digital do mercado.", 
-"Este é um curso que possibilita a imersão completa em todo o ecossistema digital: desde a criação, manutenção, segurança e gerenciamento de sites, portais e aplicativos mobile até o desenvolvimento de projetos de Marketing Digital e CyberSecurity.", 
-"No primeiro ano, você já aprende a criar um e-commerce e a atuar como um Web Designer, utilizando os conceitos de UX e Design Thinking. Também vai saber como programar Back-end em Java para acessar uma base de dados Oracle ou MySQL. Já no segundo ano, o foco é no desenvolvimento de sistemas de portais corporativos, portais colaborativos e apps mobile para as plataformas Android e iOS."
+            "Este é um curso que possibilita a imersão completa em todo o ecossistema digital: desde a criação, manutenção, segurança e gerenciamento de sites, portais e aplicativos mobile até o desenvolvimento de projetos de Marketing Digital e CyberSecurity.", 
+            "No primeiro ano, você já aprende a criar um e-commerce e a atuar como um Web Designer, utilizando os conceitos de UX e Design Thinking. Também vai saber como programar Back-end em Java para acessar uma base de dados Oracle ou MySQL. Já no segundo ano, o foco é no desenvolvimento de sistemas de portais corporativos, portais colaborativos e apps mobile para as plataformas Android e iOS."
         ],
         "nav": {
             "prev": "./sistemas-da-informacao.html",

diff --git a/Components/Curso/index.js b/Components/Curso/index.js
@@ -1,7 +1,7 @@
 import Curso from "./curso.js";
 
 function obterDadosDoJSON() {
-    return fetch('/Components/Curso/cursos.json')
+    return fetch('../Components/Curso/cursos.json')
         .then(response => {
             if (!response.ok) throw new Error('Erro ao carregar o arquivo JSON');
             return response.json();

diff --git a/pages/cursos.html → cursos.html b/pages/cursos.html → cursos.html
@@ -9,31 +9,31 @@
     <meta name="description" content="Primeiro Checkpoint de RWD, contendo um site que mostra cada curso da FIAP">
     <meta name="author" content="OM Corp.">
 
-    <link rel="stylesheet" href="/Style/reset.css">
-    <link rel="stylesheet" href="/Style/style.css">
+    <link rel="stylesheet" href="./reset.css">
+    <link rel="stylesheet" href="./style.css">
 
-    <script type="module" src="/Components/Card/index.js"></script>
+    <script type="module" src="./Components/Card/index.js"></script>
 
 
     <title>Cursos - FIAP</title>
 </head>
 
 <body>
     <header class="cabecalho">
-        <img class="cabecalho__logo" src="/Imgs/fiap.png" alt="FIAP">
+        <img class="cabecalho__logo" src="../imgs/fiap.png" alt="FIAP">
         <nav>
             <ul class="cabecalho__nav">
                 <li>
-                    <a href="/index.html" class="link">Página Inicial</a>
+                    <a href="./index.html" class="link">Página Inicial</a>
                 </li>
                 <li>
-                    <a href="/Pages/Cursos.html" class="link link--pagina-atual">Cursos</a>
+                    <a href="./cursos.html" class="link link--pagina-atual">Cursos</a>
                 </li>
                 <li>
-                    <a href="/Pages/fav.html" class="link">Favoritos</a>
+                    <a href="./fav.html" class="link">Favoritos</a>
                 </li>
                 <li>
-                    <a href="/integrantes.txt" target=_blank class="link">Equipe</a>
+                    <a href="./integrantes.txt" target=_blank class="link">Equipe</a>
                 </li>
             </ul>
         </nav>

diff --git a/pages/cursos/adm.html → cursos/adm.html b/pages/cursos/adm.html → cursos/adm.html
@@ -6,29 +6,29 @@
     <meta name="description" content="Site que descreve o curso de Adminstração da FIAP">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/Style/reset.css">
-    <link rel="stylesheet" href="/Style/style.css">
+    <link rel="stylesheet" href="../reset.css">
+    <link rel="stylesheet" href="../style.css">
 
-    <script type="module" src="/Components/Curso/index.js"></script>
+    <script type="module" src="../Components/Curso/index.js"></script>
 
     <title>ADM - FIAP Cursos</title>
 </head>
 <body>
     <header class="cabecalho">
-        <img class="cabecalho__logo" src="/Imgs/fiap.png" alt="FIAP">
+        <img class="cabecalho__logo" src="../imgs/fiap.png" alt="FIAP">
         <nav>
             <ul class="cabecalho__nav">
                 <li>
-                    <a href="/index.html" class="link">Página Inicial</a>
+                    <a href="../index.html" class="link">Página Inicial</a>
                 </li>
                 <li>
-                    <a href="/Pages/Cursos.html" class="link link--pagina-atual">Cursos</a>
+                    <a href="../cursos.html" class="link link--pagina-atual">Cursos</a>
                 </li>
                 <li>
-                    <a href="/Pages/fav.html" class="link">Favoritos</a>
+                    <a href="../fav.html" class="link">Favoritos</a>
                 </li>
                 <li>
-                    <a href="/integrantes.txt" target=_blank class="link">Equipe</a>
+                    <a href="../integrantes.txt" target=_blank class="link">Equipe</a>
                 </li>
             </ul>
         </nav>

diff --git a/pages/cursos/ads.html → cursos/ads.html b/pages/cursos/ads.html → cursos/ads.html
@@ -6,29 +6,29 @@
     <meta name="description" content="Site que descreve o curso de Adminstração da FIAP">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/Style/reset.css">
-    <link rel="stylesheet" href="/Style/style.css">
+    <link rel="stylesheet" href="../reset.css">
+    <link rel="stylesheet" href="../style.css">
 
-    <script type="module" src="/Components/Curso/index.js"></script>
+    <script type="module" src="../Components/Curso/index.js"></script>
 
     <title>ADS - FIAP Cursos</title>
 </head>
 <body>
     <header class="cabecalho">
-        <img class="cabecalho__logo" src="/Imgs/fiap.png" alt="FIAP">
+        <img class="cabecalho__logo" src="../imgs/fiap.png" alt="FIAP">
         <nav>
             <ul class="cabecalho__nav">
                 <li>
-                    <a href="/index.html" class="link">Página Inicial</a>
+                    <a href="../index.html" class="link">Página Inicial</a>
                 </li>
                 <li>
-                    <a href="/Pages/Cursos.html" class="link link--pagina-atual">Cursos</a>
+                    <a href="../cursos.html" class="link link--pagina-atual">Cursos</a>
                 </li>
                 <li>
-                    <a href="/Pages/fav.html" class="link">Favoritos</a>
+                    <a href="../fav.html" class="link">Favoritos</a>
                 </li>
                 <li>
-                    <a href="/integrantes.txt" target=_blank class="link">Equipe</a>
+                    <a href="../integrantes.txt" target=_blank class="link">Equipe</a>
                 </li>
             </ul>
         </nav>

diff --git a/pages/cursos/banco-de-dados.html → cursos/banco-de-dados.html b/pages/cursos/banco-de-dados.html → cursos/banco-de-dados.html
@@ -6,29 +6,29 @@
     <meta name="description" content="Site que descreve o curso de Adminstração da FIAP">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/Style/reset.css">
-    <link rel="stylesheet" href="/Style/style.css">
+    <link rel="stylesheet" href="../reset.css">
+    <link rel="stylesheet" href="../style.css">
 
-    <script type="module" src="/Components/Curso/index.js"></script>
+    <script type="module" src="../Components/Curso/index.js"></script>
 
     <title>BANCO DE DADOS - FIAP Cursos</title>
 </head>
 <body>
     <header class="cabecalho">
-        <img class="cabecalho__logo" src="/Imgs/fiap.png" alt="FIAP">
+        <img class="cabecalho__logo" src="../imgs/fiap.png" alt="FIAP">
         <nav>
             <ul class="cabecalho__nav">
                 <li>
-                    <a href="/index.html" class="link">Página Inicial</a>
+                    <a href="../index.html" class="link">Página Inicial</a>
                 </li>
                 <li>
-                    <a href="/Pages/Cursos.html" class="link link--pagina-atual">Cursos</a>
+                    <a href="../cursos.html" class="link link--pagina-atual">Cursos</a>
                 </li>
                 <li>
-                    <a href="/Pages/fav.html" class="link">Favoritos</a>
+                    <a href="../fav.html" class="link">Favoritos</a>
                 </li>
                 <li>
-                    <a href="/integrantes.txt" target=_blank class="link">Equipe</a>
+                    <a href="../integrantes.txt" target=_blank class="link">Equipe</a>
                 </li>
             </ul>
         </nav>

diff --git a/pages/cursos/engenharia-da-computacao.html → cursos/engenharia-da-computacao.html b/pages/cursos/engenharia-da-computacao.html → cursos/engenharia-da-computacao.html
@@ -6,29 +6,29 @@
     <meta name="description" content="Site que descreve o curso de Adminstração da FIAP">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/Style/reset.css">
-    <link rel="stylesheet" href="/Style/style.css">
+    <link rel="stylesheet" href="../reset.css">
+    <link rel="stylesheet" href="../style.css">
 
-    <script type="module" src="/Components/Curso/index.js"></script>
+    <script type="module" src="../Components/Curso/index.js"></script>
 
     <title>ENGENHARIA DA COMPUTAÇÃO - FIAP Cursos</title>
 </head>
 <body>
     <header class="cabecalho">
-        <img class="cabecalho__logo" src="/Imgs/fiap.png" alt="FIAP">
+        <img class="cabecalho__logo" src="../imgs/fiap.png" alt="FIAP">
         <nav>
             <ul class="cabecalho__nav">
                 <li>
-                    <a href="/index.html" class="link">Página Inicial</a>
+                    <a href="../index.html" class="link">Página Inicial</a>
                 </li>
                 <li>
-                    <a href="/Pages/Cursos.html" class="link link--pagina-atual">Cursos</a>
+                    <a href="../cursos.html" class="link link--pagina-atual">Cursos</a>
                 </li>
                 <li>
-                    <a href="/Pages/fav.html" class="link">Favoritos</a>
+                    <a href="../fav.html" class="link">Favoritos</a>
                 </li>
                 <li>
-                    <a href="/integrantes.txt" target=_blank class="link">Equipe</a>
+                    <a href="../integrantes.txt" target=_blank class="link">Equipe</a>
                 </li>
             </ul>
         </nav>

diff --git a/pages/cursos/engenharia-da-mecatronica.html → cursos/engenharia-da-mecatronica.html b/pages/cursos/engenharia-da-mecatronica.html → cursos/engenharia-da-mecatronica.html
@@ -6,29 +6,29 @@
     <meta name="description" content="Site que descreve o curso de Adminstração da FIAP">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/Style/reset.css">
-    <link rel="stylesheet" href="/Style/style.css">
+    <link rel="stylesheet" href="../reset.css">
+    <link rel="stylesheet" href="../style.css">
 
-    <script type="module" src="/Components/Curso/index.js"></script>
+    <script type="module" src="../Components/Curso/index.js"></script>
 
     <title>ENGENHARIA DA MECATRÔNICA - FIAP Cursos</title>
 </head>
 <body>
     <header class="cabecalho">
-        <img class="cabecalho__logo" src="/Imgs/fiap.png" alt="FIAP">
+        <img class="cabecalho__logo" src="../imgs/fiap.png" alt="FIAP">
         <nav>
             <ul class="cabecalho__nav">
                 <li>
-                    <a href="/index.html" class="link">Página Inicial</a>
+                    <a href="../index.html" class="link">Página Inicial</a>
                 </li>
                 <li>
-                    <a href="/Pages/Cursos.html" class="link link--pagina-atual">Cursos</a>
+                    <a href="../cursos.html" class="link link--pagina-atual">Cursos</a>
                 </li>
                 <li>
-                    <a href="/Pages/fav.html" class="link">Favoritos</a>
+                    <a href="../fav.html" class="link">Favoritos</a>
                 </li>
                 <li>
-                    <a href="/integrantes.txt" target=_blank class="link">Equipe</a>
+                    <a href="../integrantes.txt" target=_blank class="link">Equipe</a>
                 </li>
             </ul>
         </nav>