diff --git a/components/layouts/header.js b/components/layouts/header.js index db1d87e..82e03fa 100644 --- a/components/layouts/header.js +++ b/components/layouts/header.js @@ -14,7 +14,7 @@ function Header() { className={`${styles.logo_unam} col-4 d-inline-flex `} > - logo unam + logo unam @@ -26,7 +26,7 @@ function Header() { target="_blank" rel="noreferrer" > - logo unam + logo fes diff --git a/components/layouts/header2.js b/components/layouts/header2.js new file mode 100644 index 0000000..e69de29 diff --git a/components/login/login.js b/components/login/login.js index e7cf310..7935578 100644 --- a/components/login/login.js +++ b/components/login/login.js @@ -1,6 +1,10 @@ //como hacer un campo de entrada o un input props.entrada1 -import React,{useState} from 'react'; -function Log(props) { +import styles from "../../styles/admin.module.css"; +import 'bootstrap/dist/css/bootstrap.min.css'; +import { Container, Row, Col,Form,Button,P } from "react-bootstrap"; + +import React,{useState,useRef,useEffect} from 'react'; +function Log(props) { const [radio,setRadio]=useState("profesor"); return (
@@ -64,6 +68,12 @@ function Log(props) { })()}

+ + +

+

+ + diff --git a/components/profesores_registro/invitado.js b/components/profesores_registro/invitado.js new file mode 100644 index 0000000..7c6583a --- /dev/null +++ b/components/profesores_registro/invitado.js @@ -0,0 +1,135 @@ +import styles from "../../styles/invitado.module.css"; +import { Container, Row, Col,InputGroup,FormControl} from "react-bootstrap"; +function Invitado(props){ + return( + +
+ +

INVITADO {props.numero}

+ + + +

Nombre(s):

+

Apellidos:

+

Edad:

+ + +
+ + + + + + + + +
+
+
+ +
+
+
+ + +
+ + +
+ + ) +} +export default Invitado; \ No newline at end of file diff --git a/components/profesores_registro/profesores.js b/components/profesores_registro/profesores.js new file mode 100644 index 0000000..eddf14b --- /dev/null +++ b/components/profesores_registro/profesores.js @@ -0,0 +1,70 @@ +import styles from "../../styles/profesores.module.css"; +import Invitado from './invitado'; +import React,{useState} from 'react'; +import { Container, Row, Col,Form,Button } from "react-bootstrap"; +function Registro(){ + const[select,setSelect]=useState("0"); + return( + +
REGISTRO DE PROFESORES PARA LA OBTENCIÓN DE MEDALLAS
+ +
+ + +

Nombre:

+

Número de trabajador:

+

Adscripción:

+

Cantidad de invitados:

+ + +
+

Gabriela Gómez Hernández

+

2013050757

+

Estudiante

+ +
+
+ {setSelect(e.target.value)}} > + + + + + + + +
+
+ +
+ + +
+ + {(() => { + switch(select){ + case "1": return ; + case "2": return (<> + ); + case "3": return (<> + ); + } + })()} + + + + + + + + + + + + + + + + + ); +} +export default Registro; \ No newline at end of file diff --git a/pages/admin.js b/pages/admin.js new file mode 100644 index 0000000..34b8023 --- /dev/null +++ b/pages/admin.js @@ -0,0 +1,39 @@ +import styles from "../styles/admin.module.css"; +import Layout from '../components/layouts/layout'; +import 'bootstrap/dist/css/bootstrap.min.css'; +import Head from 'next/head'; +import { Container, Row, Col,Form,Button,P } from "react-bootstrap"; +export default function Admin(){ + return( + + + Admin + +

Admin

 + + + +

+

+ + + + +

+ +

+ + + + + + + + + + + + + + ) +} diff --git a/pages/login.js b/pages/login.js index e5602a1..bf1d61e 100644 --- a/pages/login.js +++ b/pages/login.js @@ -1,6 +1,8 @@ import Layout from '../components/layouts/layout' import 'bootstrap/dist/css/bootstrap.min.css'; -import Log from '../components/login/login' +import Log from '../components/login/login'; +import Image from "next/image"; +import icono from "../public/medal-solid.svg"; //import Link from 'next/link' import Head from 'next/head' diff --git a/pages/login2.js b/pages/login2.js new file mode 100644 index 0000000..1cd7701 --- /dev/null +++ b/pages/login2.js @@ -0,0 +1,18 @@ +import Layout from '../components/layouts/layout' +import 'bootstrap/dist/css/bootstrap.min.css'; +import Log from '../components/login/login'; +//import Link from 'next/link' +import Head from 'next/head' + +export default function Login(){ + return( + + + Login-Medallas + +
+ +
+ + ) +} \ No newline at end of file diff --git a/pages/profesores.js b/pages/profesores.js new file mode 100644 index 0000000..3de6de2 --- /dev/null +++ b/pages/profesores.js @@ -0,0 +1,19 @@ +import styles from "../styles/profesores.module.css"; +import Layout from '../components/layouts/layout'; +import 'bootstrap/dist/css/bootstrap.min.css'; +import Head from 'next/head'; +import Registro from '../components/profesores_registro/profesores'; + +export default function Register(){ + return( + + + Registro Profesores + +
+ +
+ + ) +} + diff --git a/pages/registro-exitoso.js b/pages/registro-exitoso.js new file mode 100644 index 0000000..28d5782 --- /dev/null +++ b/pages/registro-exitoso.js @@ -0,0 +1,26 @@ +import styles from "../styles/exito.module.css"; +import Layout from '../components/layouts/layout'; +import 'bootstrap/dist/css/bootstrap.min.css'; +import Head from 'next/head'; +import { Container, Row, Col,Form,Button,P } from "react-bootstrap"; +export default function Register(){ + return( + + + Registro Exitoso + + +

¡REGISTRO EXITOSO!

 +

Se han enviado los datos e instrucciones a su correo PCPUMA

 + + + + + + + + + + + ) +} diff --git a/public/medal-solid.svg b/public/medal-solid.svg new file mode 100644 index 0000000..83cbd80 --- /dev/null +++ b/public/medal-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/styles/admin.module.css b/styles/admin.module.css new file mode 100644 index 0000000..fcb731d --- /dev/null +++ b/styles/admin.module.css @@ -0,0 +1,43 @@ +.contenido{ + font-family: 'Vollkorn', serif; + min-height: 350px; + margin-top: 130px; +} +.subtitulo{ + font-family: 'Vollkorn', serif; + color:#BC9516; + font-weight: bold; + font-size: x-large; +} +.boton{ + background-color: #BC9516; + color:white; + border: #BC9516; + border-radius: 30px; + font-size: x-large; +} +.boton:hover{ + background-color:rgb(188,149,22,70%);; + color:white; +} +.ingresar{ + margin-top: 15px; + color:white; + background-color: #1B3D70; + font-family: 'Vollkorn', serif; + font-size: x-large; + font-weight: bold; + border:0; +} +.salir{ + color:white; + background-color: #1B3D70; + font-family: 'Vollkorn', serif; + font-size: x-large; + font-weight: bold; + border:0; + margin-bottom: 15px; +} +.salir:hover,.ingresar:hover{ + background-color:rgb(27,61,112,50%); +} \ No newline at end of file diff --git a/styles/exito.module.css b/styles/exito.module.css new file mode 100644 index 0000000..0fb869f --- /dev/null +++ b/styles/exito.module.css @@ -0,0 +1,24 @@ +.container{ + min-height: 500px; + margin-bottom: 30px; + color:#644F0C; + font-family: 'Vollkorn', serif; + font-size:xx-large; + font-weight: bold; + padding: 8%; +} + + +.salir{ + color:white; + background-color: #1B3D70; + font-family: 'Vollkorn', serif; + font-size: x-large; + font-weight: bold; + border:0; + margin-bottom: 15px; + margin-top: 30px; +} +.salir:hover{ + background-color:rgb(27,61,112,50%); +} \ No newline at end of file diff --git a/styles/globals.css b/styles/globals.css index 762498a..b6ace9c 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -4,7 +4,7 @@ body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; - background-color: aqua; + } a { @@ -26,6 +26,9 @@ a { margin-right: 7%; padding-top: 30px; font-family: 'Vollkorn', serif; + border-width: 1px; + border-color: black; + border-style: solid; } .titulo{ color:#644F0C; diff --git a/styles/invitado.module.css b/styles/invitado.module.css new file mode 100644 index 0000000..715e622 --- /dev/null +++ b/styles/invitado.module.css @@ -0,0 +1,13 @@ +.container{ + background-color: rgb(144,114,16,19%); + border-radius:30px; + margin-top: 30px; + margin-bottom:15px; + padding-top: 20px; + color:#644F0C; + font-weight: bold; + font-size: x-large; + border-width: 1px; + border-color: black; + border-style: solid; +} \ No newline at end of file diff --git a/styles/profesores.module.css b/styles/profesores.module.css new file mode 100644 index 0000000..804a494 --- /dev/null +++ b/styles/profesores.module.css @@ -0,0 +1,53 @@ +.container{ + background-color:rgb(144,114,16,32%); + border-radius:30px; + min-height: 400px; + margin-bottom: 30px; + color:#644F0C; + font-family: 'Vollkorn', serif; + font-size:xx-large; + font-weight: bold; + padding: 5%; + border-width: 1px; + border-color: black; + border-style: solid; +} +.titulo{ + color:#644F0C; + font-family: 'Vollkorn', serif; + text-align: center; + font-size:xx-large; + font-weight: bolder; + margin-top: 30px; + margin-bottom: 30px; +} +.texto1{ + font-weight: normal; +} +.texto2{ + color:#644F0C; + font-weight: bold; +} +.boton1{ + color:white; + font-family: 'Vollkorn', serif; + font-size: x-large; + font-weight: bold; + background-color: rgb(100,79,12,76%); + border:0; +} +.boton1:hover{ + background-color: rgb(100,79,12,50%); +} +.boton2{ + color:white; + background-color: #1B3D70; + font-family: 'Vollkorn', serif; + font-size: x-large; + font-weight: bold; + border:0; + margin-bottom: 15px; +} +.boton2:hover{ + background-color:rgb(27,61,112,50%); +} \ No newline at end of file