diff --git a/app/Http/Controllers/GeneralController.php b/app/Http/Controllers/GeneralController.php index c5ee04f..77c93b6 100644 --- a/app/Http/Controllers/GeneralController.php +++ b/app/Http/Controllers/GeneralController.php @@ -87,4 +87,9 @@ public function apiAuthorBook($id){ return $books; } + public function about() { + return view('bahai.about'); + + } + } \ No newline at end of file diff --git a/public/css/style.css b/public/css/style.css index a316410..0c632f6 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -33,6 +33,10 @@ body { box-shadow: 15px 15px 5px -10px rgb(186 173 162 / 7%); } +#barra-pequeno { + display: none; +} + #enlaces { width: 60%; position: absolute; @@ -67,7 +71,7 @@ a { } #logo-resp { - display: none; + /* display: none; */ } .nombre { @@ -102,9 +106,6 @@ a { } /* FOOTER */ -#login { -} - .login-boton { padding-top: 8px; padding-right: 15px; @@ -141,8 +142,8 @@ a { transparent ) bottom 0 left calc(50% - var(--d, 0px) / 2) / 100% 5px no-repeat, - radial-gradient(circle closest-side, currentColor 80%, transparent) bottom - 0 left calc(50% + var(--d, 0px) / 2) / 100% 5px no-repeat, + radial-gradient(circle closest-side, currentColor 80%, transparent) bottom 0 + left calc(50% + var(--d, 0px) / 2) / 100% 5px no-repeat, linear-gradient(currentColor 0 0) bottom / var(--d, 0%) 5px no-repeat; transition: 0.5s; font-weight: 200; @@ -188,30 +189,32 @@ a { } .linea-uno { - justify-content: center; + justify-content: space-between; + margin-right: 0px; + margin-left: 0px; + margin-bottom: 10px; + width: 30%; + align-self: center; flex-direction: row; display: flex; - justify-content: space-around; - margin-right: 550px; - margin-left: 550px; - margin-bottom: 5px; } .linea-dos { - justify-content: center; + justify-content: space-between; + margin-right: 0px; + margin-left: 0px; + margin-bottom: 10px; + width: 22%; + align-self: center; flex-direction: row; display: flex; - justify-content: space-around; - margin-right: 600px; - margin-left: 600px; - margin-bottom: 5px; } .copyright { font-family: "Noto Serif", serif; color: #49392b; font-weight: 600; - align-text: center; + /* align-text: center; */ display: flex; justify-content: center; font-size: 0.78em; @@ -227,22 +230,21 @@ a { url("/img/hero03.jpg"); width: 100%; height: 60vh; - margin-top: 50px; background-size: cover; color: rgb(255, 255, 255); - padding: 20px; position: relative; display: flex; align-items: center; } #textos { - width: 50%; + width: 40%; display: flex; - justify-content: space-between; + justify-content: space-around; flex-direction: column; position: relative; left: 40px; + height: 90%; } #hero-title { @@ -315,7 +317,7 @@ h4 { font-weight: 700 !important; text-transform: uppercase; color: #49392b; - font-size: 0.8em !important; + font-size: 0.7em !important; padding-left: 10px; padding-bottom: 10px; letter-spacing: 2px; @@ -826,11 +828,11 @@ input.max-group::placeholder { border: solid 2px #79c3aa; color: #79c3aa; align-self: center; - margin-top: 40px; + /* margin-top: 40px; */ transition-duration: 0.4s; border-radius: 20px; outline: none; - margin-bottom: 25px; + /* margin-bottom: 25px; */ display: flex; justify-content: center; align-items: center; @@ -873,6 +875,10 @@ input.max-group::placeholder { justify-content: center; } +.config-libro{ + width: 50% !important; +} + .parte-izq-crear { display: flex; background-image: url("/img/books.png"); @@ -893,7 +899,7 @@ input.max-group::placeholder { align-self: center; position: relative; top: 120px; - height: 850px; + height: 800px; } .ver-todo { @@ -918,6 +924,7 @@ input.max-group::placeholder { width: 100%; height: 100%; justify-content: center; + align-items: center; } .crear-texto { @@ -973,7 +980,7 @@ input.max-group::placeholder { border: none; } -.join-plus { +.ancho-peq .join-plus { width: 40px; height: 40px; justify-content: center; @@ -1042,6 +1049,7 @@ input.max-group::placeholder { display: flex; flex-direction: column; background-color: #f9f7f6; + position: relative; } .centrado { @@ -1054,7 +1062,6 @@ input.max-group::placeholder { #alert { position: relative; left: 50px; - top: 40px; justify-content: flex-start; flex-direction: row; } @@ -1248,6 +1255,42 @@ input.max-group::placeholder { filter: sepia(51%) saturate(2878%) brightness(5%); } +.ochenta-especial { + background-color: white; + border-radius: 40px; + width: 80%; + display: flex; + flex-direction: column; + align-self: center; + position: relative; + top: 120px; + border: 1px solid #baada245; + padding-bottom: 80px; +} + +.agrupar-info{ + padding: 6em; +} +.blog-post-title { + top: 60px; + left: 20px; +} + +.pe-post { + line-height: 2; + font-size: 1.1em; + position: relative; + top: 40px; +} + +.responsimage { + display: flex; + width: 100%; + height: auto; + position: relative; + top: 100px; +} + .contenedor-busqueda { width: 50%; display: flex; @@ -1279,7 +1322,7 @@ input.max-group::placeholder { .ficha-libro { width: 46%; - height: 335px; + height: 300px; display: flex; left: 30px; flex-direction: row; @@ -1302,8 +1345,8 @@ input.max-group::placeholder { } .portada-libro { - width: 220px; - height: 335px; + width: 40%; + height: 100%; display: flex; border-bottom-left-radius: 20px; position: relative; @@ -1543,7 +1586,6 @@ select::-ms-expand { display: flex; align-items: center; justify-content: space-between; - margin-top: 10px; } .colu-pe { @@ -1633,11 +1675,12 @@ select::-ms-expand { .texto-min-bot { font-family: "Montserrat", sans-serif; - border: 1px solid #9e9e9e; + border: 1px solid #d9cec5; border-radius: 5px; padding: 10px; width: 200px; text-align: center; + color: #d9cec5; } .texto-min-bot:hover { @@ -1667,7 +1710,7 @@ textarea { display: flex; align-self: center; font-family: "Montserrat", sans-serif; - font-size: 1em; + font-size: 0.8em; justify-self: center; line-height: 1.5; color: #49392b; @@ -1771,9 +1814,6 @@ form { border-radius: 4em; } -.circular { -} - .segundo { top: 125px; } @@ -1960,7 +2000,6 @@ form { -webkit-box-shadow: 15px 15px 5px -10px rgba(186, 173, 162, 0.07); -moz-box-shadow: 15px 15px 5px -10px rgba(186, 173, 162, 0.07); box-shadow: 15px 15px 5px -10px rgba(186, 173, 162, 0.07); - z-index: 3; justify-content: center; align-items: center; animation: fondo-color 1s forwards; @@ -2001,7 +2040,7 @@ form { top: -30px; } -.texto-form{ +.texto-form { width: 100%; padding: 12px 20px; margin: 8px 0; @@ -2081,7 +2120,7 @@ input:-webkit-autofill:active { text-transform: uppercase; justify-self: flex-end; position: relative; - top: 30px; + top: 15px; } .parte-superior { display: flex; @@ -2167,7 +2206,7 @@ input:-webkit-autofill:active { .config-blanco { width: 100%; - height: 95%; + height: 98%; } .texto-pequ { @@ -2198,7 +2237,7 @@ input:-webkit-autofill:active { background-color: #f9f7f6; flex-direction: column; justify-content: space-between; - height: 1200px; + height: 1100px; } .org-horizontal { @@ -2218,7 +2257,6 @@ input:-webkit-autofill:active { border: none; text-transform: uppercase; letter-spacing: 3px; - width: fit-content; padding-right: 20px; } @@ -2244,9 +2282,6 @@ input:-webkit-autofill:active { text-transform: uppercase !important; } -#name { -} - .imagen-libro { display: block; width: 350px; @@ -2258,7 +2293,6 @@ input:-webkit-autofill:active { color: #49392b; font-size: 1em; margin-top: 30px; - margin-bottom: 30px; } .bloqtext-dash::first-letter { @@ -2286,7 +2320,7 @@ input:-webkit-autofill:active { padding: 20px; background-color: white; border-radius: 30px; - height: 100%; + height: max-content; position: relative; border: 1px solid #baada245; } @@ -2384,6 +2418,14 @@ input:-webkit-autofill:active { margin-right: 30px; } +.ancho-peq { + height: 50%; + width: 84%; + display: flex; + justify-content: space-around; + align-self: center; +} + .usuario-boton-salir { background-image: url("/img/logout.svg"); display: flex; @@ -2411,33 +2453,449 @@ input:-webkit-autofill:active { margin-right: 20px; } -@media (max-width: 1000px) { +.informacion-about { + width: 100vw; + display: flex; + background-color: #f9f7f6; + flex-direction: column; + justify-content: space-between; + height: 1550px; + overflow-x: hidden; +} + +@media (max-width: 1200px) { + #barra { + height: 65px; + } + .ficha-libro { - width: 46%; - height: 240px; + width: 49%; + margin: 0.5%; + height: 250px; } .portada-libro { - width: 260px; - height: 240px; + width: 145px; } -.autor-nombre { - font-size: 0.7em !important; -} + .autor-nombre { + font-size: 0.7em !important; + margin-bottom: 0px; + line-height: 1.2em; + margin-top: 0px; + } + + h1 { + font-size: 2.6em; + } + + h2 { + font-size: 1.4em; + } + + h3 { + font-size: 1.3em; + line-height: 1.3em; + margin-bottom: 0px !important; + } + + .libro-nombre-dash { + font-size: 1.5em; + line-height: 1.3em; + margin-bottom: 0px !important; + } + + h4, + .autor-nombre-dash { + font-size: 0.9em; + } + + h5 { + font-size: 0.9em; + } + + .spaces { + font-size: 0.9em; + padding-right: 0px; + padding-bottom: 8px; + padding-top: 4px; + } + + .spaces-lista { + font-size: 0.9em; + line-height: 1.5em; + } + + .descripcion-libro { + font-size: 0.9em; + margin-top: 5px; + } + + .descripcion-libro-lista { + font-size: 0.9em; + } + + .join-ficha { + margin-top: 10px; + width: 100px; + height: 35px; + } + + .contenedor { + width: 82%; + } + + #alert { + top: 0px; + } + + #textos { + justify-content: space-evenly; + left: 0px; + } + + #enlaces { + font-size: 0.85em; + } + + .barra-info { + width: 92%; + } + + .linea-uno { + justify-content: space-between; + margin-right: 0px; + margin-left: 0px; + margin-bottom: 10px; + width: 45%; + align-self: center; + } + + .linea-dos { + justify-content: space-between; + margin-right: 0px; + margin-left: 0px; + margin-bottom: 10px; + width: 30%; + align-self: center; + } + + .lista-libro { + width: 100%; + border-radius: 30px; + margin-top: 5px; + } + + .ficha-info { + width: 62%; + } + + .container-ochenta{ + height: 600px; + width: 80%; + } + + .informacion{ + height: 970px; + } + + .ficha-info { + height: 300px; + } + + .imagen-libro-dash { + width: 45%; + height: 300px; + } + + .parte-superior{ + margin-bottom: 40px; + } + + .container-ochenta{ + width: 95%; + } + + .parti-dash { + font-size: 1.3em; + } + + .config-libro{ + width: 80% !important; + } + + .parte-izq-crear{ + display: none; + } -h3 { - font-size: 1.3em; } -.spaces{ - font-size: 0.9em; + +@media (max-width: 820px) { + #textos { + width: 70%; + } + + .informacion-about { + height: 1550px; + } + + .logic-contenedor-libros { + flex-direction: column; + } + + .ficha-libro { + width: 88%; + margin: 2%; + align-self: center; + } + + .contenedor { + width: 85%; + align-self: flex-start; + } + + .sutitulo { + width: 85%; + align-self: center; + } + + .barra-info { + width: 89%; + } + + #enlaces { + display: none; + } + #burger { + display: block; + width: 50px; + height: 50px; + } + + #barra { + /* display: none; */ + } +#barra-pequeno{ + background-color: white; + width: 100%; + height: 80px; + top: 0px; + display: flex; + position: fixed; + align-items: center; + z-index: 5; + align-items: center; + justify-content: flex-end; + -webkit-box-shadow: 15px 15px 5px -10px rgb(186 173 162 / 7%); + -moz-box-shadow: 15px 15px 5px -10px rgba(186, 173, 162, 0.07); + box-shadow: 15px 15px 5px -10px rgb(186 173 162 / 7%); } -.descripcion-libro { - font-size: 0.9em; + + .linea-dos { + width: 35%; + } + + /* DASHBOARD MESSAGES */ + .parte-superior{ + width: 80%; + flex-direction: column; + margin-top: 300px; + } + + .ficha-info{ + width: 100%; + } + .parte-inferior{ + width: 80%; + margin-top: 20px; + } + + .participants-list{ + width: 100%; + top: 30px; + } + + .autor-nombre-dash{ + margin-bottom: 5px; + } + + .libro-nombre-dash{ + margin-bottom: 10px !important; + } + + .informacion { + height: 1270px; + } + + #menu-responsive { + + } + + #menu-pequeno{ + display: none; + flex-direction: column; + width: 100vw; + height: 80vh; + justify-content: space-evenly; + padding-top: 20px; + overflow: hidden; + } + + .b-peque{ + display: flex; + font-size: 1.7em; + } + + #equis-menupe{ + display: flex; + justify-content: flex-end; + color: #251d16; + font-size: 2.2em; + height: 90%; + align-self: center; + margin-right: 15px; + margin-top: 25px; + font-family: "Montserrat", sans-serif; + color: #baada2; + letter-spacing: 3px; + } + + .agrupar-info{ + padding: 2em; + } + } -.join-ficha { - margin-top: 10px; - +@media (max-width: 500px) { + .contenedor { + width: 85%; + border-radius: 15px; + } + + .botones-flotantes { + width: 50px; + right: 5px; + bottom: 5px; + } + + .informacion-about { + height: 1650px; + } + + .ficha-libro { + width: 98%; + margin: 1%; + } + + .barra-info { + width: 92%; + } + + .espacio { + width: 92%; + align-self: center; + } + + .logic-contenedor-libros { + margin-bottom: 5px; + } + + .linea-dos { + width: 40%; + } + + .portada-libro-pequeno { + display: none; + } + + .cinculibroizquierda { + display: none; + } + + .lista-libro { + justify-content: space-between; + } + + .ticincoizquierda { + width: 40%; + } + .autor-libro { + width: 100%; + } + + .spaces-part { + width: 28%; + } + + .derecha-cinco { + width: 20%; + } + + .logic-contenedor-lista { + padding-bottom: 35px; + } + + .lista-libro { + border-radius: 45px; + } + + .texta { + font-size: 0.8em; + } + + .extra { + font-size: 0.7em; + } + + .ancho-peq { + height: 50%; + width: 84%; + display: flex; + justify-content: space-around; + align-self: center; + } + + .selec-nu { + font-size: 0.8em !important; + margin-bottom: 0px; + width: -webkit-fill-available; + } + + .organizar-elementos { + width: 100%; + height: 100%; + border-radius: 0; + position: relative; + top: -50px; + } + + .descripcion-libro-crear { + font-size: 0.8em !important; + } + + .texto-pequ { + line-height: 1.3em; + } + + .container-ochenta { + width: 115%; + } + + .ficha-crear { + width: 95%; + height: 90%; + } + + .ficha-crear { + width: 100%; + height: 100%; + border-radius: 0; } -} \ No newline at end of file + .botones-flotantes{ + z-index: 1; + } + + .config-libro { + width: 100% !important; + } +} diff --git a/public/js/burger.js b/public/js/burger.js new file mode 100644 index 0000000..79619bc --- /dev/null +++ b/public/js/burger.js @@ -0,0 +1,23 @@ +const abrirMenu = document.getElementById('menu-pequeno'); +const cerrarMenu = document.getElementById('equis-menupe'); +const hamburguesa = document.getElementById('burger'); +const paginaCompleta = document.querySelector('.general-container'); + +// abrirMenu.addEventListener('click', show); +// cerrarMenu.addEventListener('click', close); + +function show(){ + abrirMenu.style.display = 'flex'; + paginaCompleta.style.display = 'none'; + // cerrarMenu.style.display = 'flex' +} + + +function cerrar(){ + abrirMenu.style.display = 'none'; + paginaCompleta.style.display = 'flex'; + // cerrarMenu.style.display = 'none'; + console.log(abrirMenu); + console.log(paginaCompleta); + +} \ No newline at end of file diff --git a/resources/views/bahai/about.blade.php b/resources/views/bahai/about.blade.php new file mode 100644 index 0000000..4095db1 --- /dev/null +++ b/resources/views/bahai/about.blade.php @@ -0,0 +1,45 @@ +@extends('template') +@section('cnt') +@include('layout.headers.home') +
+
+
+

