generated from Arquisoft/wiq_0
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
10 changed files
with
195 additions
and
12 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,17 @@ | ||
| import React from 'react'; | ||
| import '../styles/Footer.css'; // Asegúrate de importar tu archivo de estilos si es necesario | ||
|
|
||
| const Footer = () => ( | ||
| <footer className="footer"> | ||
| <p>Trabajo de Arquitectura del Software</p> | ||
| <p> | ||
| <a href="https://github.com/Arquisoft/wiq_es04c" target="_blank" rel="noopener noreferrer"> | ||
| Github del Proyecto | ||
| </a> | ||
| </p> | ||
| <p> | ||
| <a href="https://ingenieriainformatica.uniovi.es" target="_blank"rel="noopener noreferrer">Escuela de Ingeniería Informática</a></p> | ||
| </footer> | ||
| ); | ||
|
|
||
| export default Footer; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,40 @@ | ||
| // En /src/components/Navbar.js | ||
| import React from 'react'; | ||
| import '../styles/Navbar.css'; // Importa tu archivo de estilos si es necesario | ||
|
|
||
| const Navbar = () => ( | ||
| <nav className="navbar navbar-expand-lg navbar-dark bg-primary fixed-top"> | ||
| <div className="collapse navbar-collapse" id="my-navbarColor01"> | ||
| <a className="navbar-brand" href="/"> | ||
| <img src="/LogoSaberYganar.png" alt="Logo" /> | ||
| </a> | ||
| {/*<ul className="navbar-nav mr-auto"> | ||
| <li className="nav-item"> | ||
| <a className="nav-link" href="/"> | ||
| Home | ||
| </a> | ||
| </li> | ||
| </ul>*/} | ||
| </div> | ||
|
|
||
| <div className="collapse navbar-collapse" id="my-navbarColor02"> | ||
| <ul className="navbar-nav justify-content-end"> | ||
| <li className="nav-item"> | ||
| <a className="nav-link" href="/signup"> | ||
| <i className="fas fa-sign-in-alt" style={{ fontSize: '16px' }}></i> | ||
| <span>Registrarse</span> | ||
| </a> | ||
| </li> | ||
| <li className="nav-item"> | ||
| <a className="nav-link" href="/login"> | ||
| <i className="fas fa-sign-in-alt" style={{ fontSize: '16px' }}></i> | ||
| <span>Iniciar sesión</span> | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </nav> | ||
|
|
||
| ); | ||
|
|
||
| export default Navbar; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,26 @@ | ||
| /* Estilo para el pie de página */ | ||
| /* Estilos del pie de página */ | ||
| .footer { | ||
| position: fixed; | ||
| bottom: 0; | ||
| width: 100%; | ||
| left:0%; | ||
| background-color: #001f3f; | ||
| color: #ffffff; | ||
| padding: 10px; | ||
| text-align: center; | ||
| display: flex; | ||
| justify-content: space-around; /* Distribuye los elementos horizontalmente */ | ||
| align-items: center; | ||
| } | ||
|
|
||
| .footer a { | ||
| color: #ffffff; /* Enlaces en texto blanco */ | ||
| text-decoration: none; | ||
|
|
||
| } | ||
|
|
||
| .footer a:hover { | ||
| text-decoration: underline; /* Subraya enlaces al pasar el ratón */ | ||
| } | ||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,49 @@ | ||
| /* Estilo para la barra de navegación */ | ||
| .navbar { | ||
| background-color: #001f3f; /* Fondo azul oscuro */ | ||
| padding: 10px; /* Espaciado interno */ | ||
| display: flex; | ||
| justify-content: space-between; | ||
| align-items: center; | ||
| } | ||
|
|
||
| /* Estilo para el logo */ | ||
| .navbar-brand img { | ||
| width: 5em; /* Ancho del logo */ | ||
| } | ||
|
|
||
| /* Estilo para la lista de navegación */ | ||
| .navbar-nav { | ||
| display: flex; | ||
| align-items: center; | ||
| list-style-type: none; /* Eliminar el punto de los li para que no quede feo */ | ||
| margin: 0; /* Eliminar el margen por defecto */ | ||
| padding: 0; /* Eliminar el padding por defecto */ | ||
| } | ||
|
|
||
| /* Estilo para los elementos de la lista de navegación */ | ||
| .navbar-nav li { | ||
| margin-right: 1em; /* Espaciado entre elementos de la lista */ | ||
| } | ||
|
|
||
| /* Estilo para los botones de login y registro */ | ||
| .navbar-nav a { | ||
| color: #ffffff; /* Texto blanco */ | ||
| text-decoration: none; | ||
| } | ||
|
|
||
| /* Estilo para hacer que la barra de navegación sea responsive en dispositivos móviles */ | ||
| @media (max-width: 768px) { | ||
| .navbar { | ||
| flex-direction: column; /* Cambia a una columna en dispositivos móviles */ | ||
| align-items: flex-start; | ||
| } | ||
|
|
||
| .navbar-nav { | ||
| margin-top: 10px; /* Espaciado superior en dispositivos móviles */ | ||
| } | ||
|
|
||
| .navbar-nav li { | ||
| margin: 5px 0; /* Espaciado entre elementos de la lista en dispositivos móviles */ | ||
| } | ||
| } |