Titulo de About

+

"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"

+ +
+
+
+
+

+ About +

+

+ Help +

+

+ Resources +

+

+ Materials +

+
+ +
+

+ Terms of Use +

+

+ Privacy Policy +

+
+ +
+

+ © bahaistudygroup | 2021 +

+
+ +
+
+@stop \ No newline at end of file diff --git a/resources/views/dev/standard/info.blade.php b/resources/views/dev/standard/info.blade.php new file mode 100644 index 0000000..3523dd1 --- /dev/null +++ b/resources/views/dev/standard/info.blade.php @@ -0,0 +1,3 @@ +@extends('template') +@section('cnt') + diff --git a/resources/views/layout/headers/home.blade.php b/resources/views/layout/headers/home.blade.php index 5a5b614..c257abf 100644 --- a/resources/views/layout/headers/home.blade.php +++ b/resources/views/layout/headers/home.blade.php @@ -3,7 +3,7 @@ - +
ABOUT HELP @@ -23,4 +23,10 @@ @endif
+
+ LOGIN + +
+ + diff --git a/resources/views/layout/popups/author.blade.php b/resources/views/layout/popups/author.blade.php index 4c53c45..a7c7aff 100644 --- a/resources/views/layout/popups/author.blade.php +++ b/resources/views/layout/popups/author.blade.php @@ -13,12 +13,12 @@
-
+ {!! csrf_field() !!} - + - +
diff --git a/resources/views/layout/popups/book.blade.php b/resources/views/layout/popups/book.blade.php index 2ba59ab..27d44d8 100644 --- a/resources/views/layout/popups/book.blade.php +++ b/resources/views/layout/popups/book.blade.php @@ -13,10 +13,10 @@
-
+ {!! csrf_field() !!} - - + + - +
- + @foreach($authors_books as $a) - + @endforeach
- -
- +
diff --git a/resources/views/layout/popups/group.blade.php b/resources/views/layout/popups/group.blade.php index e41e945..ee833a4 100644 --- a/resources/views/layout/popups/group.blade.php +++ b/resources/views/layout/popups/group.blade.php @@ -25,16 +25,12 @@ @endforeach -
-
- -